@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
	
  --blue:#123E93;--blue-2:#0B2C6E;--blue-3:#08204F;--cyan:#0784a9;--amber:#FFB020;
  --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;
	
    --on-blue-muted:rgba(255,255,255,.92);
    --on-blue-line:rgba(255,255,255,.16);
  --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: 20px;
  bottom: 10px;
  height: 45px;
  width: 45px;
  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 .slick-slider {
	padding: 0px !important;
}
 .slide1-bg{
    position:relative;
    width:100%;
    height:85vh;
    background:linear-gradient(180deg, #050b16 0%, #071324 100%);
    overflow:hidden;
	 display: flex;
	 vertical-align: middle;
	 align-items: center;
	 padding: 50px 0px;
  }


 .slide1-bg-2{
    background:linear-gradient(180deg, #000000 0%, #180017 100%);
  }
 .slide1-bg-3{
    background:linear-gradient(180deg, #070604 0%, #1d3701 100%);
  }
 .slide1-bg-4{
    background:linear-gradient(180deg, #130e10 0%, #1c0538 100%);
  }
 .slide1-bg-5{
    background:linear-gradient(180deg, #282a39 0%, #1c2e6a 100%);
  }
 .slide1-bg-6{
    background:linear-gradient(180deg, #0e120b 0%, #180f06 100%);
  }

  /* layered "aurora" bands that wave across the surface using conic + blur */
  .slide1-aurora{
    position:absolute;
    inset:-20%;
    filter: blur(60px);
    mix-blend-mode: screen;
    opacity:.65;
  }

  .slide1-aurora span{
    position:absolute;
    border-radius:50%;
    background: conic-gradient(from 0deg, transparent, #1c6b86, transparent 35%);
  }

  .slide1-aurora span:nth-child(1){
    width:70%; height:70%;
    top:-10%; left:-10%;
    background: conic-gradient(from 90deg, transparent, #0f4a6b, transparent 30%);
    animation: spin1 22s linear infinite;
    transform-origin: 60% 60%;
  }

  .slide1-aurora span:nth-child(2){
    width:80%; height:80%;
    bottom:-25%; right:-15%;
    background: conic-gradient(from 200deg, transparent, #123a5c, transparent 30%);
    animation: spin2 28s linear infinite reverse;
    transform-origin: 40% 40%;
  }

  .slide1-aurora span:nth-child(3){
    width:55%; height:55%;
    top:30%; left:25%;
    background: conic-gradient(from 45deg, transparent, #1c6b86, transparent 25%);
    animation: spin1 34s linear infinite;
    transform-origin: 50% 50%;
    opacity:.7;
  }

  /* horizontal light sweep, like a slow-moving reflection passing over glass */
  .slide1-sweep{
    position:absolute;
    inset:0;
    background: linear-gradient(100deg,
                transparent 30%,
                rgba(140,200,225,.06) 45%,
                rgba(170,220,240,.12) 50%,
                rgba(140,200,225,.06) 55%,
                transparent 70%);
    background-size: 250% 250%;
    animation: sweep 9s ease-in-out infinite;
  }

  /* ground reflection line */
  .slide1-floor{
    position:absolute;
    left:0; right:0;
    bottom:0;
    height:36%;
    background: linear-gradient(180deg, transparent 0%, rgba(15,60,90,.35) 40%, rgba(8,30,48,.6) 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent, black 40%);
            mask-image: linear-gradient(180deg, transparent, black 40%);
  }

  .slide1-grain{
    position:absolute; inset:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    mix-blend-mode:overlay;
    opacity:.6;
    pointer-events:none;
  }

  @keyframes spin1{
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  @keyframes spin2{
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  @keyframes sweep{
    0%,100% { background-position: 0% 50%; }
    50%     { background-position: 100% 50%; }
  }

  @media (prefers-reduced-motion: reduce){
    .slide1-aurora span, .slide1-sweep{ animation: none; }
  }

.slide1-bg{
    position: relative;
    overflow: hidden;
}

.slide1-aurora,
.slide1-sweep,
.slide1-floor,
.slide1-grain{
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.slide1-bg .container{
    position: relative;
    z-index: 2;
}


@media only screen and (max-width: 767px) {
  .slide1-bg{
    height:auto !important;
	  }
  }


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


.slide-text-part p {
  color: var(--wis-neutral-dark-600);
}

/* ================== 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 select.form-control {
  cursor: pointer;
  color: #111;
  height: 38px;
  padding: 4px 28px 4px 0;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23111' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
}

.websoftHomeForm .home-service-group label {
  position: static;
  display: block;
  top: auto;
  left: auto;
  margin-bottom: 4px;
  font-size: 0.75rem;
  color: #000 !important;
  pointer-events: auto;
  z-index: auto;
}

.websoftHomeForm .home-service-select.is-invalid {
  border-bottom-color: #dc3545;
}

.websoftHomeForm .form-control:focus+label,
.websoftHomeForm .form-control.has-value+label,
.websoftHomeForm input.form-control:not(:placeholder-shown)+label,
.websoftHomeForm textarea.form-control:not(:placeholder-shown)+label {
  top: -15px;
  color: #C30003;
  font-size: 0.7500rem;
}

.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;
  pointer-events: none;
  z-index: 2;
}

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

.websoftHomeForm .form-control1:focus+label,
.websoftHomeForm .form-control1.has-value+label,
.websoftHomeForm .form-control1:not(:placeholder-shown)+label {
  top: -28px;
}

.websoftHomeForm .home-phone-wrap {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
}

.websoftHomeForm .home-phone-wrap .country_std_code_select {
  width: 118px !important;
  flex: none;
  margin: 0;
  height: 35px;
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  background: transparent;
  padding: 0 4px 0 0;
  font-size: 0.875rem;
  color: #000;
  outline: none;
  box-shadow: none;
}

.websoftHomeForm .home-phone-wrap .country_std_code_select:focus {
  border-bottom-width: 2px;
  border-color: #C30003;
}

.websoftHomeForm .home-phone-wrap .country_std_code_input {
  width: 72px !important;
  flex: none;
  height: 35px;
  margin: 0;
}

.websoftHomeForm .home-phone-field {
  position: relative;
  flex: 1;
  min-width: 0;
}

.websoftHomeForm .home-phone-field .form-control+label {
  left: 0;
}

.websoftHomeForm .enq-error,
.websoftContactPage .enq-error,
.contact-bar .enq-error {
  display: block;
  position: static !important;
  float: none;
  width: 100%;
  margin: 6px 0 0;
  padding: 0;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 400;
}

.websoftHomeForm .form-control.is-invalid,
.websoftHomeForm .country_std_code_select.is-invalid {
  border-bottom-color: #dc3545;
}

.websoftHomeForm .contact-consent {
  font-size: 12.5px;
  line-height: 1.55;
  color: #333;
}

.websoftHomeForm .contact-consent .form-check {
  margin-bottom: 8px;
}

.websoftHomeForm .contact-consent .form-check-label {
  position: static;
  color: #333;
  font-size: 12.5px;
  pointer-events: auto;
}

.websoftHomeForm .otp-section .otp-destination-message {
  font-size: 14px;
}

.websoftContactPage .contact-consent {
  font-size: 13px;
  line-height: 1.55;
  color: #333;
}

.websoftContactPage .country_std_code_select {
  max-width: 128px;
  border: none;
  background: #fff;
}

.websoftContactPage .input-group select[name="service_type"] {
  display: block;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  min-height: 60px;
  max-height: none;
  padding: 0.75rem 2.25rem 0.75rem 0.75rem;
}

.websoftFooter {
  background: var(--blue-3);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6.2500em 0.0000em 0.0000em;
}


.websoftFooter h5
{
	font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 18px;

}
.websoftFooter a,
.websoftFooter p,
.websoftFooter span {
  color: var(--on-blue-muted) !important;
}

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

.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;
  flex: 0 0 auto;
}

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

#myModal .btn-close
{
	background-color: #FF9ABC;
	margin: 5px;padding: 5px;
	color: #FFFFFF !important;
	opacity: 1;
}

#myModal .close-div
{
	position: absolute;
	right: 22px;
}

#youtubePopup .btn-close
{
	background-color: #FF9ABC;
	margin: 5px;padding: 5px;
	color: #FFFFFF !important;
	opacity: 1;
}


#youtubePopup .close-div
{
	position: absolute;
	right: 2px;
	z-index: 9;
}

.loc-feature-box {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
    border-radius: 20px;
    transition: all 0.35s ease;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.loc-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.loc-icon-box {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}

.loc-icon-box i {
    font-size: 30px;
}

.loc-content h5 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: #222;
}

.loc-content p {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
}

/* Background Variants */
.loc-feature-pink {
    background: #f9e9ec;
}

.loc-feature-pink .loc-icon-box i {
    color: #ff2c74;
}

.loc-feature-blue {
    background: #e9edf9;
}

.loc-feature-blue .loc-icon-box i {
    color: #5d89ff;
}

.loc-feature-green {
    background: #e7f6ef;
}

.loc-feature-green .loc-icon-box i {
    color: #20c76d;
}

.loc-feature-orange {
    background: #f8eee7;
}

.loc-feature-orange .loc-icon-box i {
    color: #f79345;
}


.loc-feature-pink2 {
    background: #FAEBFF;
}

.loc-feature-pink2 .loc-icon-box i {
    color: #B500F1;
}



.loc-feature-green2 {
    background: #E8FBFF;
}

.loc-feature-green2 .loc-icon-box i {
    color: #00ACD0;
}

.loc-feature-blue2 {
    background: #F4E5FF;
}

.loc-feature-blue2 .loc-icon-box i {
    color: #9300FF;
}

/* Responsive */
@media (max-width: 991px) {
    .loc-feature-box {
        padding: 20px;
    }

    .loc-content h5 {
        font-size: 0.875rem;
    }

    .loc-content p {
        font-size: 0.5rem;
    }
}

.web-floating-buttons {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.web-float-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.web-float-btn:hover {
    transform: scale(1.1);
    color: #fff;
}

.web-whatsapp {
    background: #25D366;
}

.web-phone {
    background: #004aad;
}


  /* Bottom Right Popup Modal */
    /*.web-video-modal .modal-dialog {
        position: fixed;
        bottom: 20px;
        right: 20px;
        margin: 0;
        max-width: 480px;
        width: 100%;
        transform: none !important;
    }*/

    .web-video-modal .modal-content {
        border: 0;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    }

    .video-modal .modal-header {
        padding: 8px 12px;
        background: #fff;
        border-bottom: 0;
    }

    .web-video-modal .btn-close {
        font-size: 12px;
    }

    .web-video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

    .web-video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

 /*______________________________________________________________________________*/

.headervPopup{background:linear-gradient(135deg,#0056d2,#00a8ff);color:#fff;padding:20px;text-align:center}
.offervPopup{display:inline-block;background:#ff6b00;padding:8px 18px;border-radius:30px;font-weight:bold;margin:10px 0; font-size: 22px;}
.video-wrapvPopup{position:relative;padding-top:56.25%}
.video-wrapvPopup iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.feature-cardvPopup, .why-cardvPopup, .rating-cardvPopup{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:18px;}
.feature-cardvPopup li{margin-bottom:8px; list-style: none !important;}
.why-cardvPopup li{margin-bottom:8px;}
.feature-cardvPopup i{color:#16a34a}
.rating-starsvPopup{color:#ffc107;font-size:22px}
.trustvPopup{background:#f5f8fc;padding:14px;text-align:center;font-weight:600;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.trustvPopup span{margin:0 10px;display:inline-block}
.ctavPopup{padding:20px}
.ctavPopup .btn{margin:6px 0}
@media(min-width:992px){
.ctavPopup .btn{margin:0 5px}
}

.digital-marketing-sectiona{
    background:#f8fbff;
}

.digital-marketing-sectiona h2{
    font-size:2.7rem;
    line-height:1.3;
}

.digital-marketing-sectiona .experience-box{
    position:absolute;
    bottom:25px;
    left:25px;
    background:#0d6efd;
    color:#fff;
    padding:20px 30px;
    border-radius:20px;
    text-align:center;
}

.digital-marketing-sectiona .experience-box h2{
    margin:0;
    font-size:2.3rem;
    font-weight:700;
    color:#fff;
}

.digital-marketing-sectiona .experience-box span{
    font-size:.95rem;
}

.digital-marketing-sectiona .service-box{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 20px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.digital-marketing-sectiona .service-box:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(13,110,253,.18);
}

.digital-marketing-sectiona .service-box i{
	padding: 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eaf3ff;
    color:#003567;
    font-size:1.4rem;
}

.digital-marketing-sectiona .service-box span{
    font-weight:600;
    color:#222;
}

.digital-marketing-sectiona .objective-box{
    background:#fff;
    padding:30px;
    border-left:5px solid #0d6efd;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

@media(max-width:991px){

.digital-marketing-sectiona .digital-marketing-section h2{
    font-size:2rem;
}

.digital-marketing-sectiona .experience-box{
    left:15px;
    bottom:15px;
    padding:15px 20px;
}

}

.digi-ma-width
{
	max-width: 700px;
	padding: 30px;
}

.why-digital-marketing{
    background:#f5f9ff;
}

.why-digital-marketing .info-card{
    background:#fff;
    padding:45px;
    border-radius:24px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.why-digital-marketing .info-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#4f9cff);
}

.why-digital-marketing .section-icon{
    width:70px;
    height:70px;
    background:#0d6efd;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
}

.why-digital-marketing .section-icon.bg-success{
    background:#198754!important;
}

.why-digital-marketing .info-card h2{
    font-weight:700;
    color:#1d3557;
    line-height:1.3;
}

.why-digital-marketing .info-card p{
    color:#5f6c7b;
    line-height:1.8;
}

.why-digital-marketing .feature-box{
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:#f8fbff;
    border:1px solid #edf2f7;
    border-radius:14px;
    padding:15px 18px;
    transition:.3s;
    height:100%;
}

.why-digital-marketing .feature-box:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(13,110,253,.10);
}

.why-digital-marketing .feature-box i{
    color:#0d6efd;
    font-size:18px;
    margin-top:3px;
}

.why-digital-marketing .feature-box span{
    font-weight:500;
    color:#243b53;
    line-height:1.5;
}

.why-digital-marketing .highlight-box{
    background:#eef6ff;
    border-left:4px solid #0d6efd;
    padding:20px;
    border-radius:12px;
}

@media(max-width:991px){

.why-digital-marketing .info-card{
    padding:30px;
}

.why-digital-marketing .info-card h2{
    font-size:30px;
}

}

.marketing-processa1{
    background:#F8FBF0;
}

.marketing-processa1 .process-tag{
    display:inline-block;
    background:#e8f1ff;
    color:#0d6efd;
    padding:.65rem 1.4rem;
    border-radius:50px;
    font-weight:600;
    letter-spacing:.08rem;
}

.marketing-processa1  h2{
    font-size:2.7rem;
    font-weight:700;
    color:#1d3557;
}

.marketing-processa1  p{
    color:#667085;
    line-height:1.8;
}

.marketing-processa1 .process-wrapper{
    position:relative;
    margin-top:40px;
}

.marketing-processa1 .process-wrapper::before{
    content:"";
    position:absolute;
    left:42px;
    top:0;
    width:2px;
    height:100%;
    background:#d7e6ff;
}

.marketing-processa1 .process-item{
    position:relative;
    display:flex;
    margin-bottom:35px;
}

.marketing-processa1 .process-number{
    width:85px;
    height:85px;
    min-width:85px;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#4b93ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    z-index:2;
    box-shadow:0 15px 35px rgba(13,110,253,.25);
}

.marketing-processa1 .process-content{
    margin-left:35px;
    background:#fff;
    border-radius:22px;
    padding:35px;
    display:flex;
    gap:25px;
    align-items:flex-start;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    flex:1;
}

.marketing-processa1 .process-content:hover{
    transform:translateX(10px);
    box-shadow:0 20px 50px rgba(13,110,253,.15);
}

.marketing-processa1 .process-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:#eef5ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.marketing-processa1 .process-icon i{
    color:#0d6efd;
    font-size:30px;
}

.marketing-processa1 .process-content h3{
    font-size:1.45rem;
    font-weight:700;
    color:#1d3557;
    margin-bottom:15px;
}

@media(max-width:991px){

.marketing-processa1 .process-wrapper::before{
    left:30px;
}

.marketing-processa1 .process-number{
    width:60px;
    height:60px;
    min-width:60px;
    font-size:18px;
	display: none;
}

.marketing-processa1 .process-content{
    margin-left:0px;
    padding:25px;
    flex-direction:column;
}

.marketing-processa1 .marketing-process h2{
    font-size:2rem;
}

}

.industries-we-servea1{
    background:#f6f9fc;
    position:relative;
    overflow:hidden;
}

.industries-we-servea1::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(13,110,253,.05);
    top:-220px;
    right:-180px;
}

.industries-we-servea1::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(13,110,253,.04);
    bottom:-160px;
    left:-120px;
}

.industries-we-servea1 .industry-wrapper{
    position:relative;
    z-index:2;
}

.industries-we-servea1 .section-label{
    display:inline-block;
    background:#e8f2ff;
    color:#0d6efd;
    padding:.65rem 1.4rem;
    border-radius:50px;
    font-size:.85rem;
    font-weight:600;
    letter-spacing:.08rem;
    margin-bottom:20px;
}

.industries-we-servea1 .industry-content h2{
    font-size:2.7rem;
    font-weight:700;
    color:#1d3557;
    margin-bottom:25px;
}

.industries-we-servea1 .industry-content p{
    color:#667085;
    line-height:1.9;
}

.industries-we-servea1 .industry-note{
    margin-top:35px;
    display:flex;
    gap:18px;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.industries-we-servea1 .industry-note i{
    width:65px;
    height:65px;
    min-width:65px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.industries-we-servea1 .industry-card{
    background:#fff;
    border-radius:20px;
    padding:30px 20px;
    text-align:center;
    border:1px solid #edf2f7;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;
}

.industries-we-servea1 .industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(13,110,253,.15);
}

.industries-we-servea1 .industry-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    margin:auto;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0d6efd,#5da2ff);
    color:#fff;
    font-size:30px;
    transition:.35s;
}

.industries-we-servea1 .industry-card:hover .industry-icon{
    transform:rotateY(180deg);
}

.industries-we-servea1 .industry-card h6{
    font-size:1rem;
    font-weight:600;
    color:#243b53;
    margin:0;
    line-height:1.5;
}

@media(max-width:991px){

.industries-we-servea1 .industry-content{
    margin-bottom:20px;
}

.industries-we-servea1 .industry-content h2{
    font-size:2rem;
}

.industries-we-servea1 .industry-note{
    flex-direction:column;
    text-align:center;
}

.industries-we-servea1 .industry-note i{
    margin:auto;
}

}

.website-importance{
    background:#f7faff;
    position:relative;
    overflow:hidden;
}

.website-importance::before{
    content:"";
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(13,110,253,.05);
    position:absolute;
    top:-180px;
    right:-150px;
}

.website-importance::after{
    content:"";
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(13,110,253,.04);
    position:absolute;
    bottom:-130px;
    left:-80px;
}

.website-importance .section-badge{
    display:inline-block;
    background:#eaf2ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:40px;
    font-weight:600;
    letter-spacing:.08rem;
}

.website-importance h2{
    font-size:2.7rem;
    font-weight:700;
    color:#1d3557;
}

.website-importance .content-panel{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.website-importance .content-item{
    display:flex;
    gap:25px;
    background:#fff;
    padding:30px;
    border-radius:22px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.website-importance .content-item:hover{
    transform:translateX(10px);
}

.website-importance .content-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:20px;
    background:linear-gradient(135deg,#0d6efd,#4e96ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.website-importance .content-item p{
    margin:0;
    color:#667085;
    line-height:1.9;
}

.website-importance .comparison-box{
    position:sticky;
    top:100px;
}

.website-importance .comparison-title{
    display:flex;
    gap:15px;
    align-items:center;
    margin-bottom:30px;
}

.website-importance .comparison-title i{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
	padding: 20px;
}

.website-importance .compare-card{
    border-radius:22px;
    padding:30px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    position:relative;
}

.website-importance .compare-card.danger{
    background:#fff4f4;
    border-left:5px solid #dc3545;
}

.website-importance .compare-card.success{
    background:#f2fff7;
    border-left:5px solid #198754;
}

.website-importance .compare-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#0d6efd;
    margin-bottom:20px;
}

.website-importance .vs-circle{
    width:65px;
    height:65px;
    margin:25px auto;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    letter-spacing:.05rem;
    box-shadow:0 15px 30px rgba(13,110,253,.25);
}

@media(max-width:991px){

.website-importance h2{
    font-size:2rem;
}

.website-importance .content-item{
    flex-direction:column;
}

.website-importance .content-icon{
    margin-bottom:10px;
}

.website-importance .comparison-box{
    position:relative;
    top:0;
}

}

.core-services {
    background:#f7faff;
    position:relative;
    overflow:hidden;
}

.core-services::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(13,110,253,.05);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.core-services .section-label{
    display:inline-block;
    padding:8px 18px;
    background:#e8f2ff;
    color:#0d6efd;
    border-radius:50px;
    font-weight:600;
    letter-spacing:.08rem;
}

.core-services h2{
    font-size:2.7rem;
    font-weight:700;
    color:#1d3557;
}

.core-services .service-card{
    background:#fff;
    border-radius:22px;
    padding:35px;
    height:100%;
    border:1px solid #edf2f7;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.core-services .service-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:#0d6efd;
}

.core-services .service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(13,110,253,.15);
}

.core-services .service-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.core-services .service-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#0d6efd,#5aa1ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.core-services .service-number{
    font-size:42px;
    font-weight:700;
    color:#d9e8ff;
}

.core-services .service-card h4{
    font-weight:700;
    margin-bottom:18px;
    color:#1d3557;
}

.core-services .service-card p{
    margin:0;
    line-height:1.9;
    color:#667085;
}

.core-services .bottom-highlight{
    background:linear-gradient(135deg,#0d6efd,#3b82f6);
    border-radius:24px;
    padding:40px;
    display:flex;
    gap:30px;
    align-items:flex-start;
    box-shadow:0 20px 45px rgba(13,110,253,.25);
}

.core-services .highlight-icon{
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:20px;
    background:rgba(255,255,255,.15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
}

.core-services .bottom-highlight p{
    color:#fff;
    line-height:2;
}

@media(max-width:991px){

.core-services .core-services h2{
    font-size:2rem;
}

.core-services .bottom-highlight{
    flex-direction:column;
}

.core-services .highlight-icon{
    margin-bottom:10px;
}

.core-services .service-card{
    padding:28px;
}

}

.website-processa2{
    background:#ECF0E6;
    position:relative;
    overflow:hidden;
}

.website-process2a::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(13,110,253,.05);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.website-processa2 .section-tag{
    display:inline-block;
    padding:8px 20px;
    border-radius:50px;
    background:#e8f2ff;
    color:#0d6efd;
    font-weight:600;
    letter-spacing:.08rem;
}

.website-process2a h2{
    font-size:2.7rem;
    font-weight:700;
    color:#1d3557;
}

.website-processa2 .timeline{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.website-processa2 .timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background:#dbe9ff;
    transform:translateX(-50%);
}

.website-processa2 .timeline-item{
    position:relative;
    width:50%;
    padding:0 50px 50px;
}

.website-processa2 .timeline-item.left{
    left:0;
}

.website-processa2 .timeline-item.right{
    left:50%;
}

.website-processa2 .timeline-card{
    background:#fff;
    border-radius:22px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    position:relative;
    transition:.35s;
}

.website-processa2 .timeline-card:hover{
    transform:translateY(-8px);
}

.website-processa2 .timeline-icon{
    position:absolute;
    top:30px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#5aa1ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:2;
    box-shadow:0 15px 30px rgba(13,110,253,.25);
}

.website-processa2 .timeline-item.left .timeline-icon{
    right:-35px;
}

.website-processa2 .timeline-item.right .timeline-icon{
    left:-35px;
}

.website-processa2 .step-no{
    display:inline-block;
    margin-bottom:20px;
    font-size:14px;
    font-weight:700;
    color:#0d6efd;
    background:#eef5ff;
    padding:6px 14px;
    border-radius:30px;
}

.website-processa2 .timeline-card p{
    margin:0;
    line-height:1.9;
    color:#667085;
}

@media(max-width:991px){

.website-processa2 .timeline::before{
    left:35px;
}

.website-processa2 .timeline-item,
.website-processa2 .timeline-item.left,
.website-processa2 .timeline-item.right{
    width:100%;
    left:0;
    padding-left:90px;
    padding-right:0;
}

.website-processa2 .timeline-icon{
    left:0!important;
    right:auto!important;
}

.website-processa2 .website-process h2{
    font-size:2rem;
}

.website-processa2 .timeline-card{
    padding:28px;
}

}

.custom-web-sectionas1{
background:#f5f8ff;
position:relative;
overflow:hidden;
}

.custom-web-sectionas1:before{
content:'';
position:absolute;
width:500px;
height:500px;
background:#0d6efd12;
border-radius:50%;
top:-250px;
right:-180px;
}

.custom-web-sectionas1 .section-badge{

display:inline-flex;
align-items:center;
background:#0d6efd;
color:#fff;
padding:10px 20px;
border-radius:40px;
font-size:15px;
font-weight:600;

}

.custom-web-sectionas1 .section-title{

font-size:46px;
font-weight:800;
color:#162447;
margin-bottom:20px;

}

.custom-web-sectionas1 .section-description{

font-size:18px;
line-height:1.8;
color:#555;

}

.custom-web-sectionas1 .service-card{

background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 15px 45px rgba(0,0,0,.08);
transition:.4s;
position:relative;

}

.custom-web-sectionas1 .service-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.custom-web-sectionas1 .service-image{

height:240px;
overflow:hidden;

}

.custom-web-sectionas1 .service-image img{

width:100%;
height:100%;
object-fit:cover;
transition:.6s;

}

.custom-web-sectionas1 .service-card:hover img{

transform:scale(1.08);

}

.custom-web-sectionas1 .service-icon{

width:78px;
height:78px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:32px;
margin:-40px auto 20px;
position:relative;
z-index:5;
box-shadow:0 10px 30px rgba(13,110,253,.35);

}

.custom-web-sectionas1 .service-content{

padding:0 30px 35px;

}

.custom-web-sectionas1 .service-content h4{

font-size:28px;
font-weight:700;
margin-bottom:18px;
color:#162447;

}

.custom-web-sectionas1 .service-content p{

font-size:16px;
line-height:1.9;
color:#666;

}

.custom-web-sectionas1 .featured{

background:linear-gradient(180deg,#ffffff,#eef6ff);

}

@media(max-width:991px){

.custom-web-sectionas1 .section-title{

font-size:36px;

}

}

@media(max-width:767px){

.custom-web-sectionas1 .section-title{

font-size:30px;

}

.custom-web-sectionas1 .service-content{

padding:0 20px 25px;

}

.custom-web-sectionas1 .service-content h4{

font-size:24px;

}

}

.support-partnership-section{
background:#f6f9ff;
position:relative;
overflow:hidden;
}

.support-partnership-section:before{
content:'';
position:absolute;
width:500px;
height:500px;
background:#0d6efd10;
border-radius:50%;
left:-220px;
top:-220px;
}

.support-partnership-section .support-tag{
display:inline-flex;
align-items:center;
padding:10px 22px;
background:#0d6efd;
color:#fff;
border-radius:50px;
font-weight:600;
}

.support-partnership-section .support-title{
font-size:48px;
font-weight:800;
color:#182848;
line-height:1.2;
}

.support-partnership-section .support-intro{
font-size:17px;
line-height:1.9;
color:#666;
margin-top:20px;
}

.support-partnership-section .support-image{
position:relative;
}

.support-partnership-section .support-image img{
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.support-partnership-section .floating-card{
position:absolute;
left:-20px;
bottom:30px;
background:#fff;
padding:15px 20px;
border-radius:18px;
display:flex;
align-items:center;
gap:15px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.support-partnership-section .floating-card i{
width:60px;
height:60px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
color:#fff;
}

.support-partnership-section .floating-card small{
display:block;
color:#777;
}

.support-partnership-section .glass-card{
background:rgba(255,255,255,.85);
backdrop-filter:blur(10px);
border-radius:25px;
padding:35px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
}

.support-partnership-section .glass-card:hover{
transform:translateY(-10px);
}

.support-partnership-section .card-icon{
width:75px;
height:75px;
border-radius:20px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:30px;
margin-bottom:20px;
}

.support-partnership-section .glass-card h4{
font-size:28px;
font-weight:700;
margin-bottom:20px;
}

.support-partnership-section .glass-card p{
line-height:1.9;
color:#666;
}

.support-partnership-section .support-list{
padding:0;
margin:0;
list-style:none;
}

.support-partnership-section .support-list li{
padding:12px 0;
display:flex;
gap:12px;
font-size:16px;
color:#555;
}

.support-partnership-section .support-list i{
color:#0d6efd;
margin-top:4px;
}

.support-partnership-section .feature-box{
background:#fff;
padding:35px;
border-radius:22px;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
}

.support-partnership-section .feature-box:hover{
transform:translateY(-8px);
}

.support-partnership-section .feature-box>i{
font-size:45px;
color:#0d6efd;
margin-bottom:20px;
}

.support-partnership-section .feature-box h5{
font-size:24px;
font-weight:700;
margin-bottom:20px;
}

.support-partnership-section .feature-box p{
line-height:1.9;
color:#666;
}

.support-partnership-section .dark-box{
background:linear-gradient(135deg,#0d6efd,#162848);
color:#fff;
}

.support-partnership-section .dark-box i,
.support-partnership-section .dark-box p,
.support-partnership-section .dark-box h5{
color:#fff;
}

.support-partnership-section .mini-icons{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:25px;
}

.support-partnership-section .mini-icons span{
background:#f5f7ff;
padding:12px;
border-radius:12px;
font-weight:600;
}

.support-partnership-section .support-banner{
margin-top:20px;
background:linear-gradient(135deg,#0d6efd,#162848);
padding:50px;
border-radius:30px;
color:#fff;
}

.support-partnership-section .support-banner h3{
font-size:38px;
font-weight:700;
}

.support-partnership-section .support-banner p{
font-size:18px;
opacity:.95;
}

.support-partnership-section .support-btn{
background:#fff;
color:#0d6efd;
padding:16px 34px;
border-radius:50px;
font-weight:700;
}

.support-partnership-section .support-btn:hover{
background:#f5f5f5;
color:#0d6efd;
}

@media(max-width:991px){

.support-partnership-section .support-title{
font-size:36px;
}

.support-partnership-section .floating-card{
position:relative;
left:0;
bottom:0;
margin-top:-40px;
}

.support-partnership-section .support-banner{
text-align:center;
}

}

@media(max-width:767px){

.support-partnership-section .support-title{
font-size:30px;
}

.support-partnership-section .support-banner{
padding:35px 25px;
}

.support-partnership-section .support-banner h3{
font-size:28px;
}

.support-partnership-section .glass-card,
.support-partnership-section .feature-box{
padding:25px;
}

}

.industries-sectiond1{
background:#f7faff;
position:relative;
overflow:hidden;
}

.industries-sectiond1:before{
content:'';
position:absolute;
width:500px;
height:500px;
background:#0d6efd10;
border-radius:50%;
top:-250px;
right:-200px;
}

.industries-sectiond1 .industry-badge{
display:inline-flex;
align-items:center;
padding:10px 22px;
background:#0d6efd;
color:#fff;
border-radius:50px;
font-weight:600;
}

.industries-sectiond1 .industry-title{
font-size:48px;
font-weight:800;
color:#182848;
line-height:1.2;
}

.industries-sectiond1 .industry-intro{
font-size:17px;
line-height:1.9;
color:#666;
margin-top:20px;
}

.industries-sectiond1 .industry-image{
position:relative;
}

.industries-sectiond1 .industry-image img{
box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.industries-sectiond1 .experience-box{
position:absolute;
bottom:-20px;
left:-20px;
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.15);
text-align:center;
}

.industries-sectiond1 .experience-box i{
font-size:40px;
color:#0d6efd;
margin-bottom:15px;
}

.industries-sectiond1 .experience-box h5{
font-weight:700;
margin-bottom:5px;
}

.industries-sectiond1 .experience-box span{
font-size:14px;
color:#777;
}

.industries-sectiond1 .timeline-wrapper{
position:relative;
margin-top:60px;
}

.industries-sectiond1 .timeline-wrapper:before{
content:'';
position:absolute;
left:42px;
top:0;
bottom:100px;
width:3px;
background:#d9e8ff;
}

.industries-sectiond1 .timeline-card{
display:flex;
gap:30px;
margin-bottom:40px;
position:relative;
}

.industries-sectiond1 .timeline-icon{
width:85px;
height:85px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
flex-shrink:0;
z-index:2;
box-shadow:0 15px 40px rgba(13,110,253,.25);
}

.industries-sectiond1 .timeline-icon.blue{
background:linear-gradient(135deg,#4f46e5,#3b82f6);
}

.industries-sectiond1 .timeline-icon.green{
background:linear-gradient(135deg,#10b981,#14b8a6);
}

.industries-sectiond1 .timeline-content{
background:#fff;
padding:35px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
width:100%;
}

.industries-sectiond1 .timeline-content:hover{
transform:translateY(-8px);
}

.industries-sectiond1 .timeline-content h4{
font-size:28px;
font-weight:700;
margin-bottom:18px;
color:#182848;
}

.industries-sectiond1 .timeline-content p{
font-size:16px;
line-height:1.9;
color:#666;
margin:0;
}

.industries-sectiond1 .global-card{
background:linear-gradient(135deg,#0d6efd,#162848);
padding:50px;
border-radius:28px;
color:#fff;
box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.industries-sectiond1 .world-icon{
width:110px;
height:110px;
background:rgba(255,255,255,.15);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
}

.industries-sectiond1 .world-icon i{
font-size:52px;
}

.industries-sectiond1 .global-card h3{
font-size:34px;
font-weight:700;
margin-bottom:20px;
}

.industries-sectiond1 .global-card p{
font-size:17px;
line-height:1.9;
margin:0;
opacity:.95;
}

@media(max-width:991px){

.industries-sectiond1 .industry-title{
font-size:36px;
}

.industries-sectiond1 .timeline-wrapper:before{
display:none;
}

.industries-sectiond1 .timeline-card{
flex-direction:column;
}

.industries-sectiond1 .timeline-icon{
margin-bottom:20px;
}

.industries-sectiond1 .experience-box{
position:relative;
left:0;
bottom:0;
margin-top:-40px;
}

}

@media(max-width:767px){

.industries-sectiond1 .industry-title{
font-size:30px;
}

.industries-sectiond1 .timeline-content{
padding:25px;
}

.industries-sectiond1 .timeline-content h4{
font-size:24px;
}

.industries-sectiond1 .global-card{
padding:35px 25px;
text-align:center;
}

.industries-sectiond1 .global-card h3{
font-size:28px;
}

}

.choose-company-section{
background:#f7faff;
position:relative;
overflow:hidden;
}

.choose-company-section:before{
content:'';
position:absolute;
width:550px;
height:550px;
background:#0d6efd10;
border-radius:50%;
right:-220px;
top:-250px;
}

.choose-company-section .choose-badge{
display:inline-flex;
align-items:center;
padding:10px 22px;
background:#0d6efd;
color:#fff;
border-radius:50px;
font-weight:600;
}

.choose-company-section .choose-title{
font-size:48px;
font-weight:800;
color:#182848;
line-height:1.2;
}

.choose-company-section .choose-intro{
font-size:17px;
line-height:1.9;
color:#666;
margin-top:20px;
}

.choose-company-section .choose-image{
position:relative;
}

.choose-company-section .choose-image img{
box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.choose-company-section .floating-review{
position:absolute;
left:-20px;
bottom:25px;
background:#fff;
padding:18px 22px;
display:flex;
align-items:center;
gap:15px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.choose-company-section .floating-review i{
width:60px;
height:60px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
color:#fff;
font-size:24px;
}

.choose-company-section .timeline-guide{
position:relative;
margin-top:50px;
}

.choose-company-section .timeline-guide:before{
content:'';
position:absolute;
left:42px;
top:0;
bottom:0;
width:3px;
background:#dbe8ff;
}

.choose-company-section .guide-card{
display:flex;
gap:30px;
margin-bottom:40px;
position:relative;
}

.choose-company-section .guide-icon{
width:85px;
height:85px;
border-radius:50%;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:34px;
flex-shrink:0;
box-shadow:0 15px 40px rgba(13,110,253,.25);
z-index:2;
}

.choose-company-section .guide-icon.purple{
background:linear-gradient(135deg,#7c3aed,#6366f1);
}

.choose-company-section .guide-icon.green{
background:linear-gradient(135deg,#10b981,#14b8a6);
}

.choose-company-section .guide-icon.orange{
background:linear-gradient(135deg,#f97316,#fb923c);
}

.choose-company-section .guide-content{
background:#fff;
padding:35px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
width:100%;
}

.choose-company-section .guide-content:hover{
transform:translateY(-8px);
}

.choose-company-section .guide-content h4{
font-size:28px;
font-weight:700;
margin-bottom:18px;
color:#182848;
}

.choose-company-section .guide-content p{
font-size:16px;
line-height:1.9;
color:#666;
margin:0;
}

.choose-company-section .trust-banner{
background:linear-gradient(135deg,#0d6efd,#162848);
padding:50px;
border-radius:28px;
color:#fff;
box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.choose-company-section .trust-icon{
width:100px;
height:100px;
background:rgba(255,255,255,.15);
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
margin:auto;
}

.choose-company-section .trust-icon i{
font-size:46px;
color:#fff;
}

.choose-company-section .trust-banner h3{
font-size:34px;
font-weight:700;
margin-bottom:15px;
}

.choose-company-section .trust-banner p{
font-size:17px;
line-height:1.8;
margin:0;
opacity:.95;
}

@media(max-width:991px){

.choose-company-section .choose-title{
font-size:36px;
}

.choose-company-section .timeline-guide:before{
display:none;
}

.choose-company-section .guide-card{
flex-direction:column;
}

.choose-company-section .floating-review{
position:relative;
left:0;
bottom:0;
margin-top:-40px;
}

.choose-company-section .trust-banner{
text-align:center;
}

}

@media(max-width:767px){

.choose-company-section .choose-title{
font-size:30px;
}

.choose-company-section .guide-content{
padding:25px;
}

.choose-company-section .guide-content h4{
font-size:24px;
}

.choose-company-section .trust-banner{
padding:35px 25px;
}

.choose-company-section .trust-banner h3{
font-size:28px;
}

}

.investment-section{
background:#f7faff;
}

.investment-section .section-tag{
background:#0d6efd;
color:#fff;
padding:10px 22px;
border-radius:50px;
display:inline-flex;
align-items:center;
font-weight:600;
}

.investment-section .section-title{
font-size:48px;
font-weight:800;
color:#162848;
}

.investment-section .section-text{
font-size:18px;
color:#666;
line-height:1.9;
margin-top:20px;
}

.investment-section .pricing-table{
background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.investment-section .table thead{
background:linear-gradient(135deg,#0d6efd,#162848);
color:#fff;
}

.investment-section .table th{
padding:22px;
font-size:18px;
}

.investment-section .table td{
padding:22px;
vertical-align:middle;
}

.investment-section .table tbody tr:hover{
background:#f8fbff;
}

.investment-section .badge{
padding:12px 18px;
border-radius:50px;
font-size:14px;
}

.investment-section .budget-one{
background:#e8f7eb;
color:#198754;
}

.investment-section .budget-two{
background:#fff4d9;
color:#b7791f;
}

.investment-section .budget-three{
background:#fde8e8;
color:#dc3545;
}

.investment-section .info-card,
.investment-section .glass-card{
background:#fff;
padding:35px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
height:100%;
transition:.3s;
}

.investment-section .info-card:hover,
.investment-section .glass-card:hover{
transform:translateY(-8px);
}

.investment-section .icon-box,
.investment-section .glass-card i{
width:70px;
height:70px;
background:linear-gradient(135deg,#0d6efd,#00c6ff);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
font-size:28px;
margin-bottom:20px;
}

.investment-section .timeline-box{
display:flex;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
}

.investment-section .step{
flex:1;
min-width:150px;
background:#fff;
padding:25px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.investment-section .step span{
display:inline-flex;
width:55px;
height:55px;
background:#0d6efd;
color:#fff;
border-radius:50%;
align-items:center;
justify-content:center;
font-weight:700;
margin-bottom:15px;
}

.investment-section .cta-box{
background:linear-gradient(135deg,#0d6efd,#162848);
padding:55px;
border-radius:30px;
color:#fff;
}

.investment-section .cta-box h3{
font-size:38px;
font-weight:700;
}

.investment-section .cta-box p{
font-size:18px;
opacity:.95;
}

@media(max-width:991px){

.investment-section .section-title{
font-size:36px;
}

.investment-section .timeline-box{
display:grid;
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.investment-section .section-title{
font-size:30px;
}

.investment-section .timeline-box{
grid-template-columns:1fr;
}

.investment-section .cta-box{
padding:35px 25px;
text-align:center;
}

}

.modal-backdrop.show {
    opacity: .5;
    background: #fff !important;
}

.quick-card input::placeholder {
  color: #8993A6;
}

.com-video-wrapper {
            position: relative;
            max-width: 800px;
            width: 100%;
            margin: auto;
            aspect-ratio: 16 / 9;
            background-color: #111; /* Dark background placeholder while loading */
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        }

        .com-video-wrapper video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .com-video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: opacity 0.3s ease;
            z-index: 10;
        }

        .com-play-btn {
            background: #ffffff;
            border: none;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            transition: transform 0.2s ease;
        }

        .com-play-icon {
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 20px solid #111111;
            margin-left: 5px;
        }

        .com-video-overlay:hover .play-btn {
            transform: scale(1.1);
        }

        .com-hidden {
            opacity: 0;
            pointer-events: none;
        }


#autoPopupModal .modal-content
{
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 17px, transparent 17px) 0% 0%/20px 20px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 17px, transparent 17px) 100% 0%/20px 20px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 17px, transparent 17px) 0% 100%/20px 20px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 17px, transparent 17px) 100% 100%/20px 20px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 6px) calc(100% - 40px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 40px) calc(100% - 6px) no-repeat,
            linear-gradient(90deg, #ff7417 0%, #2563eb 48%, #d41d9a 100%) !important;
border-radius: 20px !important;
box-sizing: border-box !important;
	padding: 3px;
}

#autoPopupModal .modal-body
{
border-radius: 16px !important;
	overflow: hidden !important;
}

/* Client logo strip */
  .clients-section{padding:56px 0;background:#FFFFFF;border-top:1px solid #E4E9F3;}
  .clients-head{text-align:center;margin-bottom:36px;}
  .clients-head h2{font-family:'Plus Jakarta Sans', sans-serif;font-size:clamp(22px,2.4vw,28px);color:#123E93;font-weight:800;}
  .clients-track-wrap{overflow:hidden;position:relative;}
  .clients-track-wrap::before,.clients-track-wrap::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;}
  .clients-track-wrap::before{left:0;background:linear-gradient(to right,#FFFFFF,transparent);}
  .clients-track-wrap::after{right:0;background:linear-gradient(to left,#FFFFFF,transparent);}
  .clients-track{display:flex;gap:24px;width:max-content;animation:scroll-logos 30s linear infinite;}
  .clients-track:hover{animation-play-state:paused;}
  @keyframes scroll-logos{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  .client-logo-card{flex:none;width:180px;height:90px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:14px 18px;background:#fff;transition:border-color .2s,box-shadow .2s;}
  .clients-track:hover .client-logo-card{}
  .client-logo-card .logo-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;width:100%;}
  .client-logo-card .logo-mark{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans', sans-serif;font-weight:800;font-size:15px;color:#fff;flex:none;}
  .client-logo-card .logo-name{font-family:'Plus Jakarta Sans', sans-serif;font-size:12.5px;font-weight:800;color:#101828;letter-spacing:-.01em;line-height:1.2;}
  .client-logo-card .logo-tag{font-size:9.5px;color:#5B6577;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
  @media (prefers-reduced-motion:reduce){.clients-track{animation:none;}}

.heading-on-dark h1,
.heading-on-dark h2,
.heading-on-dark h3 {
  color: #fff;
}

#privacyPolicyModal .modal-dialog{max-width:720px;}
#privacyPolicyModal .modal-content{border:0;border-radius:16px;overflow:hidden;}
#privacyPolicyModal .modal-header,
#privacyPolicyModal .privacy-policy-modal-header{background:linear-gradient(115deg,#0b1a4a,#1e3a88);color:#fff;border:0;}
#privacyPolicyModal .modal-title{font-weight:800;font-size:20px;color:#fff !important;}
#privacyPolicyModal .btn-close{filter:invert(1);opacity:.85;}
#privacyPolicyModal .modal-body{max-height:min(70vh,560px);overflow-y:auto;padding:24px 28px;color:#1b1633;}
#privacyPolicyModal .modal-body p{font-size:14.5px;line-height:1.7;margin-bottom:12px;}
#privacyPolicyModal .modal-body h5{font-size:16px;margin:18px 0 8px;color:#0b1a4a;}
#privacyPolicyModal .modal-body ul{margin:0 0 12px 18px;padding:0;}
#privacyPolicyModal .modal-body li{font-size:14.5px;line-height:1.65;margin-bottom:6px;}
#privacyPolicyModal .modal-footer{border:0;padding:12px 20px 20px;}
    /*@media (max-width: 576px) {
        .web-video-modal .modal-dialog {
            right: 10px;
            left: 10px;
            max-width: 100%;
            bottom: 10px;
        }
    }*/