@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --wis-body-font-family: "Poppins", serif;
  --wis-heading-font-family: "Poppins", serif;
  --wis-display-font-family: "Poppins", serif;
  --wis-body-font-size: 1.0000rem;
  --wis-fs-1: 2.5000rem;
  --wis-fs-2: 2.0000rem;
  --wis-fs-3: 1.7500rem;
  --wis-fs-4: 1.5000rem;
  --wis-fs-5: 1.2500rem;
  --wis-fs-6: 1.0000rem;
  --wis-fs-7: 0.8750rem;
  --wis-fs-8: 0.7500rem;
  --wis-fs-9: 0.6250rem;
  --wis-ds-1: 5.0000rem;
  --wis-ds-2: 4.5000rem;
  --wis-ds-3: 4.0000rem;
  --wis-ds-4: 3.5000rem;
  --wis-ds-5: 3.0000rem;
  --wis-ds-6: 2.5000rem;
  --wis-ds-xs-1: 4.0000rem;
  --wis-ds-xs-2: 3.5000rem;
  --wis-ds-xs-3: 3.0000rem;
  --wis-ds-xs-4: 2.2500rem;
  --wis-ds-xs-5: 1.7500rem;
  --wis-ds-xs-6: 1.5000rem;
  --wis-body-line-height: 1.7;
  --wis-heading-line-height: 1.2;
  --wis-theme-primary: #003567;
  --wis-theme-primary-light: #003567;
  --wis-theme-secondary: #fe910f;
  --wis-theme-secondary-light: #ffeec8;
  --wis-theme-primary-soft: #fe910f;
  --wis-theme-primary-dark: #003567;
  --wis-theme-dark-primary: #003567;
  --wis-theme-dark-primary-light: #144573;
  --wis-theme-dark-secondary: #fe910f;
  --wis-theme-dark-primary-soft: #003567;
  --wis-theme-dark-primary-dark: #003567;
  --wis-neutral-0: #ffffff;
  --wis-neutral-100: #f3f4f6;
  --wis-neutral-200: #e5e7eb;
  --wis-neutral-300: #d1d5db;
  --wis-neutral-400: #9ca3af;
  --wis-neutral-500: #6b7280;
  --wis-neutral-600: #4b5563;
  --wis-neutral-700: #374151;
  --wis-neutral-800: #1f2937;
  --wis-neutral-900: #111827;
  --wis-neutral-dark-0: #010101;
  --wis-neutral-dark-100: #111827;
  --wis-neutral-dark-200: #1f2937;
  --wis-neutral-dark-300: #374151;
  --wis-neutral-dark-400: #4b5563;
  --wis-neutral-dark-500: #6b7280;
  --wis-neutral-dark-600: #9ca3af;
  --wis-neutral-dark-700: #d1d5db;
  --wis-neutral-dark-800: #e5e7eb;
  --wis-neutral-dark-900: #f3f4f6;
  --wis-system-success: #64e1b0;
  --wis-system-info: #5577a7;
  --wis-system-warning: #f39e0d;
  --wis-system-danger: #ef4444;
  --wis-system-white: #ffffff;
  --wis-system-dark: #000000;
  --wis-system-muted: #9ca3af;
  --wis-system-dark-success: #10b983;
  --wis-system-dark-info: #0f172e;
  --wis-system-dark-warning: #fcd34e;
  --wis-system-dark-danger: #fca5a7;
  --wis-system-dark-white: #151524;
  --wis-system-dark-dark: #efeff8;
  --wis-system-dark-muted: #9ca3af;
  --wis-bg-1: #003567;
  --wis-bg-2: #e1d6ff;
  --wis-bg-3: #f2fbf9;
  --wis-bg-4: #eef2ff;
  --wis-bg-5: #fff7ee;
  --wis-bg-6: #374151;
  --wis-bg-7: #1f2937;
  --wis-bg-8: #ffffff;
  --wis-bg-dark-1: #1c1b1f;
  --wis-bg-dark-2: #362e4f;
  --wis-bg-dark-3: #141817;
  --wis-bg-dark-4: #131518;
  --wis-bg-dark-5: #100f0e;
  --wis-bg-dark-6: #1a2028;
  --wis-bg-dark-7: #111822;
  --wis-linear-1: linear-gradient(90deg, #d7cdff 0%, #f8e2ff 100%);
  --wis-linear-2: linear-gradient(90deg, #6d4df2 0%, #8c71ff 100%);
  --wis-linear-3: linear-gradient(180deg, #eeebf0 0%, #ffffff 100%);
  --wis-linear-4: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
  --wis-linear-dark-1: linear-gradient(90deg, #a89adb 0%, #e6ceee 100%);
  --wis-linear-dark-2: linear-gradient(90deg, #696381 0%, #837389 100%);
  --wis-linear-dark-3: linear-gradient(180deg, #151524 0%, #212135 100%);
  --wis-linear-dark-4: linear-gradient(180deg, #151524 0%, #212135 100%);
  --wis-shadow-1: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
  --wis-shadow-2: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  --wis-fw-black: 900;
  --wis-fw-extra-bold: 800;
  --wis-fw-bold: 700;
  --wis-fw-semi-bold: 600;
  --wis-fw-medium: 500;
  --wis-fw-regular: 400;
  --wis-fw-light: 300;
  --bs-border-color: var(--wis-neutral-200);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
  overflow: hidden;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 0.875em;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.

   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
   */
[type=search]::-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 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.shadow-1 {
  box-shadow: var(--wis-shadow-1);
}

.shadow-2 {
  box-shadow: var(--wis-shadow-2);
}

.text-dark {
  color: var(--wis-system-dark) !important;
}

.text-100 {
  color: var(--wis-neutral-100) !important;
}

.text-100-keep {
  color: #f3f4f6 !important;
}

.text-200 {
  color: var(--wis-neutral-200) !important;
}

.text-300 {
  color: var(--wis-neutral-300) !important;
}

.text-400 {
  color: var(--wis-neutral-400) !important;
}

.text-500 {
  color: var(--wis-neutral-500) !important;
}

.text-600 {
  color: var(--wis-neutral-600) !important;
}

.text-600-keep {
  color: #4b5563 !important;
}

.text-700 {
  color: var(--wis-neutral-700) !important;
}

.text-900 {
  color: var(--wis-neutral-900) !important;
}

.text-primary {
  color: var(--wis-theme-primary) !important;
}

.text-primary-light {
  color: var(--wis-theme-primary-light) !important;
}

.text-primary-dark {
  color: var(--wis-theme-primary-dark) !important;
}

.text-secondary {
  color: var(--wis-theme-secondary) !important;
}

.text-linear-1 {
  background: var(--wis-linear-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-linear-2 {
  background: var(--wis-linear-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff91;
}

.text-hover-primary:hover {
  color: var(--wis-theme-primary) !important;
}

.text-bg-linear-1 {
  color: var(--wis-theme-primary) !important;
  background: var(--wis-linear-1) !important;
}

.text-bg-success {
  color: rgb(17, 90, 61) !important;
  background: rgba(100, 225, 176, 0.2) !important;
  --bs-badge-border-color: var(--wis-system-success) !important;
}

.text-bg-success .tag {
  background-color: rgb(17, 90, 61) !important;
}

.text-bg-danger {
  color: var(--wis-system-danger) !important;
  background: rgba(236, 64, 64, 0.2) !important;
  --bs-badge-border-color: var(--wis-system-danger) !important;
}

.text-bg-warning {
  color: var(--wis-system-warning) !important;
  background: rgba(243, 158, 13, 0.2) !important;
  --bs-badge-border-color: var(--wis-system-warning) !important;
}

.text-bg-info {
  color: var(--wis-system-info) !important;
  background: rgba(85, 119, 167, 0.2) !important;
  --bs-badge-border-color: var(--wis-system-info) !important;
}

.text-bg-info .tag {
  background-color: var(--wis-system-info) !important;
}

.bg-white {
  background-color: var(--wis-system-white) !important;
}

.bg-white-keep {
  background-color: #ffffff !important;
}

.bg-dark-1 {
  background-color: #111827 !important;
}

.bg-1 {
  background-color: var(--wis-bg-1) !important;
}

.bg-2 {
  background-color: var(--wis-bg-2) !important;
}

.bg-3 {
  background-color: var(--wis-bg-3) !important;
}

.bg-4 {
  background-color: var(--wis-bg-4) !important;
}

.bg-5 {
  background-color: var(--wis-bg-5) !important;
}

.bg-6 {
  background-color: var(--wis-bg-6) !important;
}

.bg-7 {
  background-color: var(--wis-bg-7) !important;
}

.bg-8 {
  background-color: var(--wis-bg-8) !important;
}

.bg-primary {
  background-color: var(--wis-theme-primary) !important;
}

.bg-success {
  background-color: var(--wis-system-success) !important;
}

.bg-danger {
  background-color: var(--wis-system-danger) !important;
}

.bg-warning {
  background-color: var(--wis-system-warning) !important;
}

.bg-info {
  background-color: var(--wis-system-info) !important;
}

.bg-muted {
  background-color: var(--wis-system-muted) !important;
}

.bg-dark {
  background-color: var(--wis-system-dark) !important;
}

.bg-light {
  background-color: var(--wis-system-white) !important;
}

.bg-primary-light {
  background-color: var(--wis-theme-primary-light) !important;
}

.bg-primary-secondary {
  background-color: var(--wis-theme-primary-secondary) !important;
}

.bg-primary-soft {
  background-color: var(--wis-theme-primary-soft) !important;
}

.bg-primary-soft-keep {
  background-color: #f5eeff;
}

.bg-primary-dark {
  background-color: var(--wis-theme-primary-dark) !important;
}

.bg-linear-1 {
  background-image: var(--wis-linear-1) !important;
}

.bg-linear-2 {
  background-image: var(--wis-linear-2) !important;
}

.bg-linear-3 {
  background-image: var(--wis-linear-3) !important;
}

.bg-linear-4 {
  background-image: var(--wis-linear-4) !important;
}

.bgft-1 {
  background-color: #111827;
}

.bg-neutral-100 {
  background-color: var(--wis-neutral-100) !important;
}

.bg-neutral-200 {
  background-color: var(--wis-neutral-200) !important;
}

.bg-neutral-300 {
  background-color: var(--wis-neutral-300) !important;
}

.bg-neutral-400 {
  background-color: var(--wis-neutral-400) !important;
}

.bg-neutral-500 {
  background-color: var(--wis-neutral-500) !important;
}

.bg-neutral-600 {
  background-color: var(--wis-neutral-600) !important;
}

.bg-neutral-700 {
  background-color: var(--wis-neutral-700) !important;
}

.bg-neutral-800 {
  background-color: var(--wis-neutral-800) !important;
}

.bg-neutral-900 {
  background-color: var(--wis-neutral-900) !important;
}

.bg-light-grey {
  background-color: #f5f7f8 !important;
}

.border-primary {
  border-color: var(--wis-theme-primary) !important;
}

.border-white {
  border-color: var(--wis-system-white) !important;
}

.border-white-keep {
  border-color: #ffffff !important;
}

.border-primary-light {
  border-color: var(--wis-theme-primary-light) !important;
}

.border-linear-1 {
  position: relative;
  background: var(--wis-linear-1);
  padding: 0.0625em;
}

.border-linear-dark-2 {
  position: relative;
  background: var(--wis-linear-dark-2);
  padding: 0.0625em;
}

.border-primary-secondary {
  border-color: var(--wis-theme-primary-secondary) !important;
}

.border-primary-soft {
  border-color: var(--wis-theme-primary-soft) !important;
}

.border-primary-dark {
  border-color: var(--wis-theme-primary-dark) !important;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1.5625em;
  --bs-alert-padding-y: 1.2500em;
  --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: 8px;
  --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-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: rgba(109, 77, 242, 0.2);
  --bs-alert-border-color: var(--wis-theme-primary);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--wis-system-danger);
  --bs-alert-bg: rgba(236, 64, 64, 0.2);
  --bs-alert-border-color: var(--wis-system-danger);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: rgba(17, 90, 61, 1);
  --bs-alert-bg: rgba(100, 225, 176, 0.2);
  --bs-alert-border-color: rgba(17, 90, 61, 1);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--wis-system-warning);
  --bs-alert-bg: rgba(243, 158, 13, 0.2);
  --bs-alert-border-color: var(--wis-system-warning);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--wis-system-info);
  --bs-alert-bg: rgba(85, 119, 167, 0.2);
  --bs-alert-border-color: var(--wis-system-info);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--wis-neutral-600);
  --bs-alert-bg: var(--wis-neutral-100);
  --bs-alert-border-color: var(--wis-neutral-200);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--wis-system-white);
  --bs-alert-bg: var(--wis-neutral-700);
  --bs-alert-border-color: var(--wis-neutral-900);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.badge {
  display: inline-block;
  font-size: 0.8750rem;
  font-weight: var(--wis-fw-medium);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
  border: 1px solid var(--bs-badge-border-color);
}

/*=============================
	Typography css start
===============================*/
body {
  font-family: var(--wis-body-font-family);
  font-size: var(--wis-body-font-size);
  font-weight: var(--wis-fw-regular);
  color: var(--wis-neutral-900);
  line-height: var(--wis-body-line-height);
}

.font-body {
  font-family: var(--wis-body-font-family);
}

.fs-18 {
  font-size: 1.1250rem;
}

.fs-120 {
  font-size: 7.5000rem;
}

.fs-170 {
  font-size: 10.6250rem !important;
}

.fs-96 {
  font-size: 6.0000rem !important;
}

.fs-230 {
  font-size: 14.3750rem !important;
}

.fs-250 {
  font-size: 15.6250rem !important;
}

.fs-1 {
  font-size: var(--wis-fs-1) !important;
}

.fs-2 {
  font-size: var(--wis-fs-2) !important;
}

.fs-3 {
  font-size: var(--wis-fs-3) !important;
}

.fs-4 {
  font-size: var(--wis-fs-4) !important;
}

.fs-5 {
  font-size: var(--wis-fs-5) !important;
}

.fs-6 {
  font-size: var(--wis-fs-6) !important;
}

.fs-7 {
  font-size: var(--wis-fs-7) !important;
}

.fs-8 {
  font-size: var(--wis-fs-8) !important;
}

.fs-9 {
  font-size: var(--wis-fs-9) !important;
}

.ds-1 {
  font-size: var(--wis-ds-1) !important;
}

.ds-2 {
  font-size: var(--wis-ds-2) !important;
}

.ds-3 {
  font-size: var(--wis-ds-3) !important;
}

.ds-4 {
  font-size: var(--wis-ds-4) !important;
}

.ds-5 {
  font-size: var(--wis-ds-5) !important;
}

.ds-6 {
  font-size: var(--wis-ds-6) !important;
}

.ds-xs-1 {
  font-size: var(--wis-ds-xs-1) !important;
}

.ds-xs-2 {
  font-size: var(--wis-ds-xs-2) !important;
}


.ds-xs-3 {
  font-size: var(--wis-ds-xs-3) !important;
}

.ds-xs-4 {
  font-size: var(--wis-ds-xs-4) !important;
}

.ds-xs-5 {
  font-size: var(--wis-ds-xs-5) !important;
}

.ds-xs-6 {
  font-size: var(--wis-ds-xs-6) !important;
}

.h1 {
  font-size: 2.5000rem;
  font-weight: bold;
  line-height: 1.1250;
}

.h2 {
  font-size: 2.1250rem;
  font-weight: bold;
  line-height: 1.1471;
}

.h3 {
  font-size: 1.8750rem;
  font-weight: bold;
  line-height: 1.1667;
}

.h4 {
  font-size: 1.6250rem;
  font-weight: bold;
  line-height: 1.1923;

}

.h5 {
  font-size: 1.3750rem;
  font-weight: bold;
  line-height: 1.2273;
}

.h6 {
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.2632;
}

.fst-italic {
  font-family: "Poppins", serif;
}

.fw-light {
  font-weight: var(--wis-fw-light);
}

.fw-regular {
  font-weight: var(--wis-fw-regular);
}

.fw-medium {
  font-weight: var(--wis-fw-medium);
}

.fw-semi-bold {
  font-weight: var(--wis-fw-semi-bold);
}

.fw-bold {
  font-weight: var(--wis-fw-bold);
}

.fw-extra-bold {
  font-weight: var(--wis-fw-extra-bold);
}

.fw-black {
  font-weight: var(--wis-fw-black);
}

.fw .size-16 {
  width: 16px;
  height: 16px;
}

.size-14 {
  width: 14px;
  height: 14px;
}

.size-12 {
  width: 12px;
  height: 12px;
}

.size-22 {
  width: 22px;
  height: 22px;
}

.size-48 {
  width: 48px;
  height: 48px;
}

.size-50 {
  width: 50px;
  height: 50px;
}

.size-75 {
  width: 75px;
  height: 75px;
}

img,
.img {
  max-width: 100%;
  transition: 0.3s;
}

a,
button {
  color: var(--wis-neutral-900);
  outline: none;
  text-decoration: none;
  transition: 0.3s;
}

a:focus,
.btn:focus,
.button:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

a:hover {
  color: var(--wis-theme-primary);
  text-decoration: none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--wis-heading-font-family);
  color: #004aad;
  margin-top: 0.0000em;
  font-weight: var(--wis-fw-semi-bold);
  line-height: var(--wis-heading-line-height);
  text-transform: unset;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 2.2500rem;
  line-height: 1.3889;
}

h2 {
  font-size: 2.0000rem;
  line-height: 1.4062;
}

h3 {
  font-size: 1.8750rem;
}

h4 {
  font-size: 1.6250rem;
}

h5 {
  font-size: 1.3750rem;
}

h6 {
  font-size: 1.1875rem;
}

.list-wrap {
  margin: 0.0000em;
  padding: 0.0000em;
}

.list-wrap li {
  list-style: none;
}

p {
  font-family: var(--wis-body-font-family);
  font-size: var(--wis-body-font-size);
  line-height: var(--wis-body-line-height);
  font-weight: var(--wis-fw-medium);
  color: var(--wis-neutral-600);
  margin-bottom: 0.9375em;
  text-align: justify;
  text-justify: inter-word;
}

hr {
  border-bottom: 1px solid var(--wis-color-gray-1);
  border-top: 0 none;
  margin: 1.8750em 0;
  padding: 0;
}

label {
  color: #000000;
  cursor: pointer;
  font-size: var(--wis-body-font-size);
  font-weight: var(--wis-fw-medium);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

.z-index-999 {
  z-index: 999
}

.ptb-100 {
  padding: 6.2500em 0.0000em;
}

.ptb-80 {
  padding: 5.0000em 0.0000em;
}

.ptb-60 {
  padding: 3.7500em 0.0000em;
}

.ptb-40 {
  padding: 2.5000em 0.0000em;
}


.pt--10 {
  padding-top: -0.6250em;
}

.pt--20 {
  padding-top: -1.2500em;
}

.pt--30 {
  padding-top: -1.8750em;
}

.pt--40 {
  padding-top: -2.5000em;
}

.pt--50 {
  padding-top: -3.1250em;
}


.pb--10 {
  padding-bottom: -0.6250em;
}

.pb--20 {
  padding-bottom: -1.2500em;
}

.pb--30 {
  padding-bottom: -1.8750em;
}

.pb--40 {
  padding-bottom: -2.5000em;
}

.pb--50 {
  padding-bottom: -3.1250em;
}

.mtb-10 {
  margin: 0.6250em 0.0000em;
}

.mtb-20 {
  margin: 1.2500em 0.0000em;
}

.mtb-30 {
  margin: 1.8750em 0.0000em;
}

.mtb-40 {
  margin: 2.5000em 0.0000em;
}

.mtb-50 {
  margin: 3.1250em 0.0000em;
}

.mt--10 {
  margin-top: -0.6250em;
}

.mt--20 {
  margin-top: -1.2500em;
}

.mt--30 {
  margin-top: -1.8750em;
}

.mt--40 {
  margin-top: -2.5000em;
}

.mt--50 {
  margin-top: -3.1250em;
}

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

/*=============================
    - Input Placeholder
===============================*/
input,
textarea {
  color: white;
}

*::-moz-placeholder {
  color: white;
  font-size: var(--wis-body-font-size);
  opacity: 1;
}

*::placeholder {
  color: white;
  font-size: var(--wis-body-font-size);
  opacity: 1;
}

/*=============================
    - Common Classes
===============================*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

/*=============================
    - Pre Loader
===============================*/
.websoft-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.websoft-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

/* Spinner Loading */
.websoft-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: #003567;
  /* It is not in alphabetical order so that you do not overwrite it */
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

/* Loading text */
.websoft-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat', sans-serif;
  text-align: center;
  user-select: none;
}

.websoft-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;
  color: #ff9518;
  content: attr(preloader-text);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg);
}

.websoft-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}

.websoft-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s;
}

.websoft-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.websoft-preloader .loader-section.section-left {
  left: 0;
}

.websoft-preloader .loader-section.section-right {
  right: 0;
}

/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

/* Curtain effect */

.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

/* Animation of the preloader */

/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {

  /* Preloader */
  /* Spinner Loading */
  .websoft-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }

  /* Text Loading */
  .websoft-preloader .animation-preloader .txt-loading {
    font: bold 3.5em 'Montserrat', sans-serif;
  }

  h2 {
    font-size: 1.5625rem;
    line-height: 1.3600;
  }

  h1 {
    font-size: 1.7500rem;
    line-height: 1.3571;
  }
}

@media screen and (max-width: 500px) {

  /* Prelaoder */
  /* Spinner Loading */
  .websoft-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }

  /*Loading text */
  .websoft-preloader .animation-preloader .txt-loading {
    font: bold 2em 'Montserrat', sans-serif;
  }
}


.websoft-loaded {
  cursor: auto;
}

.origin {
  text-decoration: none;
  font-size: 2.8125rem;
}

.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: 'FontAwesome';
  content: '\f062';
  text-align: center;
  line-height: 1.9167;
  font-size: 1.5000rem;
  color: #FF3E41;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::after {
  opacity: 0;
}

.progress-wrap::before {
  position: absolute;
  font-family: 'FontAwesome';
  content: '\f062';
  text-align: center;
  line-height: 1.9167;
  font-size: 1.5000rem;
  opacity: 0;
  background-image: linear-gradient(298deg, var(--wis-theme-primary), var(--wis-theme-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #5458ff;
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

body .progress-wrap {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.6);
}

body .progress-wrap::after {
  color: #FF3E41;
}

.slick-slider {
  padding: 2.5000em 0.6250em 1.2500em 0.6250em !important;
}

.slick-slide {
  float: left
    /* If RTL Make This Right */
  ;
  padding: 0.0000em;
}

/* ==== Slider Style === */
.main-outer-slider {
  position: relative;
}

.main-slider {
  position: relative;
  overflow: hidden;
}

.main-outer-slider .NextArrow {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -1.4062em;
  text-align: center;
  font: 20px/45px FontAwesome;
  color: #fff;
  z-index: 5;
  transition: all 1s;
  opacity: 0;
}

.main-outer-slider .NextArrow:before {
  content: "\f105";
}

.main-outer-slider .PrevArrow {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -1.4062em;
  text-align: center;
  font: 20px/45px FontAwesome;
  color: #fff;
  z-index: 5;
  opacity: 0;
  transition: all 1s;
}

.main-outer-slider .PrevArrow:before {
  content: "\f104";
}

.main-outer-slider .main-slider:hover .PrevArrow {
  opacity: 1;
}

.main-outer-slider .main-slider:hover .NextArrow {
  opacity: 1;
}

.main-slider .Slick-Gallery:hover .NextArrow {
  opacity: 1;
}

.main-outer-slider .slick-dots {
  position: absolute;
  height: 50px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 0.0000em;
  margin: 0.0000em;
  list-style-type: none;
  text-align: center;
}

.main-outer-slider .slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: Transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 0.1562em;
  cursor: pointer;
  position: relative;
}

.main-outer-slider .slick-dots li.slick-active {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.28);
}

.main-outer-slider .slick-dots li a {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 120px;
  height: 75px;
  display: block;
  visibility: hidden;
  border: 4px solid rgba(0, 0, 0, 0.5);
  margin-left: -3.7500em;
  margin-bottom: 0.9375em;
  -webkit-transition: visibility 0.5s linear 0.5s;
  transition: visibility 0.5s linear 0.5s;
  -webkit-animation: fadeOut 0.5s both;
  animation: fadeOut 0.5s both;
}

.main-outer-slider .slick-dots li a:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -0.5000em;
  top: 100%;
  width: 0;
  height: 0;
  border: 8px solid Transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
  margin-top: 0.2500em;
}

.main-outer-slider .slick-dots li:hover a {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}

.main-outer-slider .slick-dots li a img {
  width: 100%;
  height: 100%;
}

/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  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: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.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
    /* If RTL Make This Right */
  ;
  height: 100%;
  min-height: 1px;
}

.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;
}

.morphin {
  border: 10px solid;
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  animation: morphin 10s infinite;
  margin: 0 auto;
}


.slider-section .img-part {
  position: relative;
}

.slider-section .img-part img {
  position: relative;
  z-index: 1;
}

.slider-section .img-part .morphin {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-90deg, #001b73, #003567);
  border: none;
}

.slider-section .img-part:after {
  position: absolute;
  content: '';
  bottom: 0;
}

.slider-section .video-part {
  display: flex;
  align-items: center;
}

.slider-section .video-part .title-part {
  padding-left: 1.8750em;
}

.slider-section .video-part .title-part .title {
  color: #ffffff;
  margin: 0;
  font-size: 1.1250rem;
  font-weight: 500;
}

.slider-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgb(217, 236, 255);
  background: linear-gradient(270deg, rgba(217, 236, 255, 0.7776378129376751) 0%, rgba(217, 236, 255, 0.9120915944502801) 50%, rgba(217, 236, 255, 1) 100%);
}

.slide-text-part h1 {
  font-size: 2.7500rem !important;
  font-weight: 700 !important;
  line-height: 1.2727 !important;
  color: var(--wis-neutral-dark-0);
}

/* ================== 14. Banner Components ================== */
.section-banner {
  padding: 0.0000em 1.8750em 0.0000em 1.8750em;
  margin: 0.6250em 0.0000em -1.8750em;
}

.section-banner-contact {
  padding: 0.0000em 1.8750em 0.0000em 1.8750em;
  margin: 0.6250em 0.0000em;
}

/* 14.1 Banner Layout */
.banner-layout-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.5000em 0.0000em;
  border: 1px solid #003466;
  border-radius: 5px 5px 5px 5px;
  background-color: transparent;
  background-image: radial-gradient(at top left, #003466 0%, #06040f 50%);
  padding: 0.0000em 0.0000em 0.0000em 0.0000em;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.banner-layout-wrapper::before {
  content: '';
  position: absolute;
  background-image: url("../images/shape/regular-square-grids-4AL3FJ8.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.0000em;
  width: 100%;
  height: 100%;
  padding: 0.9375em 1.2500em 0.0000em 1.2500em;
  color: #D1D1D1;
  position: relative;
  z-index: 1;
}

.banner-layout::before {
  content: '';
  position: absolute;
  background-color: transparent;
  background-image: radial-gradient(at bottom center, #003466 0%, #00000000 50%);
  width: 100%;
  height: 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-layout .spacer {
  align-self: center;
  width: 80%;
  height: 2px;
  background-color: transparent;
  background-image: radial-gradient(at center center, #003466 0%, #00000000 75%);
}


.banner-content {
  display: flex;
  flex-direction: column;
  width: 53%;
  gap: 3.1250em;
  text-align: start;
}

.banner-reviewer {
  display: flex;
  flex-direction: row;
  margin-right: auto;
  align-items: center;
  gap: 1.8750em;
  justify-content: space-between;
}

.banner-reviewer .detail {
  display: flex;
  flex-direction: column;
  font-size: 1.1250rem;
  font-weight: bold;
  color: #D1D1D1;
}

.gspace-2 {
  gap: 1.2500em 1.2500em;
}

/* ================== 40. Breadcrumb Components ================== */

.breadcrumb {
  display: flex;
  flex-direction: row;
  gap: 0.3125em 0.3125em;
  align-items: center;
  font-size: 1.0000rem;
}

.breadcrumb a {
  font-weight: normal;
  color: #FFFFFF;
  font-size: 1.0000rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.breadcrumb a:hover {
  color: #FBFFC6;
}

.breadcrumb .separator {
  margin: 0 0.5000em;
  color: #D1D1D1;
}

.breadcrumb .current-page {
  color: #AFAFAF;
  margin-bottom: 0.0000em;
}

.breadcrumb p {
  margin-bottom: 0.0000em;
}


.slide-text-part h1 span {
  color: var(--wis-theme-secondary);
}

.websoft-button-1 {
  background-color: var(--wis-theme-primary);
  border-radius: 4px;
  padding: 0.3750em 0.6250em;
  font-size: 0.9375rem;
  color: var(--wis-neutral-0);
  margin-top: 1.2500em;
}

.websoft-button-1::after {
  font-family: flaticon_mycollection;
  content: "\f127";
  padding-left: 0.3125em;
  font-size: 1.3750rem !important;
  position: relative;
  top: 5px;
}


.websoft-button-1:hover {
  background-color: var(--wis-theme-secondary);
  border-radius: 4px;
  padding: 0.3750em 0.6250em;
  font-size: 0.9375rem;
  color: var(--wis-neutral-dark-0);
  margin-top: 1.2500em;
}

.websoft-button-2 {
  background-color: var(--wis-theme-secondary);
  color: var(--wis-neutral-0);
}

.websoft-button-2:hover {
  background-color: var(--wis-theme-dark-primary-light);
  color: var(--wis-neutral-0);
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vh;
  background: url("../images/slider/fot-bg.png");
  background-size: 100vw 20vh;
}

.wave1 {
  animation: animate 20s linear infinite;
  z-index: 15;
  animation-delay: 0s;
  bottom: 0;
  overflow: hidden;
}

.wave2 {
  animation: animate2 15s linear infinite;
  z-index: 10;
  opacity: 0.7;
  animation-delay: -5s;
  bottom: 10px;
  overflow: hidden;
}

.wave3 {
  animation: animate 10s linear infinite;
  z-index: 5;
  opacity: 0.4;
  animation-delay: -2s;
  bottom: 15px;
  overflow: hidden;
}

.wave4 {
  animation: animate2 5s linear infinite;
  z-index: 1;
  opacity: 0.5;
  animation-delay: -5s;
  bottom: 20px;
  overflow: hidden;
}

/*ABOUT US SECTION*/
.about-img-two .main-img {
  position: relative;
}

.about-img-two .main-img .play-btn {
  position: absolute;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0 47 106 / 80%);
  border-radius: 50%;
  box-shadow: -8px -1px 10px rgba(255, 255, 255, 0.1);
  color: var(--wis-neutral-0);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5625rem;
}

.about-img-two .main-img .play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid var(--wis-neutral-0);
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: pulse-border 1500ms ease-out infinite;
}

.about-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.about-vision-box {
  padding: 2.5000em;
  background-color: #f7fbfd;
  border: 1px solid #83B5C1;
  border-radius: 8px;
}


.sec-title__title {
  font-size: 1.0625rem;
  line-height: 1.6471;
  font-weight: 500;
}

.wis-title__title__shape {
  position: relative;
  z-index: 1;
}

.wis-title__title__shape::after {
  content: "";
  background-image: url("../images/heading-line.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  right: -10px;
  bottom: 4px;
  width: 100%;
  height: 35%;
  z-index: -1;
  animation: smartMove 5s infinite;
}



.rainbow-btn {
  margin: 0.6250em auto;
  width: 100%;
  text-align: center;
  position: relative;
  color: #000;
  text-decoration: none;
  border-radius: 15px;
  box-sizing: border-box;
  display: block;
  z-index: 2;
  overflow: hidden;
  padding: 0.0625em;
  height: 90px;
}

.rainbow-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 138, 0, 1) 0%, rgba(0, 127, 255, 1) 100%);
}

.rainbow-btn span {
  position: relative;
  z-index: 2;
  text-decoration: none;
  align-items: center;
  background: #fff;
  border-radius: 15px;
  display: block;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  font-size: 1.0000rem;
  padding: 0.9375em 0.3125em;
  overflow: hidden !important;
}

.ser-sec .service-text-box .service-icon-box {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 2;
  margin-left: -1.2500em;
  margin-top: 0.6250em;
}

.ser-sec .service-text-box .service-icon-box-c1 {
  background-color: #FF7621;
  transform: rotate(20deg);
}

.ser-sec .service-text-box:hover .service-icon-box-c1 {
  animation: drift 3s linear infinite;
  transform: rotate(20deg);
}

.ser-sec .service-text-box .service-icon-box-c2 {
  background-color: #FF555E;
  transform: rotate(45deg);
}

.ser-sec .service-text-box:hover .service-icon-box-c2 {
  animation: drift 3s linear infinite;
  transform: rotate(45deg);
}

.ser-sec .service-text-box .service-icon-box-c3 {
  background-color: #009FFF;
}

.ser-sec .service-text-box .service-icon-box-c4 {
  background-color: #F0A600;
}

.ser-sec .service-text-box .service-icon-box i {
  color: var(--wis-neutral-0);
  font-size: 2.5000rem;
  position: relative;
  top: 3px;
  left: 2px;
}


.ser-sec .service-text-box .service-icon-box .icon-c1 {
  transform: rotate(-20deg) !important;
}

.ser-sec .service-text-box .service-icon-box .icon-c2 {
  transform: rotate(-45deg) !important;
}

.ser-sec .service-text-box {
  position: relative;
  background-color: var(--wis-theme-dark-primary-light);
  border-radius: 50px 0px;
  z-index: 1;
  padding: 0.6250em;
  margin-left: 1.2500em;
  border: 1px solid ##042e56;
}

.ser-sec .service-text-box .content .heading {
  font-size: 1.2500rem;
  font-weight: bold;
  padding-left: 3.7500em;
  color: var(--wis-neutral-0);
}

.ser-sec .service-text-box .content .para {
  font-size: 1.0000rem;
  font-weight: 300;
  padding-left: 3.7500em;
  color: var(--wis-neutral-0);
}


.about-style-2 .circle-image-wrapper {
  width: 100%;
  height: auto;
  z-index: 3;
}

.about-style-2 .circle-image-wrapper .circle-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 95%;
  height: auto;
  z-index: -1;
}

.about-style-2 .circle-image-wrapper .circle-image span {
  left: 26px;
}

@media only screen and (max-width: 991px) {
  .about-style-2 .circle-image-wrapper .circle-image span {
    left: -51px;
  }

  .section-banner-contact {
    padding: 0.0000em 0.6250em 0.0000em 0.6250em;
    margin: 0.0000em;
  }
}

@media only screen and (max-width: 767px) {
  .about-style-2 .circle-image-wrapper {
    display: none;
  }

  .section-banner-contact {
    padding: 0.0000em 0.6250em 0.0000em 0.6250em;
    margin: 0.0000em;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-style-2 .circle-image-wrapper {
    right: 30px;
  }
}

.circle-image {
  position: absolute;
  width: 95%;
  height: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0px;
}

.circle-image span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: websoft-rotate-animate 13s linear infinite;
}

.circle-image span:nth-child(1) {
  border-radius: 38% 62% 64% 36% / 43% 35% 65% 57%;
  border: 2px solid var(--wis-theme-primary);
}

.circle-image span:nth-child(2) {
  animation-direction: reverse;
  border-radius: 41% 59% 40% 60% / 65% 66% 34% 35%;
  border: 2px solid var(--wis-theme-secondary) !important;
}

.circle-image span:nth-child(3) {
  animation-duration: 3s;
  border-radius: 73% 27% 56% 44% / 57% 74% 26% 43%;
}

.feature-thumbnail .circle-image {
  position: absolute;
  top: -11px;
  right: 7px;
  z-index: -1;
  width: 97%;
}

@media only screen and (max-width: 767px) {
  .feature-thumbnail .circle-image {
    display: none;
  }
}

.homeWebApp .shape-image {
  position: absolute;
  z-index: 0;
}

.homeWebApp .shape-image.shape-image-1 {
  bottom: -40px;
  left: -132px;
  animation: websoft-vsm-y-reverse-move 15s infinite linear;
}

.border-radius-20 {
  border-radius: 25px;
}

.homeWebAppCon .shape-image.shape-image-4 {
  top: -10px;
  right: -14px;
  animation: websoft-sm-x-move 4s alternate infinite linear;
  position: absolute;
  width: 35px;
}

.homeWebAppCon .homeWebAppCon-list {
  display: flex;
}

.homeWebAppCon .homeWebAppCon-list .icon {
  min-width: 60px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.5000em;
}

.homeWebAppCon .homeWebAppCon-list .icon i {
  color: var(--color-secondary);
  font-size: 3.7500rem;
  margin-top: 1.8750em;
}

.homeWebAppCon .homeWebAppCon-list .content .title {
  margin-bottom: 0.3125em;
}

.feature-style-4 .homeWebAppCon-list .content p {
  margin-bottom: 1.8750em;
}

.websoftScroll.style-7 {
  position: relative;
  z-index: 9;
  padding: 3.7500em 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  transform: rotate(0deg);
}

.websoftScroll.style-7::before {
  display: none;
}

.websoftScroll.style-7 .slide-roll {
  display: flex;
}

.websoftScroll.style-7 .slide-roll .roll-box {
  position: relative;
  animation: slide-har 80s linear infinite;
  display: flex;
}

.websoftScroll.style-7 .slide-roll .roll-box .roll-item .roll-content {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 2.0625em;
  align-items: center;
}

.websoftScroll.style-7 .slide-roll .roll-box .roll-item .roll-content .roll-text {
  display: flex;
  align-items: center;
  position: relative;
  gap: 5.3125em;
  padding-left: 5.3125em;
}

.websoftScroll.style-7 .slide-roll .roll-box .roll-item .roll-content .roll-text::before {
  display: none;
}

.websoftScroll .slide-roll .roll-box .roll-item .roll-content .roll-text .title {
  white-space: nowrap;
  line-height: 1;
  font-size: 3.1250rem;
  background: #EA6A9BE5;
  background: linear-gradient(90deg, rgba(234, 106, 155, 0.9) 0%, rgba(150, 25, 175, 0.9) 10.32%, rgba(99, 9, 174, 0.9) 22.33%, rgba(53, 66, 202, 0.9) 31.61%, rgba(40, 120, 226, 0.9) 42.54%, rgba(241, 113, 154, 0.9) 52.3%, rgba(179, 55, 164, 0.9) 59.63%, rgba(140, 19, 170, 0.9) 68.51%, rgba(68, 0, 193, 0.9) 79.64%, rgba(48, 85, 218, 0.9) 89.99%, rgba(58, 130, 224, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  padding-bottom: 0.6250em;
}

.websoftScroll .slide-roll .roll-box .roll-item .roll-content .roll-text .stoke {
  background: #EA6A9BE5;
  background: linear-gradient(90deg, rgba(234, 106, 155, 0.9) 0%, rgba(150, 25, 175, 0.9) 10.32%, rgba(99, 9, 174, 0.9) 22.33%, rgba(53, 66, 202, 0.9) 31.61%, rgba(40, 120, 226, 0.9) 42.54%, rgba(241, 113, 154, 0.9) 52.3%, rgba(179, 55, 164, 0.9) 59.63%, rgba(140, 19, 170, 0.9) 68.51%, rgba(68, 0, 193, 0.9) 79.64%, rgba(48, 85, 218, 0.9) 89.99%, rgba(58, 130, 224, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}

.websoftScroll .slide-roll .roll-box .roll-item .roll-content .roll-text .stoke::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 10px;
  top: 30%;
  right: -50px;
  transform: translateY(-50%);
  border: 1px solid #1f1f1f;
}

.websoftScroll .slide-roll .roll-box .roll-item .roll-content .roll-icon {
  position: absolute;
  top: 30%;
  left: 20px;
  transform: translateY(-50%);
  margin-left: 0;
}

.websoftScroll .slide-roll .roll-box .roll-item .roll-content .roll-icon img {
  min-width: 40px;
  width: 100%;
  animation: rotateImg 6s infinite linear;
}

.websoftScroll .slide-roll .roll-box-revers {
  position: relative;
  animation: slide-har-revers 80s linear infinite;
  display: flex;
}

.webDigiSec {
  background: #F3F9FF;
  background: linear-gradient(102.05deg, #F3F9FF 35.77%, #FFF6EC 78.57%);
  padding: 3.7500em 0.0000em;

}


.webDigiSec .digiList {
  border: 1px solid #B1B1B1;
  border-radius: 0px 20px 20px 0px;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.3);
  -moz-box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.3);
  box-shadow: 0px 0px 6px 2px rgba(145, 145, 145, 0.3);
  max-width: 500px;
  background-color: #FFFFFF;
  margin-bottom: 1.2500em;
  position: relative;
  transition: background-color 2s ease-out 100ms;
}

.webDigiSec .digiList::after {
  content: "\f054";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.6250em;
  position: absolute;
  right: 20px;
  font-size: 1.6250rem;
}

.webDigiSec .digiList .icon {
  font-size: 2.2500rem;
  padding: 0.5000em 0.7000em;
  padding-bottom: 0.0000em;
  text-align: center;
}

.webDigiSec .digiList h3 {
  font-size: 1.2500rem;
  vertical-align: middle;
  margin-bottom: 0.0000em;
  padding-left: 0.6250em;
}

.clientLogo {
  margin: 0.6250em;
}


.webDigiSec .digiList .icon1 {
  background-color: #FFEBEC;
  border-right: 1px solid #AE2D35;
}

.webDigiSec .digiList .icon1 i {
  color: #AE2D35;

}


.webDigiSec .digiList:hover .icon {
  margin-top: -0.0625em;
  -webkit-animation-name: websoft-icon-hover;
  animation-name: websoft-icon-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.webDigiSec .digiList1:hover {
  background-color: #FFEBEC;
}

.webDigiSec .digiList1:hover h3 {
  color: #AE2D35;
}

.webDigiSec .digiList1:hover .icon1 {
  background-color: #AE2D35;
}

.webDigiSec .digiList1:hover .icon1 i {
  color: #FFFFFF;
}

.webDigiSec .digiList2 .icon2 {
  background-color: #DFF3FF;
  border-right: 1px solid #007CC7;
}

.webDigiSec .digiList2 .icon2 i {
  color: #007CC7;
}

.webDigiSec .digiList2:hover {
  background-color: #DFF3FF !important;
}

.webDigiSec .digiList2:hover h3 {
  color: #007CC7 !important;
}

.webDigiSec .digiList2:hover .icon2 {
  background-color: #007CC7 !important;
}

.webDigiSec .digiList2:hover .icon2 i {
  color: #FFFFFF !important;
}

.webDigiSec .digiList3 .icon3 {
  background-color: #F3FFED;
  border-right: 1px solid #277B00;
}

.webDigiSec .digiList3 .icon3 i {
  color: #277B00;
}

.webDigiSec .digiList3:hover {
  background-color: #F3FFED !important;
}

.webDigiSec .digiList3:hover h3 {
  color: #277B00 !important;
}

.webDigiSec .digiList3:hover .icon3 {
  background-color: #277B00 !important;
}

.webDigiSec .digiList3:hover .icon3 i {
  color: #FFFFFF !important;
}

.webDigiSec .digiList4 .icon4 {
  background-color: #FFF1E9;
  border-right: 1px solid #C25C1C;
}

.webDigiSec .digiList4 .icon4 i {
  color: #C25C1C;
}

.webDigiSec .digiList4:hover {
  background-color: #FFF1E9 !important;
}

.webDigiSec .digiList4:hover h3 {
  color: #C25C1C !important;
}

.webDigiSec .digiList4:hover .icon4 {
  background-color: #C25C1C !important;
}

.webDigiSec .digiList4:hover .icon4 i {
  color: #FFFFFF !important;
}

.webDigiSec .digiList5 .icon5 {
  background-color: #FFF8E9;
  border-right: 1px solid #BC8C1F;
}

.webDigiSec .digiList5 .icon5 i {
  color: #BC8C1F;
}

.webDigiSec .digiList5:hover {
  background-color: #FFF8E9 !important;
}

.webDigiSec .digiList5:hover h3 {
  color: #BC8C1F !important;
}

.webDigiSec .digiList5:hover .icon5 {
  background-color: #BC8C1F !important;
}

.webDigiSec .digiList5:hover .icon5 i {
  color: #FFFFFF !important;
}

.webDigiSec .digiList6 .icon6 {
  background-color: #F6DFFF;
  border-right: 1px solid #9400CE;
}

.webDigiSec .digiList6 .icon6 i {
  color: #9400CE;
}

.webDigiSec .digiList6:hover {
  background-color: #F6DFFF !important;
}

.webDigiSec .digiList6:hover h3 {
  color: #9400CE !important;
}

.webDigiSec .digiList6:hover .icon6 {
  background-color: #9400CE !important;
}

.webDigiSec .digiList6:hover .icon6 i {
  color: #FFFFFF !important;
}

.parallax-container {
  background-attachment: fixed;
  background-image: url("../images/contact/1.jpg"), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4));
  background-position: top;
  background-size: cover;
  text-align: center;
  background-blend-mode: overlay;
  padding: 5.6250em 0.0000em;
}



/* testimonial-five */



.testimonial-item-wrap-five {
  position: relative;
  overflow: hidden;
  /* ✅ hides extra slides */
}

.testimonial-area-five {
  position: relative;
  padding: 7.5000em 0;
  overflow: hidden;
  background-color: #003567;
}

.testimonial-active-five .testimonial-item {
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 300px;
  /* adjust height as needed */
}

.testimonial-area-five::before {
  content: "";
  position: absolute;
  right: 22%;
  bottom: 22%;
  width: 350px;
  height: 350px;
  background: #337CFF;
  filter: blur(200px);
  border-radius: 50%;
}

.testimonial-img-five {
  position: relative;
  text-align: center;
}

.testimonial-img-five img:not(:nth-child(1)) {
  position: absolute;
  z-index: -1;
}

.testimonial-content-five {
  padding-right: 7.0000em;
  z-index: 2;
}

.testimonial-item-wrap-five .testimonial-content p {
  color: var(--wis-neutral-0);
  z-index: 2;
}

.testimonial-item-wrap-five .testimonial-content {
  width: 100%;
}

.testimonial-item-wrap-five .testimonial-quote img {
  opacity: .4;
}

.testimonial-active-five {
  margin: -0.9375em 0;
}

.testimonial-nav-five {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translateY(-50%);
  justify-content: center;
  gap: 0.9375em;
}

.testimonial-nav-five .slick-arrow.slick-prev::before {
  display: none !important;
}

.testimonial-nav-five .slick-arrow.slick-prev {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C2C2C2;
  transform: rotate(0deg);
  color: var(--wis-neutral-0);
  font-size: 2.5000rem;
  line-height: 0;
  background: transparent;
  border-radius: 50%;
  margin-top: 3.7500em;
}

.testimonial-nav-five .slick-arrow.slick-next::before {
  display: none !important;
}

.testimonial-nav-five .slick-arrow.slick-next {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C2C2C2;
  transform: rotate(180deg);
  color: var(--wis-neutral-0);
  font-size: 2.5000rem;
  line-height: 0;
  background: transparent;
  border-radius: 50%;
}

.testimonial-nav-five .slick-arrow:hover {
  background: var(--wis-theme-secondary);
  color: var(--wis-neutral-0);
  border-color: var(--wis-neutral-900);
}

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

.testimonial-avatar .avatar-thumb {
  width: 65px;
  flex: 0 0 auto;
  margin-right: 1.8750em;
}

.testimonial-avatar .avatar-thumb img {
  border-radius: 50%;
}

.testimonial-avatar .avatar-info {
  position: relative;
}

.testimonial-avatar .avatar-info::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 36px;
  border-radius: 2px;
  background: var(--wis-theme-primary);
}

.testimonial-avatar .avatar-info .title {
  font-size: 1.3750rem;
  margin-bottom: 0.3125em;
  color: var(--wis-neutral-900);
}

.testimonial-avatar .avatar-info span {
  line-height: 1;
  display: block;
  font-weight: 400;
}

.websoftExpertise {
  background: url("../images/bg/1.png") #FFFFFF;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto;
}

.websoftHomeForm .form-group {
  position: relative;
  margin: 2.5000em auto 0.6250em;
}

.websoftHomeForm .form-group1 {
  margin: 3.7500em auto 0.6250em;
}


.websoftHomeForm .form-control {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 35px;
  border-radius: 0;
  font-size: 1.0000rem;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
}

.websoftHomeForm .form-control1 {
  height: 60px !important;
}

.websoftHomeForm .form-control+label {
  position: absolute;
  top: 10px;
  left: 3px;
  font-size: 1.0000rem;
  color: #000000;
  transition: all 0.4s ease-out;
}

.websoftHomeForm .form-control:focus {
  box-shadow: none;
  outline: none;
  border-width: 2px;
  border-color: #C30003;
}

.websoftHomeForm .form-control:focus+label,
.websoftHomeForm .form-control.has-value+label {
  top: -15px;
  color: #C30003;
  font-size: 0.7500rem;
}

.websoftHomeForm .form-control1:focus+label,
.websoftHomeForm .form-control1.has-value+label {
  top: -50px;
}

.websoftHomeForm .form-group select,
.mob,
.det {
  margin-bottom: 0.9375em;
  width: 40%;
}

.websoftFooter {
  background-image: url("../images/bg/Footer-image.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6.2500em 0.0000em 0.0000em;
}


.websoftFooter h5,
.websoftFooter a,
.websoftFooter p,
.websoftFooter span {
  color: #FFFFFF;
}

.websoftFooter a,
.websoftFooter p,
.websoftFooter span {
  font-weight: 300;
}

.footerSocial a {
  background-color: #00488b;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 1.1250rem;
  padding-top: 0.1875em;
  margin: 0.3125em 0.6250em;
  width: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
}

hr.hr-1 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
}

.footerCondition {
  text-align: end
}

.websoft-page-header .bouncing-blobs-glass {
  background-color: rgba(0, 52, 103, 0.6);
}

.websoft-page-header-active {
  color: var(--wis-theme-secondary-light)
}

.bouncing-blobs-glass {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  pointer-events: none;
}

.bouncing-blobs {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bouncing-blob {
  width: 32vw;
  aspect-ratio: 1;
  border-radius: 50%;
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform-origin: left top;
}

.bouncing-blob--primary {
  height: 419.259px;
  width: 842.878px;
  border-radius: 842.878px;
  opacity: 0.8;
  background: var(--wis-theme-secondary);
}

.bouncing-blob--green {
  width: 551.056px;
  height: 987.859px;
  border-radius: 987.859px;
  background: var(--wis-theme-primary);
  opacity: 0.6;
}

@media (max-width: 1200px) {
  .bouncing-blobs-glass {
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
  }
}

@media (max-width: 500px) {
  .bouncing-blob {
    width: 60vw;
  }

  .bouncing-blob--white {
    width: 30vw;
  }

  .bouncing-blobs-glass {
    backdrop-filter: blur(90px);
    -webkit-backdrop-filter: blur(90px);
  }

  .websoft-page-header img {
    display: none;
  }
}

.rotate-center {
  animation: rotate-center 15s linear infinite;
}

.rotate-center-rev {
  animation: rotate-center 5s linear infinite reverse;
}

.websoft-section-contact .ellipse-rotate-success {
  width: 408.351px;
  height: 759.019px;
  transform: rotate(90.766deg);
  border-radius: 759.019px;
  opacity: 0.1;
  background: var(--wis-system-success);
  filter: blur(100px);
  top: -30%;
  left: 0%;
}

.websoft-section-contact .ellipse-rotate-primary {
  width: 408.351px;
  height: 759.019px;
  transform: rotate(90.766deg);
  border-radius: 759.019px;
  opacity: 0.1;
  background: var(--wis-system-primary);
  filter: blur(100px);
  top: 45%;
  left: -5%;
}

.websoft-section-contact .ellipse-rotate-info {
  width: 592.451px;
  height: 1037.421px;
  transform: rotate(90.766deg);
  border-radius: 1037.421px;
  opacity: 0.15;
  background: #64ade1;
  filter: blur(100px);
  top: -60%;
  right: -5%;
}

.websoft-contact-form-box {
  background: var(--wis-system-white);
  box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
  ;
  padding: 2.5000em 1.8750em;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.websoftContactPage .input-group {
  box-shadow: rgba(136, 165, 191, 0.2) 3px 2px 8px 0px, rgba(255, 255, 255, 0.3) -3px -2px 8px 0px;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
}

.websoftContactPage .input-group .icon-input {
  background: var(--wis-system-white) !important;
  min-height: 60px !important;
  display: flex;
  align-items: center;
  color: #727272;
}

.websoftContactPage .input-group .form-control {
  background: var(--wis-system-white);
  min-height: 60px !important;
  color: var(--wis-neutral-900) !important;
  transition: none !important;
}

.websoftContactPage .input-group .form-control::-moz-placeholder {
  color: var(--wis-neutral-700) !important;
}

.websoftContactPage .input-group .form-control::placeholder {
  color: var(--wis-neutral-700) !important;
}


.websoftContactPage .input-group textarea::-moz-placeholder {
  color: var(--wis-neutral-800) !important;
}

.websoftContactPage .input-group textarea::placeholder {
  color: var(--wis-neutral-800) !important;
}

.websoftContactPage .input-group.focus .icon-input {
  border-color: transparent !important;
}

.websoftContactPage .input-group.focus .form-control {
  border-color: transparent !important;
  transition: none !important;
}

.websoftContactPage .input-group .form-control:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.websoftContactPage .form-check-input:checked {
  background-color: var(--wis-theme-primary);
  border-color: transparent;
}

.websoftContactPage .form-check-input:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.websoftContactPage .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  max-height: 60px;
  padding: 1.1250em 1.1875em 1.0625em 1.0625em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--wis-neutral-900);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--wis-system-white);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--wis-neutral-200);
  border-radius: 8px;
  transition: none;
}

.websoftContactPage .form-select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.websoftContactPage input[type=range] {
  /* removing default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  /*  overflow: hidden;  remove this line*/
  /* New additions */
  height: 8px;
  background: var(--wis-neutral-200);
}

/* Thumb: webkit */
.websoftContactPage input[type=range]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none;
  /* creating a custom design */
  height: 15px;
  width: 15px;
  background-color: var(--wis-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--wis-system-white);
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* Thumb: Firefox */
.websoftContactPage input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: var(--wis-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--wis-system-white);
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* Hover, active & focus Thumb: Webkit */
.websoftContactPage input[type=range]::-webkit-slider-thumb:hover {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.websoftContactPage input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

.websoftContactPage input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

/* Hover, active & focus Thumb: Firfox */
.websoftContactPage input[type=range]::-moz-range-thumb:hover {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.websoftContactPage input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

.websoftContactPage input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

.websoftConInfo {
  border-radius: 20px;
  background: var(--wis-neutral-0);
  padding: 0.6250em;
  transition: all 0.4s ease;
  border: 1px solid #C0C0C0;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  margin-bottom: 1.8750em;
}

.mar-left {
  margin-left: 1.2500em;
}

.ed-category__card:hover {
  transform: translateY(-2px);
  box-shadow: 0px 12px 24px 0px rgba(44, 44, 84, 0.08);
}

.websoftConInfoicon {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  text-align: center;
  line-height: 2.2368;
  font-size: 2.3750rem;
  margin-bottom: 1.2500em;
  color: #003365;
}

.websoftConInfoicon.bg-1,
.websoftConInfoicon.bg-7 {
  background: #fcebfe;
}

.websoftConInfoicon.bg-2,
.websoftConInfoicon.bg-8 {
  background: #eef7f6;
}

.websoftConInfoicon.bg-3,
.websoftConInfoicon.bg-6 {
  background: #fceeee;
}

.websoftConInfoicon.bg-4,
.websoftConInfoicon.bg-5 {
  background: #f0eefd;
}

.websoftConInfoicon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.websoftConInfoinfo h4 {
  font-size: 1.2500rem;
  line-height: 0.9000;
  margin-bottom: 1.0000em;
}

.websoftConInfocard:hover .websoftConInfoinfo h4 {
  color: var(--wis-theme-primary);
}

.websoftConInfoinfo p {
  line-height: 27px;
  font-weight: bold;
}

.websoftConInfoinfo a {
  line-height: 27px;
  font-weight: bold;
  text-decoration: none;
}

.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  padding: 1.5625em;
  border: 1px dashed rgba(0, 0, 255, 0.4);
  border-radius: 3px;
  transition: 0.2s;

}

.choose-file-button {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 0.5000em 0.9375em;
  margin-right: 0.6250em;
  font-size: 0.7500rem;
  text-transform: uppercase;
}

.file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  ;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;

}

.pageFormbg {
  background: #fff;
}

@media only screen and (max-width: 767px) {

  .wave {
    width: 100%;
    height: 5vh;
    background-size: 100vw 5vh;
  }

  .webDigiSec .digiList .icon {
    font-size: 1.6250rem;
    padding: 0.5000em 0.9375em;
    padding-bottom: 0.0000em;
    text-align: center;
  }

  .webDigiSec .digiList h3 {
    font-size: 0.8125rem;
    vertical-align: middle;
    margin-bottom: 0.0000em;
    padding-left: 0.6250em;
  }

  .clientLogo {
    margin: 0.3125em 0.0000em;
  }

  .homeWebAppCon .homeWebAppCon-list {
    display: block;
    margin-top: 1.2500em;
  }

  .homeWebAppCon .homeWebAppCon-list .content h1 {
    font-size: 1.6250rem;
    margin-top: 0.6250em;
  }

  .testimonial-nav-five {
    display: none;

  }

  .testimonial-content-five {
    padding-right: 0.0000em;
  }


  .footerCopyright,
  .footerCondition {
    text-align: center
  }

  .mar-left {
    margin-left: 0.0000em;
  }
}




@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

/* Animation of letters loading from the preloader */
@keyframes characters {

  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@keyframes morphin {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  }

  25% {
    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
  }

  50% {
    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
  }

  75% {
    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
  }
}

@keyframes animate {
  0% {
    background-position-x: 0;
  }

  100% {
    background-position-x: 100vw;
  }
}

@keyframes animate2 {
  0% {
    background-position-x: 0;
  }

  100% {
    background-position-x: -100vw;
  }
}


@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


@-webkit-keyframes slide-har {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes slide-har {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes slide-har-revers {
  100% {
    transform: translateX(0%);
  }

  0% {
    transform: translateX(-100%);
  }
}

@keyframes slide-har-revers {
  100% {
    transform: translateX(0%);
  }

  0% {
    transform: translateX(-100%);
  }
}




/*ANIMATION EFFECTS*/
@keyframes smartMove {
  0% {
    width: 0;
  }

  15% {
    width: 100%;
  }

  85% {
    opacity: 1;
  }

  90% {
    width: 100%;
    opacity: 0;
  }

  100% {
    width: 0;
    opacity: 0;
  }
}

@keyframes drift {
  from {
    transform: translatey(-10px);
  }

  to {
    transform: translatey(50px);
  }
}

@keyframes websoft-rotate-animate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes websoft-vsm-y-reverse-move {
  0% {
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }

  100% {
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
}

@keyframes websoft-vsm-y-reverse-move {
  0% {
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }

  100% {
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
}

@-webkit-keyframes websoft-rotate-x {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes websoft-rotate-x {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes websoft-sm-x-move {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
}

@keyframes websoft-sm-x-move {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
}

@-webkit-keyframes websoft-sm-x-reverse-move {
  0% {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes websoft-sm-x-reverse-move {
  0% {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }

  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes websoft-icon-hover {
  16.65% {
    transform: translateX(5px);
  }

  33.3% {
    transform: translateX(-3px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}


.intro-video-content {
  padding-right: 0.9375em;
}

.intro-video-content .sub-title {
  display: block;
  margin-bottom: 0.6250em;
  background: linear-gradient(44.44deg, #ed2775 7.79%, #ff7448 94.18%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.intro-video-content h2 {
  line-height: 1.4;
  font-size: 2.2500rem;
  margin-bottom: 0.9375em;
}

.intro-video-content .default-btn {
  margin-top: 0.6250em;
}

.intro-video-box {
  margin-right: 1.8750em;
  position: relative;
  border-radius: 10px;
}

.intro-video-box::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: '';
  opacity: 0.4;
  position: absolute;
  border-radius: 10px;
  transition: 0.5s;
  background: rgba(34, 36, 50, 0.52);
}

.intro-video-box img {
  border-radius: 10px;
}

.intro-video-box .video-btn {
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 2.8125rem;
  text-align: center;
  line-height: 2.2667;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
  background: linear-gradient(44.44deg, #ed2775 7.79%, #ff7448 94.18%);
  border-radius: 50%;
  color: #fff;
  box-shadow: 15px 25px 35px rgba(38, 42, 55, 0.2);
}

.intro-video-box .video-btn::after,
.intro-video-box .video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #fff;
}

.intro-video-box .video-btn::before {
  animation: ripple 2s linear infinite;
}

.intro-video-box .video-btn::after {
  animation: ripple 2s linear 1s infinite;
}

.intro-video-box:hover::before {
  opacity: 0;
  visibility: hidden;
}

.shape10 {
  position: absolute;
  bottom: 40px;
  left: -40px;
  z-index: -1;
}

.shape11 {
  position: absolute;
  right: -30px;
  z-index: -1;
  top: 80px;
}

/*keyframes-css*/
@keyframes ripple {
  0% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}


.web-enq-btn {
  z-index: 1;
  border: none;
  position: relative;
  padding: 0.7500em 2.1875em;
  border-radius: 30px;
  display: inline-block;
  color: #FFFFFF;
  transition: .5s;
  box-shadow: 0px 12px 35px rgba(237, 39, 117, 0.25);
  font-size: 18;
  font-weight: 600;
}

.web-enq-btn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  transition: .5s;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 30px;
  background:  linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);;
}

.web-enq-btn1::before
{
	background: linear-gradient(145deg, rgba(125, 23, 228, 1) 0%, rgba(30, 212, 199, 1) 100%) !important;
}

.web-enq-btn:hover {
  background-color: #ED2775;
  color: #FFFFFF;
}

.web-enq-btn:hover::before {
  opacity: 0;
  visibility: hidden;
}

.web-features-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 2.1875em;
}

.web-features-list li {
  position: relative;
  margin-bottom: 1.8750em;
  padding-left: 3.1250em;
}

.web-features-list li .icon {
  color: #ED2775;
  position: absolute;
  font-size: 2.1875rem;
  line-height: 1;
  left: 0;
  top: 0;
}

.web-features-list li h3 {
  font-size: 1.0625rem;
  margin-bottom: 0.6250em;
}

.overview-content .features-list li:last-child {
  margin-bottom: 0;
}

	.anchort3xt {
    display:block;
   height:200px; /* this is the height of your header */
   margin-top:-12.5000em; /* this is again negative value of the height of your header */
   visibility:hidden;
}


.features-box {
  margin-bottom: 1.5625em;
  text-align: center;
}

.features-box .icon {
  width: 100px;
  height: 100px;
  font-size: 3.4375rem;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  color: #FFFFFF;
  transition: 1s;
  box-shadow: 15px 20px 35px rgba(38, 42, 55, 0.08);
  background: linear-gradient(45.24deg, #9F5FF1 5.99%, #FF54B0 91.87%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: auto;
}

.features-box .icon i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.features-box .icon.bg2 {
  background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
}

.features-box .icon.bg3 {
  background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}

.features-box .icon.bg4 {
  background: linear-gradient(44.44deg, #FF4B3F 7.79%, #FFAC30 94.18%);
}

.features-box .icon::before {
  position: absolute;
  height: 31px;
  width: 65px;
  content: "";
  right: 0;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/shape/5.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.features-box .icon::after {
  transform: scaleX(-1) scaleY(-1);
  position: absolute;
  height: 31px;
  width: 65px;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/shape/6.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.features-box .heading {
  font-size: 1.2500rem;
  margin-bottom: 0;
  color: #FFED4D;
  text-align: left;
  font-weight: bold;
}

.features-box p {
  margin-top: 0.7500em;
  color: #FFFFFF;
  text-align: left;
}

.features-box:hover .icon {
  border-radius: 0;
}


.navStick {
  display: flex;
  z-index: 99;
  overflow-x: scroll;
}

.navStick ul {
  display: inline-flex;
  background-color: #e8eaeb;
  padding: 0.0000em;
  25px;
  list-style: none;
  border-radius: 20px;
  margin-bottom: 0.0000em;
}

.navStick ul li a {
  padding: 0.5000em 1.2500em;
  margin: 0.0000em 0.6250em;
  display: block;
  white-space: nowrap;
}

.navStick ul li a:hover {
  background-color: #C5C5C5;
  border-radius: 18px;
}

.navStick ul li .activeStick {

  background-color: #000000;
  color: #FFFFFF;
  border-radius: 20px;
}

.stickyNav {
  position: fixed;
  top: 76px;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .stickyNav {
    top: 151px !important;
  }

}

@media only screen and (max-width: 991px) {
  .stickyNav {
    top: 107px !important;
  }
}

.web-sect-2-1 {
  background-color: #f5f7f8;
  border-radius: 10px;
  padding: 3.7500em 1.2500em;
}

.web-sect-2-2 {
  background-color: #111111;
  border-radius: 10px;
  padding: 3.7500em 1.2500em;
}



.web-sect-d-2-1 {
  background-color: #96c3fc;
  padding: 0;
}

.web-sect-d-2-2 {
  background-color: #f0f0f0;
  padding: 3.7500em 1.2500em;
}

.web-sect-div {
  max-width: 620px;
}

.quick-action-inner {
  position: relative;
  z-index: 1;
  padding: 2.5000em 1.8750em;
}

.quick-action-inner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: linear-gradient(76.92deg, #C89CFF 0%, #FF54B0 52.08%, #FF9F5A 100%);
  z-index: -1;
}

.shape5 {
  left: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
}

.lines {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  margin: auto;
  position: absolute;
}

.lines .line {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
}

.lines .line::after {
  left: 0;
  top: -50%;
  width: 100%;
  content: "";
  height: 15vh;
  display: block;
  position: absolute;
  animation: run 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 75%, #FFFFFF 100%);
}

.lines .line:nth-child(1) {
  margin-left: -35%;
}

.lines .line:nth-child(1)::after {
  animation-delay: 2s;
}

.lines .line:nth-child(3) {
  margin-left: -17.5%;
}

.lines .line:nth-child(3)::after {
  animation-delay: 2.5s;
}

.lines .line:nth-child(4) {
  margin-left: 17.5%;
}

.lines .line:nth-child(4)::after {
  animation-delay: 3s;
}

.lines .line:nth-child(5) {
  margin-left: 35%;
}

.lines .line:nth-child(5)::after {
  animation-delay: 3.5s;
}

@keyframes run {
  0% {
    top: -50%;
  }

  100% {
    top: 110%;
  }
}



.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 1.2500em;
  color: rgba(108, 117, 125, 0.7);
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}

@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}

.multisteps-form__progress-btn:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 13px;
  height: 13px;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 3;
}

.multisteps-form__progress-btn:after {
  position: absolute;
  top: 5px;
  left: calc(-50% - 13px / 2);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background-color: currentColor;
  z-index: 1;
}

.multisteps-form__progress-btn:first-child:after {
  display: none;
}

.multisteps-form__progress-btn.js-active {
  color: #007bff;
}

.multisteps-form__progress-btn.js-active:before {
  -webkit-transform: translateX(-50%) scale(1.2);
  transform: translateX(-50%) scale(1.2);
  background-color: currentColor;
}

.multisteps-form__form {
  position: relative;
}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

/* .multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
} */

.multisteps-form__panel[data-animation="fade"] {
  -webkit-animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.multisteps-form__panel[data-animation="fade"].js-active {
  -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}



/*---- CUSTOM ANIMATION ----*/

.fadeInRight {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}


.fadeInLeft {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.contact-list-two {
  position: relative;
  padding: 2.1875em;
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1199.98px) {
  .contact-list-two {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.8750em;
  }
}

@media (max-width: 991.98px) {
  .contact-list-two {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 767.98px) {
  .contact-list-two {
    padding: 2.1875em 0.6250em;
  }
}

@media (max-width: 575.98px) {
  .contact-list-two {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 2.5000em;
  }
}

.contact-list-two:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  background-image: url("../images/website/contact.jpg");
}

.contact-list-two:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  pointer-events: none;
  background: linear-gradient(to right, #a051e6 0%, #6b43e3 100%);
}

.website-chose-bx-1 {
  background: linear-gradient(142.23deg, #FFF7F1 7.63%, #FAE9EF 99.01%);
  padding: 2.5000em;
  border-radius: 30px;
}

.website-chose-bx-2 {
  background: linear-gradient(142.23deg, #F3F8FF 7.63%, #CED1F6 99.01%);
  padding: 2.5000em;
  border-radius: 30px;
}

.website-chose-bx-3 {
  background: linear-gradient(284.05deg, #0938D3 7.66%, rgba(244, 233, 252, 0.54) 68.88%);
  padding: 2.5000em;
  border-radius: 30px;
}

.website-chose-bx-1 img,
.website-chose-bx-2 img,
.website-chose-bx-3 img {
  margin: -1.8750em 0.0000em !important;
}

@media (max-width: 767.98px) {

  .website-chose-bx-1 img,
  .website-chose-bx-2 img,
  .website-chose-bx-3 img {
    display: none;
  }

  .website-chose-bx-3 {
    background: linear-gradient(284.05deg, #95ADFF 7.66%, rgba(244, 233, 252, 0.54) 68.88%);
  }
}

/*============================
	Working Process One Css
============================*/
.working-process-one {
  position: relative;
  display: block;
  background-color: #000000;
  padding: 3.7500em 0.0000em 3.7500em;
  z-index: 10;
}

.cases-one__shape1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.cases-one__shape2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cases-one__shape3 {
  position: absolute;
  top: 0;
  left: 220px;
  z-index: -1;
}

.cases-one__shape4 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.cases-one__shape5 {
  position: absolute;
  left: 105px;
  bottom: 145px;
  z-index: 1;
}

.working-process-one__shape1 {
  position: absolute;
  top: 110px;
  left: 400px;
  opacity: 0.5;
}

.working-process-one__shape2 {
  position: absolute;
  left: 75px;
  bottom: 65px;
}

.working-process-one__shape2 img {
  -webkit-animation: animation1 5s ease-in infinite;
  animation: animation1 5s ease-in infinite;
}

.working-process-one__shape3 {
  position: absolute;
  top: 30px;
  left: -130px;
  opacity: 0.3;
}

.working-process-one__shape4 {
  position: absolute;
  top: 30px;
  left: -110px;
  opacity: 0.3;
}

.working-process-one__shape5 {
  position: absolute;
  top: 150px;
  right: 180px;
  opacity: 0.3;
}

.working-process-one .sec-title-four .sub-title {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(202, 243, 51, 0.24) 44.12%, rgba(255, 255, 255, 0.00) 86.35%);
}

.working-process-one .sec-title-four .sub-title h4 {
  color: #000000;
}

.working-process-one .sec-title-four h2 {
  color: #000000;
}

.working-process-one__single {
  position: relative;
  display: block;
  padding: 0.0000em 1.5625em 0.0000em;
}

.working-process-one__single .icon-box {
  position: relative;
  display: block;
  max-width: 85px;
  margin: 0 auto;
}

.working-process-one__single .icon-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgb(255, 255, 255, 0.15);
}

.working-process-one__single .icon-box img {
  width: 35px;
  height: 35px;
}

.working-process-one__single .icon-box .overlay-list {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FFFE69;
}

.working-process-one__single .icon-box .overlay-list span {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 1.0000rem;
  line-height: 1.5625;
  font-weight: 600;
}

.working-process-one__single .content-box {
  position: relative;
  display: block;
  padding-top: 1.4375em;
}

.working-process-one__single .content-box .title-box {
  position: relative;
  display: block;
}

.working-process-one__single .content-box .title-box h5 {
  color: #FFFE69;
  font-size: 1.1250rem;
  line-height: 1.5556;
  font-weight: 500;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 0.8750em;
}

.working-process-one__single .content-box .title-box h4 a {
  color: #FFFFFF;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.working-process-one__single .content-box .title-box h4 a:hover {
  color: #FFFE69;
}

.working-process-one__single .content-box .text-box {
  position: relative;
  display: block;
  padding-top: 0.9375em;
}

.working-process-one__single .content-box .text-box p {
  color: rgb(255, 255, 255, 0.7);
  font-size: 1.1250rem;
  line-height: 1.5556;
  font-weight: 500;
}

.website-testi {
  position: relative;
  display: block;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  padding: 2.5000em 2.5000em;
  transition: all 500ms ease;

}

.website-testi-prof {
  width: 100px;
  height: 100px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.2500em;
}

.website-rating {
  position: relative;
  display: flex;
}

.website-rating li {
  position: relative;
  display: inline-block;
  font-size: 1.1250rem;
  color: #FFC107;
}

@media (max-width: 767.98px) {
  .website-testi {
    padding: 1.8750em 1.2500em;

  }
}

.faq-section {
  position: relative;
  overflow: hidden;
  padding: 3.7500em 0 3.7500em;
  background-color: #d3d6f9;
}

.faq-section .faq-shape-12 {
  position: absolute;
  top: 0;
  left: 0;
}

.faq-section .faq-shape-13 {
  position: absolute;
  top: 0;
  left: 0;
}

.faq-shape-12 {
  width: 559px;
  height: 652px;
  background-image: url("../images/website/shape-12.png");
  opacity: 0.7;
}

.faq-shape-13 {
  width: 100%;
  height: 100%;
  background-image: url("../images/website/shape-13.png");
  opacity: 0.7;
}


.faq-section .bg {
  height: 600px;
}

.bg-pattern-6 {
  background-image: url("../images/website/pattern-6.png");


  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.faq-content .faq-accordion .accordion-item {
  background-color: #1c406f;
  border: 1px solid #002046;
}

.faq-content .faq-accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 0.6250em;
}

.faq-content .faq-accordion .accordion-item .accordion-button {
  background-color: #1c406f;
  color: #fff;
  border: none;
  box-shadow: none;
  font-size: 1.2500rem;
  font-weight: 600;
}

.faq-content .faq-accordion .accordion-item .accordion-button:after {
  background-color: #fffb0b;
  color: #000;
  height: 30px;
  width: 30px;
  background-image: none;
  font-family: "flaticon_mycollection";
  font-size: 1.3750rem;
  font-weight: 700;
  content: "\f127";
  line-height: 1.4545;
  border-radius: 50%;
  padding-left: 0.1875em;
  transform: rotate(79deg);
}

.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-color: #fffb0b;
  color: #111;
  content: "\f127";
  transform: rotate(0);
}

.faq-content .faq-accordion .accordion-item .accordion-body {
  color: #fff;
  max-width: 95%;
  width: 100%;
  font-size: 1.0000rem;
  font-weight: 400;
  padding-top: 0;
}

.web-get-started-bx {
  position: relative;
  padding: 1.2500em 1.2500em 1.2500em 1.2500em;
  background-color: #f0edfd;
  border: 10px solid #fff;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 1.1250em;
}

.web-get-started-img {
  bottom: 0;
  position: absolute;
  padding-left: 1.2500em;
}

@media (max-width: 767.98px) {
  .web-get-started-img {
    display: none;

  }
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  font-size: 1.0000rem;
  font-weight: 500;
  line-height: 1.7500;
  margin-bottom: 1.1875em;
  color: #000000;
}

.list-style-two li:last-child {
  margin-right: 0;
}

.list-style-two li i {
  position: relative;
  top: 3px;
  color: #6c43e3;
  font-size: 1.1250rem;
  line-height: 1em;
  margin-right: 1.0625em;
}

@media (max-width: 575.98px) {
  .list-style-two li i {
    margin-right: 0.6250em;
  }
}

.list-style-two.light li,
.list-style-two.light i {
  color: #FFFB96 !important;
}

.list-style-two.two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-style-two.two-column li {
  margin-bottom: 0.9375em;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

@media (max-width: 575.98px) {
  .list-style-two.two-column li {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.list-style-two.style-two li {
  color: #FFFFFF;
}

/***

====================================================================
    Services Section Seven
====================================================================

***/
.ser-expert-bx-1 {
  background: #FFFAE8;
  padding: 2.5000em 1.5625em;
  text-align: center;
}

.ser-expert-bx-1 .fw-bold {
  color: #8E7519;
}

.ser-expert-bx-2 {
  background: #ffebeb;
  padding: 2.5000em 1.5625em;
  text-align: center;
}

.ser-expert-bx-2 .fw-bold {
  color: #e13131;
}

.ser-expert-bx-3 {
  background: #f9eaff;
  padding: 2.5000em 1.5625em;
  text-align: center;
}

.ser-expert-bx-3 .fw-bold {
  color: #9822c8;
}

.ser-expert-bx-4 {
  background: #f0eefb;
  padding: 2.5000em 1.5625em;
  text-align: center;
}

.ser-expert-bx-4 .fw-bold {
  color: #331f9f;
}

.we-serv-bg {
  background: -webkit-gradient(linear, right top, left top, color-stop(19.31%, rgba(193, 116, 214, 0.1)), to(rgba(138, 135, 216, 0.1)));
  background: linear-gradient(270deg, rgba(193, 116, 214, 0.1) 19.31%, rgba(138, 135, 216, 0.1) 100%);
}

.why-in-bg {
  background-color: #F5FDED;
}

.why-in-bg .bx {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 1.8750em 1.8750em 1.5625em;
  margin: 1.5625em 0.0000em;
  border: 1px solid #D9D9D9;
}

.why-in-bg .md-img {
  border-radius: 20px;
}

.web-ser-bx {
  background-color: #f7f7f8;
  padding: 1.6250em 1.2500em;
  border-radius: 10px;
  margin: 0.6250em;
  border: 1px solid #D9D9D9;
}

.banner-img {
  background-color: #7f3ce1;
}

.banner-img img {
  margin-bottom: -1.6250em;
}


.web-tech-bg {
  background-image: url("../images/bg/3.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}



.brands-area6 .apps-images {
  position: relative;
  text-align: end;
}

@media screen and (max-width: 768px) {
  .brands-area6 .apps-images {
    margin: 3.7500em 0.0000em 1.8750em 0.0000em;
    text-align: start;
  }
}

@media screen and (max-width: 480px) {
  .brands-area6 .apps-images {
    margin: 3.7500em 0.0000em 1.8750em 0.0000em;
    text-align: start;
  }
	
}

.brands-area6 .apps-images .image1 {
  margin-right: 1.8750em;
  position: relative;
}

@media screen and (max-width: 768px) {
  .brands-area6 .apps-images .image1 {
    margin-right: 0;
    margin-left: 1.8750em;
  }
	
	.homeWebAppCon .homeWebAppCon-list .icon i
	{
		margin-bottom: 1.3em !important;
	}
}

@media screen and (max-width: 480px) {
  .brands-area6 .apps-images .image1 {
    margin-right: 0;
    margin-left: 0;
  }
}

.brands-area6 .apps-images .image1 .dot {
  width: 15px;
  height: 15px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 60%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.1);
  animation: orbit 6s linear infinite;
  z-index: 1;
  margin-right: -9.5625em;
}

@media screen and (max-width: 768px) {
  .brands-area6 .apps-images .image1 .dot {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .brands-area6 .apps-images .image1 .dot {
    display: none;
  }
}

@keyframes orbit {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateX(225px);
    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.1), 0 0 30px 30px rgba(255, 255, 255, 0.05), 0 0 40px 40px rgba(255, 255, 255, 0.02);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateX(225px);
    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.1), 0 0 30px 30px rgba(255, 255, 255, 0.05), 0 0 40px 40px rgba(255, 255, 255, 0.02);
  }
}

.brands-area6 .apps-images .image2 {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .brands-area6 .apps-images .image2 {
    right: auto;
    left: 0;
  }
}

@media screen and (max-width: 480px) {
  .brands-area6 .apps-images .image2 {
    right: auto;
    left: 0;
    top: -10px;
  }
}

.bg-l-1 {
  background: linear-gradient(90deg, rgba(13, 110, 253, 0.08), rgba(0, 191, 166, 0.04));
}

.heading-badge {
  background: rgba(13, 110, 253, 0.09);
  color: #0946c7;
  border-radius: 999px;
  padding: 0.3750em 1.5625em;
  font-weight: 600;
  font-size: .9rem;
  display: inline;
}

.web-dev-ind-bg1 {
  background-color: #f8f9fb;
}

.web-dev-ind-bg1 .icon {
  background-color: #ddf2f3;
  padding: 0.6250em;
  border-radius: 12px;
}

.web-dev-ind-bg1 .box {
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(12, 40, 80, 0.06);
  margin: auto;
  padding: 1.2500em;
}

.web-dev-ind-pro .box {
  background: linear-gradient(180deg, rgba(13, 110, 253, 0.03), transparent);
  border-radius: 10px;
  padding: 1rem;
}

.web-dev-ind-item {
  background: #fff;
  border-radius: 20px;
  text-align: center;
  width: 100%;
  position: relative;
}

.web-dev-ind-item::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(to top right, #ff99ff 10%, #8e79f9 35%, rgb(255, 255, 255) 75%);
  border-radius: 22px;
  z-index: -1;
}

.web-dev-ind-ser-bx {
  padding: 1.8750em 2.1875em;
  transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  z-index: 2;
  border-radius: 10px;
  background-color: #f6f6f6;
  margin-top: 1.8750em;
}

.about-vision-box .img {
  max-width: 80px;
  border-radius: 8px;
  position: absolute;
  right: 0px;
  top: -20px;
  overflow: hidden;
}


.btn-whatsapp-pulse {
  background: #25d366;
  color: white;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 2.5000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 35px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  z-index: 9
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }

  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

.btn-whatsapp-pulse-border {
  bottom: 120px;
  right: 20px;
  animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }

  75% {
    padding: 50px;
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.soft-why-chose-box {
  text-align: center;
  background-color: #fff;
  border-radius: 7px;
  padding: 1.8750em;
  transition: all 0.4s;
  margin-bottom: 1.8750em;
}

.soft-why-chose-box:hover {
  transition: all 0.4s;
  transform: translateY(-10px);
}

.soft-why-chose-box .icon {
  border: 1px solid #EDEDF0;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  margin: auto;
}

.soft-work-box {
  background-color: #F9FAFD;
  border-radius: 4px;
  padding: 1.5000em;
  margin-bottom: 1.2500em;
}

.soft-work-box .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.6250em;
}

.soft-work-box .heading .number {
  height: 45px;
  width: 45px;
  line-height: 1.7308;
  text-align: center;
  border-radius: 50%;
  background-color: #1e95f7;
  color: #FFFFFF;
  margin-right: 0.6250em;
  font-weight: bold;
  font-size: 1.6250rem;

}

.soft-max-width {
  max-width: 350px;
}

.ws-soft-ser-item {
  gap: 0.9375em 1.5625em;
  margin-bottom: 2.5000em;
}

@media (max-width: 767px) {
  .ws-soft-ser-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.ws-soft-ser-item:last-child {
  margin-bottom: 0;
}

.ws-soft-ser-item .item-icon {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: #EDEEFD;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.ws-soft-ser-item .item-text {
  max-width: 494px;
}

.ws-soft-ser-item .item-text h3 {
  font-size: 1.3750rem;
  font-weight: 700;
}

.ws-soft-ser-item .item-text1 {
  max-width: 600px;
}

.ws-soft-ser-item .item-text1 h3 {
  font-size: 1.3750rem;
  font-weight: 700;
}

.ws-soft-ser-item:hover .item-icon {
  -webkit-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.ws-soft-ser-img-wrap .item-img {
  clip-path: polygon(9.202% 50.211%, 9.202% 50.211%, 7.729% 50.612%, 6.346% 51.205%, 5.068% 51.974%, 3.91% 52.904%, 2.888% 53.979%, 2.018% 55.185%, 1.314% 56.505%, 0.793% 57.924%, 0.469% 59.428%, 0.357% 61%, 0.357% 89%, 0.357% 89%, 0.501% 90.784%, 0.918% 92.477%, 1.585% 94.055%, 2.479% 95.496%, 3.579% 96.778%, 4.861% 97.878%, 6.302% 98.772%, 7.88% 99.439%, 9.573% 99.856%, 11.357% 100%, 39.357% 100%, 39.357% 100%, 40.965% 99.883%, 42.501% 99.544%, 43.949% 98.999%, 45.291% 98.264%, 46.511% 97.356%, 47.593% 96.292%, 48.521% 95.087%, 49.277% 93.759%, 49.846% 92.324%, 50.211% 90.798%, 50.211% 90.798%, 50.612% 92.271%, 51.205% 93.654%, 51.974% 94.932%, 52.904% 96.09%, 53.979% 97.112%, 55.185% 97.982%, 56.505% 98.686%, 57.924% 99.207%, 59.428% 99.532%, 61% 99.643%, 89% 99.643%, 89% 99.643%, 90.784% 99.499%, 92.477% 99.082%, 94.055% 98.415%, 95.496% 97.521%, 96.778% 96.421%, 97.878% 95.139%, 98.772% 93.698%, 99.439% 92.12%, 99.856% 90.427%, 100% 88.643%, 100% 60.643%, 100% 60.643%, 99.883% 59.035%, 99.544% 57.499%, 98.999% 56.052%, 98.264% 54.709%, 97.356% 53.489%, 96.292% 52.407%, 95.087% 51.479%, 93.759% 50.723%, 92.324% 50.154%, 90.798% 49.789%, 90.798% 49.789%, 92.271% 49.388%, 93.654% 48.795%, 94.933% 48.026%, 96.09% 47.096%, 97.112% 46.021%, 97.982% 44.815%, 98.686% 43.495%, 99.207% 42.076%, 99.532% 40.572%, 99.643% 39%, 99.643% 11%, 99.643% 11%, 99.499% 9.216%, 99.082% 7.523%, 98.415% 5.945%, 97.521% 4.504%, 96.421% 3.222%, 95.139% 2.122%, 93.698% 1.228%, 92.12% 0.561%, 90.427% 0.144%, 88.643% 0%, 60.643% 0%, 60.643% 0%, 59.035% 0.117%, 57.499% 0.456%, 56.052% 1.001%, 54.709% 1.736%, 53.489% 2.644%, 52.407% 3.708%, 51.479% 4.913%, 50.723% 6.241%, 50.154% 7.676%, 49.789% 9.202%, 49.789% 9.202%, 49.388% 7.729%, 48.795% 6.346%, 48.026% 5.068%, 47.096% 3.91%, 46.021% 2.888%, 44.815% 2.018%, 43.495% 1.314%, 42.076% 0.793%, 40.572% 0.469%, 39% 0.357%, 11% 0.357%, 11% 0.357%, 9.216% 0.501%, 7.523% 0.918%, 5.945% 1.585%, 4.504% 2.48%, 3.222% 3.579%, 2.122% 4.861%, 1.228% 6.302%, 0.561% 7.88%, 0.144% 9.573%, 0% 11.357%, 0% 39.357%, 0% 39.357%, 0.117% 40.965%, 0.456% 42.501%, 1.001% 43.949%, 1.736% 45.291%, 2.644% 46.511%, 3.708% 47.593%, 4.913% 48.521%, 6.241% 49.277%, 7.676% 49.846%, 9.202% 50.211%);
}

.list-style-three {
  position: relative;
  list-style: none;
}

.list-style-three li {
  color: #000000;
  font-size: 1.0000rem;
  font-weight: 400;
  line-height: 1.6875;
  margin-bottom: 0.9375em;
  padding-left: 2.0625em;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-style-three li i {
  border-radius: 50%;
  color: var(--wis-theme-primary);
  left: 0px;
  position: absolute;
  text-align: center;
  top: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-style-three li a {
  display: inline-block;
  font-weight: inherit;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-style-three li a:hover {
  color: var(--wis-theme-secondary);
}

.list-style-three.two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-style-three.two-column li {
  width: 50%;
}

@media (max-width: 767.98px) {
  .list-style-three.two-column li {
    width: 100%;
  }
}

.soft-ind-server-bg {
  background-color: rgba(242, 87, 103, .1);
  padding: 1.8750em;
  border-radius: 20px;
}

.flex-hire-mod-bg {
  background-color: rgba(23, 92, 255, .1);
  padding: 1.8750em;
  border-radius: 20px;
}

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

.list-style-four li {
  position: relative;
  padding-left: 1.8750em;
}

.list-style-four i {
  position: absolute;
  left: 0;
  top: 5px;
  color: #502ee9;
  font-size: 1.3750rem;
  line-height: 0.9091;
}



.case-study-wrapper .case-study-box-items {
  margin-top: 1.8750em;
}

.case-study-wrapper .case-study-box-items .thumb {
  position: relative;
}

.case-study-wrapper .case-study-box-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}

@media (max-width: 575px) {
  .case-study-wrapper .case-study-box-items .thumb {
    height: 450px;
  }

  .case-study-wrapper .case-study-box-items .thumb img {
    object-fit: cover;
  }
}

.case-study-wrapper .case-study-box-items .thumb .post-box-items {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
}

.case-study-wrapper .case-study-box-items .thumb .post-box-items ul {
  margin-bottom: 0.7500em;
  display: flex;
  align-items: center;
  gap: 0.7500em;
}

.case-study-wrapper .case-study-box-items .thumb .post-box-items ul li a {
  border-radius: 33px;
  border: 0.5px solid #fff;
  background: radial-gradient(258.86% 216.49% at -18.48% -74.46%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(25px);
  font-size: 0.8750rem;
  font-weight: 500;
  color: #fff;
  padding: 0.6875em 0.9375em;
  line-height: 1;
  display: inline-block;
}

.case-study-wrapper .case-study-box-items .thumb .post-box-items ul li a i {
  margin-left: 0.6250em;
}

.case-study-wrapper .case-study-box-items .thumb .project-title {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.case-study-wrapper .case-study-box-items .thumb .project-title img {
  width: initial;
  height: initial;
  border-radius: 0;
  margin-right: 0.6250em;
}

.case-study-wrapper .case-study-box-items .thumb .project-title a {
  color: #fff;
  font-size: 1.3750rem;
}

.case-study-wrapper .case-study-box-items .thumb .number {
  right: 30px;
  bottom: 30px;
  position: absolute;
  width: 44px;
  height: 44px;
  line-height: 3.1429;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0.8750rem;
  font-weight: 500;
  color: #17012C;
}

.case-study-wrapper .main-box {
  padding: 0;
  gap: 1.8750em;
  display: flex;
  align-items: center;
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1.8750em;
  }
}

.case-study-wrapper .main-box .box {
  background-image: url("../images/digi/1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  width: 92px !important;
  height: 450px;
  position: relative;
  overflow: hidden;
  list-style: none;
  border-radius: 24px;
  transition: all 0.4s ease-in-out;
  margin-top: 1.8750em;
  overflow: hidden;
  background-color: #6A47ED;
}

.case-study-wrapper .main-box .box .title-items {
  position: relative;
  z-index: 9;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box .title-items {
    display: none;
  }
}

.case-study-wrapper .main-box .box .title-items h3 {
  position: absolute;
  top: 40%;
  left: 70%;
  transform: translate(-50%, -50%) rotate(-90deg);
  font-size: 1.3750rem;
}

.case-study-wrapper .main-box .box .title-items h3 a {
  color: #fff;
  display: ruby-text;
  font-size: 1.3750rem;
}

.case-study-wrapper .main-box .box .title-items .number {
  width: 44px;
  height: 44px;
  line-height: 3.1429;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0.8750rem;
  font-weight: 600;
  color: #17012C;
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box .title-items .number {
    display: none;
  }
}

.case-study-wrapper .main-box .box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 24px;
  background: #6A47ED;
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box::before {
    display: none;
  }
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box {
    width: initial !important;
  }
}

.case-study-wrapper .main-box .box .number-hover {
  width: 44px;
  height: 44px;
  line-height: 3.1429;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0.8750rem;
  font-weight: 600;
  color: #17012C;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box .number-hover {
    opacity: 1;
    visibility: visible;
  }
}

.case-study-wrapper .main-box .box .project-content {
  position: absolute;
  bottom: -100px;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  right: 30px;
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box .project-content {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
  }
}

.case-study-wrapper .main-box .box .project-content h3 {
  margin-bottom: 0.6250em;
  font-size: 1.3750rem;
}

.case-study-wrapper .main-box .box .project-content h3 a {
  color: #fff;
  font-size: 1.3750rem;
}

.case-study-wrapper .main-box .box .project-content p {
  color: #fff;
  line-height: 162%;
}

.case-study-wrapper .main-box .box .project-content .link-btn {
  display: inline-block;
  font-size: 0.8750rem;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}

.case-study-wrapper .main-box .box .project-content .icon {
  transform: rotate(-40deg);
  color: #6A47ED;
  transition: all 0.4s ease-in-out;
}

.case-study-wrapper .main-box .box .project-content .icon:hover {
  transform: rotate(0);
}

@media (max-width: 1399px) {
  .case-study-wrapper .main-box .box {
    width: 328px !important;
  }

  .case-study-wrapper .main-box .box::before {
    border: 0.5px solid #fff;
    background: radial-gradient(258.86% 216.49% at -18.48% -74.46%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(25px);
  }

  .case-study-wrapper .main-box .box .number-hover {
    opacity: 1;
    visibility: visible;
  }

  .case-study-wrapper .main-box .box .project-content {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
  }

  .case-study-wrapper .main-box .box .title-items {
    opacity: 0;
    visibility: hidden;
  }
}

.case-study-wrapper .main-box .box.active {
  width: 328px !important;
}

.case-study-wrapper .main-box .box.active::before {
  border: 0.5px solid #fff;
  background: radial-gradient(258.86% 216.49% at -18.48% -74.46%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(25px);
}

.case-study-wrapper .main-box .box.active .number-hover {
  opacity: 1;
  visibility: visible;
}

.case-study-wrapper .main-box .box.active .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.case-study-wrapper .main-box .box.active .title-items {
  opacity: 0;
  visibility: hidden;
}

.case-study-section {
  position: relative;
}

.case-study-section .overlay-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

.case-study-section .left-shape {
  position: absolute;
  bottom: 0;
  left: 40px;
}

@media (max-width: 1600px) {
  .case-study-section .left-shape {
    display: none;
  }
}

.case-study-section .right-shape {
  position: absolute;
  bottom: 0;
  right: 40px;
}

@media (max-width: 1600px) {
  .case-study-section .right-shape {
    display: none;
  }
}

.how-it-work img {
  border-radius: 300px 300px 0 0;
}

.how-it-work .icon {
  border-radius: 8px;
  border: 1px solid #D4DCFF;
  background: #F3F7FB;
  text-align: center;
  width: 64px;
  height: 64px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
}

.digi-ser-bx {
  box-shadow: 0 5px 20px 0 rgba(210, 210, 245, .5);
  background-color: rgba(255, 255, 255, 1.00);
  padding: 1.2500em;

  border-radius: 10px;
  margin-bottom: 1.2500em;
}

.digi-mar-box-items {
  margin-top: 1.8750em;
  gap: 1.0625em;
  padding: 2.5000em 1.2500em;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
}

.digi-mar-box-items .img-head {

  position: relative;
  display: flex;
  margin-bottom: 0.9375em;
  align-items: center
}

.digi-mar-box-items .img-head img {
  margin-right: 0.9375em;
}

.right-digi-agen {
  background-color: #fff;
  border-radius: 4px;
  padding: 1.5000em;
  margin-bottom: 1.2500em;
  display: flex;
  align-items: center;
  transition: all 0.4s;
}


.ws-wrkp-item {
  margin-bottom: 1.8750em;
}

.ws-wrkp-item .item-icon-step {
  gap: 1.2500em;
  margin-bottom: 2.0000em;
}

@media (max-width: 480px) {
  .ws-wrkp-item .item-icon-step {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.ws-wrkp-item .item-icon-step .item-icon {
  width: 112px;
  height: 112px;
  border-radius: 100%;
  background-color: #683BF2;
}

.ws-wrkp-item .item-icon-step .item-step {
  line-height: 1;
  color: #A5A5FF;
  font-size: 3.7500rem;
  font-weight: 700;
}

@media (max-width: 480px) {
  .ws-wrkp-item .item-icon-step .item-step {
    font-size: 3.1250rem;
  }
}

.ws-wrkp-item:hover .item-icon {
  -webkit-animation: swing 2s ease infinite;
  animation: swing 2s ease infinite;
}

.ws-wrkp-item:is(.ver_2) {
  z-index: 1;
  padding: 1.8750em;
  position: relative;
}

.ws-wrkp-item:is(.ver_2):before {
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 70%;
  content: "";
  border-radius: 15px;
  position: absolute;
  background-color: #fff;
}


.case1-section-area .case-works-section-area .others-widget-area .card-boxarea:hover h3 {
  transform: rotateY(360deg);
  transition: all 0.4s;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea h3 {
  text-align: center;
  line-height: 60px;
  letter-spacing: -0.24px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
  color: #FFFFFF;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area {
  background: #F2F4FF;
  padding: 1.7500em;
  border-radius: 4px;
  text-align: center;
  margin: 0 2.5000em 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area {
    margin: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area:hover::after {
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area:hover a {
  transition: all 0.4s;
  color: #FFFFFF;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area:hover p {
  transition: all 0.4s;
  opacity: 80%;
  color: #FFFFFF;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 10px;
  left: 50%;
  transition: all 0.4s;
  top: 0;
  background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
  z-index: -1;
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area a {
  text-align: center;
  line-height: 0.9091;
  display: inline-block;
  transition: all 0.4s;
  font-size: 1.3750rem;
  font-weight: 600;
  line-height: 0.9091;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area p {
  text-align: center;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 0.16px;
  opacity: 0.8;
  transition: all 0.4s;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2 {
  background: #F2F4FF;
  padding: 1.7500em;
  border-radius: 4px;
  text-align: center;
  margin: 0 0 0 2.5000em;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2 {
    margin: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2:hover::after {
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2:hover a {
  transition: all 0.4s;
  color: #FFFFFF;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2:hover p {
  transition: all 0.4s;
  opacity: 80%;
  color: #FFFFFF;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 10px;
  left: 50%;
  transition: all 0.4s;
  top: 0;
  background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
  z-index: -1;
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2 a {
  text-align: center;
  display: inline-block;
  transition: all 0.4s;
  font-size: 1.3750rem;
  font-weight: 600;
  line-height: 1.3636;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea .content-area2 p {
  text-align: center;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 0.16px;
  opacity: 0.8;
  transition: all 0.4s;
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box1 h3 {
  position: relative;
  left: -75px;
  margin-bottom: 1.2500em;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box1 h3 {
    left: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box2 h3 {
  position: relative;
  left: -73px;
  margin-top: 0.8125em;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box2 h3 {
    left: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box3 h3 {
  position: relative;
  left: 74px;
  margin-top: -2.0625em;
  margin-bottom: 1.0000em;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box3 h3 {
    left: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box4 h3 {
  position: relative;
  left: 74px;
  margin-top: 1.0000em;
  margin-bottom: -1.0000em;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .card-boxarea.box4 h3 {
    left: 0;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .images {
    margin-top: 1.8750em;
    margin-bottom: 1.8750em;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images .elements12 {
  position: absolute;
  top: -10px;
  left: -100px;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements12 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements12 {
    display: none;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images .elements13 {
  position: absolute;
  bottom: -10px;
  left: -100px;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements13 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements13 {
    display: none;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images .elements14 {
  position: absolute;
  top: -10px;
  right: -100px;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements14 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements14 {
    display: none;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images .elements15 {
  position: absolute;
  bottom: -10px;
  right: -100px;
}

@media (max-width: 767px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements15 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case1-section-area .case-works-section-area .others-widget-area .images .elements15 {
    display: none;
  }
}

.case1-section-area .case-works-section-area .others-widget-area .images .img1 {
  position: relative;
  z-index: 1;
  background: #F1F0FE;
  padding: 1.0000em;
  border-radius: 50%;
}

.case1-section-area .case-works-section-area .others-widget-area .images .img1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .case1-section-area .case-header {
    text-align: center;
  }
}

.case1-section-area .case-header h5::after {
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(114, 110, 252, 0.1) 0%, rgba(114, 110, 252, 0.1) 100%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.space30 {
  height: 30px;
}

.hr-2 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(13, 13, 13, 0.9), rgba(255, 255, 255, 0.2));
}

.our-appro {
  display: flex;
  gap: 1.5625em;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #CADFFF;
  background: #eaf2ff;
  padding: 1.2500em 1.8750em;
  transition: 0.5s;
  margin-bottom: 1.2500em;
}

.our-appro .icon img {
  transition: 0.5s;
}

.our-appro .title h3 {
  font-size: 1.1250rem;
  font-weight: 500;
  margin-bottom: 0
}

.our-appro .title h3 a {
  color: #000000;
}

.our-appro.wrap2 {
  border: 1px solid #D8DAFF;
  background: #eff0ff
}

.our-appro.wrap2:hover {
  border: 1px solid #5F1DFD
}

.our-appro.wrap3 {
  border: 1px solid #FFD799;
  background: #ffeecb
}

.our-appro.wrap3:hover {
  border: 1px solid #FFA500
}

.our-appro.wrap4 {
  border: 1px solid #ADEAF7;
  background: #daf7fe
}

.our-appro.wrap4:hover {
  border: 1px solid #00BED9
}

.our-appro.wrap5 {
  border: 1px solid #FFD8CC;
  background: #ffeae4
}

.our-appro.wrap5:hover {
  border: 1px solid #F02A00
}

.our-appro:hover {
  border: 1px solid #1C43FE
}

.our-appro:hover .icon img {
  animation: animate__ jackInTheBox 1s;
  animation-name: jackInTheBox;
  animation-duration: 1s
}

.job-listing {
  background-color: #fff;
  box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, .9);
  padding: 1.8750em;
  border-radius: 30px 0 30px 0;
  margin-bottom: 0.0000em;
  transition: all ease .5s;
  height: 100%;
}

.job-listing:hover {
  transform: translateY(-5px);
}

.job-listing .top {
  border-bottom: 1px solid #c8ddf0;
  padding-bottom: 1.2500em;
}

.job-listing .icon {
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  margin-right: 0.9375em;
}

.job-listing .icon div {
  height: 70px;
  width: 70px;
  line-height: 70px;
}

.job-listing .heading {
  font-size: 1.1250rem;
  font-weight: 600;
  color: #1688a2;
  line-height: 1.7778;
}

.job-listing .apply-now {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #02ACEC;
}

.job-listing .apply-now i {
  position: relative;
  top: 6px;
  font-weight: bold;
  font-size: 1.3125rem;
}

.trans-bg {
  background-color: transparent !important;
  border: none !important;
}


.border_color {
  background-color: #fff;
  padding-top: 1.2500em;
  border-radius: 20px;
}

.sweet-alert .icon.success .placeholder {
  background-color: transparent !important;
}

.sweet-alert button {
  background-color: #A5DC86 !important;
}


.websoftContactPage .text-danger {
  z-index: 99 !important;
  position: relative;
}

@media (max-width: 768px) {
  .section-title {
    margin-top: 1.2500em;
    padding-top: 0.6250em;
  }
}


#otpBlockedModal .otpBlockHead {
  background-color: #003567;
}

.otpBlockContact {
  border: 1px dashed #a9cc99;
  padding: 1.2500em 0.6250em;
  border-radius: 10px;
}