@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;
  margin-inline-start: -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;
  margin-inline-start: -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-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 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-3xl {
  max-width: 48rem;
}
.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-lg {
  max-width: 1024px;
}
.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-\[\#090928\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 40 / var(--tw-bg-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-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-black {
  --tw-gradient-from: #000000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.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);
}
.from-purple-500 {
  --tw-gradient-from: #9061F9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 97 249 / 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-blue-950 {
  --tw-gradient-to: #172554 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;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.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 {
  padding-inline-start: 0px;
}
.ps-5 {
  padding-inline-start: 1.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-12 {
  padding-top: 3rem;
}
.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-loose {
  line-height: 2;
}
.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 {
  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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-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;
}



.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 {
  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\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:ml-6 {
    margin-left: 1.5rem;
  }

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

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

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

  .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\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .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\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

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

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

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .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-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .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\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .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 {
  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 {
  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: 20px;
  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 {
  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;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;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;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.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;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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.6911aa5b.css.map*/