/* Basic reset */

* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

:root {
  --bg-color: white;

  --text-color: #747474;

  --accent-color: #f1f1f1;

  --link-color: #006eff;.ai-box-p

  --link-hover-color: #2c75b4;

  --menu-text-color: #101010;

  --footer-bg-color: #2d2d2d;

  --footer-text-color: #b2b2b2;

  --heading-color: #101010; /* Default heading color */
}

body {
  font-family: "Trade Gothic", sans-serif;

  line-height: 1.6;

  background-color: var(--bg-color);

  color: var(--text-color);
}


iframe {
    width: 600px;
    height: 400px;
}
b,
strong {
  font-weight: bolder;

  color: #101010;
}

small,
.small {
  font-size: 0.875em;
}

mark,
.mark {
  padding: 0.1875em;

  color: var(--bs-highlight-color);

  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;

  font-size: 0.75em;

  line-height: 0;

  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--link-color), var(--link-color, 1));

  text-decoration: none;
}

a:hover {
  color: var(--link-hover-color);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;

  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);

  font-size: 1em;
}

pre {
  display: block;

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

  font-size: 0.875em;
}

pre code {
  font-size: inherit;

  color: inherit;

  word-break: normal;
}

code {
  font-size: 0.875em;

  color: var(--bs-code-color);

  word-wrap: break-word;
}

a > code {
  color: inherit;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;

  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  color: var(--bs-secondary-color);

  text-align: left;
}

th {
  text-align: inherit;

  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;

  border-style: solid;

  border-width: 0;
}

.rsi_form_group {
  margin-top: 10px;
}

label {
  display: block;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 4px;

  color: #101010;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;
}

.SubmissionForm .services-select:not([multiple]):not([size]) {
  width: 100% !important;
}

.SubmissionForm .services-select:not([multiple]):not([size]),
.SubmissionForm input {
  width: calc(100% - 40px);

  line-height: 40px;

  height: 40px;

  padding: 0 10px;

  color: #747474;

  background-color: white;

  border: 1px solid #e0e0e0;

  outline: 0;

  width: 100%;
}

.services-select:not([multiple]):not([size]) {
  -webkit-appearance: none;

  -moz-appearance: none;

  padding-right: 20px;

  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);

  background-repeat: no-repeat;

  background-position: 100% 50%;
}

::selection {
  background: #39f;

  color: white;

  text-shadow: none;
}

.SubmissionForm textarea {
  width: calc(100% - 40px);

  min-height: 30px;

  color: #747474;

  background-color: #fff;

  border: 1px solid #e0e0e0;

  line-height: 20px !important;

  padding: 10px;

  resize: none;

  overflow: auto;

  outline: 0;

  width: 100%;
}

.news-img-new {
  float: left;
  margin: 20px;
}

.alert {
  font-size: 14px;

  line-height: 16px;

  font-weight: 500;

  border-radius: 10px;

  padding: 10px;

  margin-top: 10px;
}

.form-button-primary {
  background-color: #2c75b4;

  border-color: #2c75b4;

  color: #fff !important;

  border: 0;
}

.form-button-primary:hover {
  background-color: #1b1a1a;

  border-color: #1b1a1a;
}

button,
select {
  text-transform: none;
}

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

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;

  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0;
}

legend {
  float: left;

  width: 100%;

  padding: 0;

  margin-bottom: 0.5rem;

  font-size: calc(1.275rem + 0.3vw);

  line-height: inherit;
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

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

[type="search"] {
  -webkit-appearance: textfield;

  outline-offset: -2px;
}

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

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;

  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;

  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;

  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;

  font-weight: 300;
}

.list-unstyled {
  padding-left: 0;

  list-style: none;
}

.list-inline {
  padding-left: 0;

  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;

  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;

  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;

  margin-bottom: 1rem;

  font-size: 0.875em;

  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;

  height: auto;
}

.imagecenter {
  margin: auto;
}

.container,
.container-fluid {
  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  width: 100%;

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

  margin-right: auto;

  margin-left: auto;
}

.row {
  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

  margin-top: calc(-1 * var(--bs-gutter-y));

  margin-right: calc(-0.5 * var(--bs-gutter-x));

  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;

  width: 100%;

  max-width: 100%;

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

  margin-top: var(--bs-gutter-y);
}

.alignitemcenter {
  align-items: center;
}

/* .fa-plus:before {

  background: url("../images/plus.webp");

  background-size: 20px 21px;

  display: inline-block;

  width: 20px;

  background-repeat: no-repeat;

  height: 20px;

  content: "";

}

.fa-minus:before {

  background: url("../images/minus.webp");

  background-size: 20px 20px;

  display: inline-block;

  width: 20px;

  background-repeat: no-repeat;

  height: 20px;

  content: "";

} */

/* Default heading styles */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);

  margin-bottom: 1rem;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

header {
  position: sticky;

  top: 0;

  z-index: 9;

  background: white;
}

.cm-header-wrap {
  position: relative;

  /* top: 0;

  left: 0; */

  background-color: var(--bg-color);

  color: var(--text-color);

  width: 100%;

  padding: 15px 0;
}

.sub-sub-menu {
  position: relative !important;

  left: 0 !important;

  display: none;
}

/* .plusicon {

  float: right;

  margin-top: -2px;

  width: 10px;

} */

.plusicon {
  width: 10px;

  height: 10px;

  background-image: url(../images/plus.webp);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  position: absolute;

  top: 11px;

  right: 14px;
}

.Minusicon {
  width: 10px;

  height: 10px;

  background-image: url(../images/minus.webp);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  position: absolute;

  top: 11px;

  right: 14px;
}

.cm-menu-inner ul {
  margin: 0;

  padding: 0;

  list-style: none;

  font-weight: bold;
}

.cm-menu-inner > ul {
  display: block;
}

.cm-menu-inner > ul > li {
  float: left;

  /* padding: 0 10px; */

  margin-left: 1.4rem;
}

.cm-menu-inner > ul li a {
  display: block;

  color: var(--menu-text-color);

  padding: 5px 10px;

  text-decoration: none;
}

.cm-menu-inner > ul li a:hover {
  color: var(--link-hover-color);
}

.cm-menu-inner > ul li > ul a:hover {
  /* background: var(--accent-color); */

  color: var(--link-hover-color);
}

.MainMenuClass {
  position: relative;

  font-size: 16px;
}

.homepagesection {
  padding-top: 20px;

  padding-bottom: 31px;

  position: relative;
}

.Innerpagesection {
  padding-top: 20px;

  position: relative;
}

.bottomlinecolor {
  width: 70px;

  border-top: 3px solid #2c75b4 !important;

  margin-bottom: 30px;
}

.font-size-customer {
  font-size: 36px !important;
}

.cm-menu-inner ul > li:hover .MainMenuClass:after {
  width: 20px;

  color: #2c75b4;

  content: "";

  position: absolute;

  left: 10px;

  bottom: 7px;

  height: 1px;

  border-bottom: 2px solid;

  display: inline-block;

  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

/* Loader styles */

#loader {
  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: rgba(255, 255, 255, 0.8);

  display: flex;

  justify-content: center;

  align-items: center;
}

#loader:before {
  content: "";

  border: 6px solid #f3f3f3;

  border-top: 6px solid #3498db;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

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

/* Loading spinner */

.loading-spinner {
  border: 4px solid #f3f3f3;

  border-top: 4px solid #3498db;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  animation: spin 0.1s linear infinite;

  margin: 10px auto;
}

.topheader {
  position: relative;

      padding: 30px 0px 0px 0px;
}

.aiagent-box{
	background-color: #62DCF5;
	height: 220px;
	margin: -10px 0px 22px 0px;
}






.RightSideImage {
  position: absolute;

  right: 0;

  width: 540px;

  top: -68px;

  z-index: -1;
}

.headerportion {
  position: relative;
}

.hero {
  background: var(--accent-color);

  padding: 2rem;

  text-align: center;
}

.content {
  padding: 2rem;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

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

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

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

.headerheading {
  font-size: 35px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  line-height: 1;
}

p {
  font-size: 1.1rem;
}

ul.callbackrequest {
  list-style: none;

  padding: 0;

  margin: 0;

  text-align: center;
}

ul.callbackrequest li {
  display: inline-block;

  margin: 10px;
}

.dropbtn {
  background-color: #7a4b00;

  padding: 2px 10px;

  border-radius: 5px;

  color: white;

  border: none;

  font-size: 16px;

  font-weight: bold;

  margin-top: 4px;
}

.dropdown {
  position: relative;

  display: inline-block;
}

.dropdown-content {
  display: none;

  position: absolute;

  background-color: white;

  box-sizing: border-box;

  min-width: 200px;

  border-radius: 13px;

  padding: 2px 5px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  margin-top: 1px;

  z-index: 1;

  right: 0;
}

.dropdown-content a {
  color: black;

  font-weight: bold;

  padding: 12px 16px;

  text-decoration: none;

  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #175282;

  color: white;
}

.features-boxes {
  position: relative;

  box-sizing: content-box;

  padding-bottom: 40px !important;
}

.featurebottomline {
  position: absolute;

  margin: 0px auto;

  border: 0 #2c75b4;

  border-left: 2px solid;

  width: 2px;

  height: 60px;

  z-index: 10;

  left: 0;

  right: 0;
}

.sd-heading-light {
  color: #828282;
}

.productbox {
  position: relative;

  padding: 20px;

  height: 245px;

  background-color: white;

  -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);

  box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);

  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  overflow: hidden;
}

.rightarrow {
  margin-top: 10px;

  fill: black;

  transition: fill 0.3s;
}

.productbox .featuretitle {
  font-size: 18px;

  margin: 10px 0 5px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  line-height: 1.4;
}

.InnerPageTopHeading {
  font-size: 40px;

  margin: 10px 0 5px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  line-height: 1.4;

  color: #151515;
}

.innerpage-menu {
  display: flex;

  flex-wrap: wrap;

  padding: 0;

  list-style: none;

  font-weight: 600;

  text-transform: uppercase;
}

.innerpage-menu > li > a {
  font-size: 1rem;

  color: #2c75b4;

  font-weight: 700;

  text-transform: uppercase;
}

.innerpage-menu > :nth-child(n + 2):not(.first-column)::before {
  content: "/";

  display: inline-block;

  margin: 0 20px;

  color: #999;
}

.innerpage-menu > li > a,
.innerpage-menu > li > span {
  font-size: 1rem;

  color: #2c75b4;

  font-weight: 700;

  text-transform: uppercase;
}

.innerpage-menu > * > :focus,
.innerpage-menu > * > :hover {
  color: #666;

  text-decoration: none;
}

.innerpage-menu > :first-child > * {
  color: #2c75b4;
}

.innerpage-menu > :last-child > * {
  color: #666;
}

.innerbannerheight {
  height: 200px;
}

.theme-blue-heading {
  margin: 0;

  font-size: 1.2rem;

  line-height: 1.612;

  color: #2c75b4;

  font-weight: 400;

  font-family: "Trade Gothic", sans-serif;
}

.innerpage-black-heading {
  color: #161515;

  font-size: 28px;

  margin: 0;

  padding: 0;

  font-weight: normal;

  font-family: "Avant Grade", sans-serif !important;
}

.inner-pages-article {
  position: relative;

  font-size: 1.2rem;

  line-height: 1.612;

  color: #101010;
}

.right-sidebar-widget {
  position: sticky;

  top: 70px;
}

.yellow_fontcolor {
  text-align: center;

  color: #fdaf1b;

  text-transform: uppercase;

  letter-spacing: 0.3px;

  margin: 40px 0 0 0;

  display: block;
}

.h1_queue_management {
  text-transform: uppercase;

  font-size: 3rem;
}

.queue_management_paragrph {
  color: #fff;

  text-align: center;
}

.whitecolor {
  color: #fff !important;
}
.whitecolorai {
  color: #fff !important;
}

.sidebar-widget-title {
  font-family: "Trade Gothic", sans-serif;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 22px;

  letter-spacing: normal;

  position: relative;

  margin-bottom: 45px;

  color: #2c75b4;
}

.right-sidebar-widget ul {
  margin: 0;

  padding: 0;

  list-style: none;

  margin-left: 20px;
}

.right-sidebar-widget ul li a {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transform: translateX(-20px);

  -ms-transform: translateX(-20px);

  transform: translateX(-20px);

  -webkit-transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.right-sidebar-widget ul li a:hover {
  color: #2c75b4;
}

.right-sidebar-widget ul li a:before,
.right-sidebar-widget ul li.current a:before {
  content: "";

  background-image: url(../images/right-arrow.webp);

  background-repeat: no-repeat;

  /* padding-left: 20px; */

  background-position: -1px 5px;

  width: 20px;

  height: 25px;

  font-family: Pixeicons, sans-serif;

  font-size: 14px;

  opacity: 0;

  -webkit-transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.4s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.right-sidebar-widget ul li a:hover:before,
.right-sidebar-widget ul li.current a:before {
  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  opacity: 1;

  color: #2c75b4;
}

.right-sidebar-widget ul * + li {
  margin-top: 12px;

  padding-top: 12px;

  border-top: 1px solid #f3f3f3;
}

.counter-process-box-steps2 {
  position: relative;

  text-align: center;

  padding: 20px 0;
}

.progress-number {
  font-size: 50px !important;

  color: #2c75b4;

  padding: 0;

  margin: 0;

  display: block;
}

.progress-description {
  display: block;

  margin: 0;

  padding: 0;

  font-size: 18px;
}

.clearfix::after {
  content: "";

  clear: both;

  display: table;
}

.rsi-card-box {
  position: relative;

  box-sizing: border-box;

  transition: box-shadow 0.1s ease-in-out;
}

.rsi-card-default {
  background: #fff;

  color: #666;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.rsi-card-media-top {
  position: relative;
}

.rsi-card-body {
  padding: 40px;
}

.rsi-card-title {
  line-height: 1.4;

  color: #333;
}

.rsi-card-paragraph {
  font-size: 16px;

  height: 170px;
}

.rsi-card-paragraph-bottom {
  font-size: 16px;
}

.font-size-27 {
  font-size: 27px;
}

.rsi-inner-page-arrow-li {
  list-style: none;

  margin: 10px auto;
}

.rsi-inner-page-arrow-li li {
  background-image: url(../images/right-arrow.webp);

  background-repeat: no-repeat;

  padding-left: 20px;

  background-position: 0 9px;
}

.rsi-inner-page-arrow-li-Ar {
  list-style: none;

  margin: 10px auto;
}

.rsi-inner-page-arrow-li-Ar li {
  background-image: url(../images/left-arrow.webp);

  background-repeat: no-repeat;

  padding-right: 20px;

  background-position: right;
}

.accordion {
  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  margin-bottom: 0;

  transition: 0.4s;

  border-bottom: 2px solid #f3f3f3;

  font-weight: 700;

  padding: 20px;

  font-size: 1.25rem;

  font-family: "Avant Grade", sans-serif;

  color: #333;

  transition: 0.4s;

  background: url(../images/plus.webp) 0 30px no-repeat;

  background-size: 12px;
}

.activeaccordion {
  background: url(../images/minus.webp) 0 30px no-repeat;

  background-size: 12px;
}

.activeaccordion,
.accordion:hover {
  /* background-color: #ccc; */
}

.panel {
  margin: 0;

  display: none;

  padding: 30px;

  background-color: #f3f3f3;

  overflow: hidden;

  transition: max-height 0.2s ease-out;
}

.contactus {
  position: relative;
}

.contactusnumber {
  font-size: 26px;

  font-weight: 700;
}

.contactusnumber:hover {
  color: #2c75b4;
}

.contactparagraph {
  color: #747474;
}

.line {
  border-top: 2px solid #175282;

  width: 40px;

  margin: 0 0 6px;
}

.productbox:hover {
  padding: 10px 20px;
}

.selected {
  border-color: white;

  width: 40px;
}

.fetureservice1 {
  padding: 20px;

  height: 245px;

  background-color: #2c75b4;

  -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);

  box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);

  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.whiteboxes:hover {
  background-color: #2c75b4;

  color: white;
}

.whiteboxes:hover .featuretitle {
  color: white;
}

.whiteboxes:hover .line {
  border-color: white;

  width: 40px;
}

.whiteboxes:hover .rightarrow {
  fill: white;
}

.fetureservice1 .featuretitle {
  color: white;
}

.fetureservice1 .description {
  color: white;
}

.fetureservice1 .rightarrow {
  fill: white;
}

.featureboxlink {
  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;
}

.features-boxes .column-child-width-1-5:last-child:before {
  content: "";

  background-color: #2c75b4;

  bottom: 30px;

  height: 70px;

  width: calc(18% - 10px);

  position: absolute;

  z-index: 0;
}

.heading-h1,
.heading-h2,
.heading-h3,
.heading-h4,
.heading-h5,
.heading-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  line-height: 1.2;
}

.headingtitle {
  margin-bottom: 0;

  line-height: 1;
}

.service-section-heading {
  margin-bottom: 60px;
}

.servicetitle {
  font-family: "Trade Gothic", sans-serif;

  font-weight: 700;

  text-transform: uppercase;

  color: #175282;

  margin: 0;

  line-height: 1;
}

.heading-h5,
h5 {
  font-size: 20px;
}

.servicesdescription {
  margin: 20px 0 0px auto;
}

.services-features .servicescontent {
  color: #333;
}

.services-features {
  position: relative;

  background-color: #f3f3f3;

  padding: 60px 40px;

  min-height: 360px;

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  overflow: hidden;

  height: 450px;
}

.service-icon-1 {
  -webkit-mask: url(../images/computer.svg) no-repeat 50% 50%;

  mask: url(../images/computer.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-icon-2 {
  -webkit-mask: url(../images/custom-development.svg) no-repeat 50% 50%;

  mask: url(../images/custom-development.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-icon-3 {
  -webkit-mask: url(../images/house.svg) no-repeat 50% 50%;

  mask: url(../images/house.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-icon-4 {
  -webkit-mask: url(../images/digital.svg) no-repeat 50% 50%;

  mask: url(../images/digital.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-icon-5 {
  -webkit-mask: url(../images/application.svg) no-repeat 50% 50%;

  mask: url(../images/application.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-icon-6 {
  -webkit-mask: url(../images/contract.svg) no-repeat 50% 50%;

  mask: url(../images/contract.svg) no-repeat 50% 50%;

  -webkit-mask-size: cover;

  mask-size: cover;
}

.service-ico-size-2 {
  width: 80px;

  height: 80px;
}

.service-icon-1,
.service-icon-2,
.service-icon-3,
.service-icon-4,
.service-icon-5,
.service-icon-6 {
  width: 80px;

  height: 80px;

  display: block;

  background-color: #000;
}

.services-features:hover > .servicescontent {
  color: white;
}

.services-features:hover > .servicescontent .heading-h5 {
  color: white;
}

.services-features:hover .servicehover {
  background-color: white;
}

.services-features:hover {
  background-color: #2c75b4;
}

.services-features:hover .rightarrow {
  opacity: 1 !important;

  fill: white;
}

.services-features:hover .servicescontent {
  opacity: 1 !important;

  fill: white;

  -webkit-transform: translateY(27px);

  -ms-transform: translateY(27px);

  transform: translateY(27px);
}

.servicescontent {
  display: block;

  -webkit-transform: translateY(60px);

  -ms-transform: translateY(60px);

  transform: translateY(60px);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.services-features .rightarrow {
  opacity: 0;
}

.horizantal-line {
  position: relative;

  margin: 24px auto;

  border: 0 #2c75b4;

  border-left: 2px solid;

  width: 2px;

  height: 60px;

  z-index: 10;
}

.our-work-boxes {
  position: relative;

  padding: 45px 0;
}

.our-work-section-heading {
  margin-bottom: 40px;
}

.tabs {
  width: 100%;

  margin: 0 auto;
}

.tab-links {
  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-wrap: wrap;

  padding: 0 10px 0 20px;
}

.tab-links li {
  margin: 0;

  padding: 0;
}

.tab-links a {
  display: block;

  padding: 0 35px;

  background: white;

  color: #000;

  text-decoration: none;

  border-bottom: none;

  text-transform: capitalize;
}

.tab-links li.active a {
  background: #f3f3f3;

  border-bottom: 1px solid #f3f3f3;
}

.tab-content .tab {
  display: none;

  padding: 20px;

  border: 1px solid #f3f3f3;

  background: #f3f3f3;

  border-top: none;

  color: #333;
}

.tab-content strong {
  font-family: "Avant Grade", sans-serif;
}

.tabs-inner-heading {
  font-size: 24px;

  color: #191919;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;
}

.tabs-inner-heading2 {
  font-size: 20px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;
}

.inner-li-arrow li {
  background-image: url(../images/right-arrow.webp);

  background-repeat: no-repeat;

  padding-left: 20px;

  background-position: 0 5px;
}

.inner-li-arrow {
  list-style: none;
}

.inner-li-li-arrow {
  list-style: none;

  padding-left: 20px;
}

.button-default {
  background-color: transparent;

  color: #333 !important;

  position: relative;

  z-index: 1;

  border: 1px solid #e5e5e5;
}

.button-Primary {
  background-color: transparent;

  border-color: #2c75b4 !important;

  color: #101010 !important;

  position: relative;

  z-index: 1;

  border: 1px solid #e5e5e5;
}

.large-button {
  font-size: 1rem;

  height: 60px;

  padding: 0 40px;
}

.rsi-button {
  font-family: "Avant Grade", sans-serif;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 1 !important;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 0.9rem;

  height: 50px;

  padding-top: 4px;

  border-width: 2px;
}

.button-default:focus,
.button-default:hover {
  border-color: #2c75b4;

  color: #fff !important;
}

.button-Primary:focus,
.button-Primary:hover {
  border-color: #2c75b4;

  color: #fff !important;
}

.rsi-button:not(:disabled) {
  cursor: pointer;
}

.button-default:after {
  content: "";

  position: absolute;

  z-index: -1;

  width: 0%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: #2c75b4;

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.button-Primary:after {
  content: "";

  position: absolute;

  z-index: -1;

  width: 0%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: #2c75b4;

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.button-default:focus:after,
.button-default:hover:after {
  width: 100%;
}

.button-Primary:focus:after,
.button-Primary:hover:after {
  width: 100%;
}

.tab-content .tab.active {
  display: block;
}

.text-heading {
  font-size: 17px;

  line-height: 43px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  text-transform: capitalize;
}

.crossmenu {
  display: none;
}

footer a:hover {
  color: var(--link-hover-color);
}

.lastfooterlink {
  padding: 0 0 0 20px;

  color: var(--text-color);

  text-decoration: none;

  font-size: 15px;

  color: #b2b2b2;
}

.lastfooterlink:hover {
  color: var(--link-hover-color);
}

footer {
  background: var(--footer-bg-color);

  color: var(--footer-text-color);

  padding: 2rem 0;
    z-index: 999999;
    width: 100%;
}

.copyrightlink {
  color: #b2b2b2;

  font-size: 14px;
}

.footerheading {
  color: white;

  font-size: 20px;

  letter-spacing: 0.3px;
}

.footer-main-links {
  font-family: Verdana, Geneva, sans-serif;

  font-size: 12px;

  color: #b2b2b2;

  text-decoration: none;

  line-height: 24px;

  font-variant: normal;

  text-transform: none;

  list-style: none;

  margin: 0;
}

.bottomfooter {
background: black;
    padding: 30px 0;
    position: absolute;
    z-index: 9;
    width: 100%;
    float: left;
}

.bottomfooter a:hover {
  color: var(--link-hover-color);
}

.quicklinks-switcher {
  display: inline-grid;

  gap: 0.2rem;

  position: fixed;

  right: 0;

  top: 40%;

  z-index: 1;
}

.quicklinks-switcher a {
  background-color: #175282;

  display: flex;

  flex-direction: column;

  justify-content: center;

  border-radius: 20px 0px 0px 20px;

  min-height: 65px;

  width: 60px;

  padding: 10px;

  color: #fff;

  text-decoration: none;

  text-align: center;

  font-size: 12px;

  line-height: 16px;

  font-weight: bold;

  text-transform: uppercase;

  transition: background-color 0.3s;
}

.btn {
  background: var(--text-color);

  color: var(--bg-color);

  border: none;

  padding: 0.5rem 1rem;

  cursor: pointer;

  border-radius: 5px;

  transition: background-color 0.3s;
}

.btn:hover {
  background-color: rgba(211, 210, 210, 0.7);
}

.theme-btn {
  border-radius: 50px;

  padding: 23px 10px;
}

.menu-ul {
  font-size: 14px;
}

@media (min-width: 992px) {
  .cm-menu-inner ul ul {
    position: absolute;

    top: 100%;

    left: 7px;

    background-color: var(--bg-color);

    min-width: 260px;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms linear;

    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);

    z-index: 1;

    border-radius: 10px;
  }

  .cm-menu-inner ul li.has-child {
    position: relative;
  }

  .cm-menu-inner ul li.has-child:hover > ul {
    opacity: 1;

    visibility: visible;
  }

  .cm-menu-inner ul ul ul {
    left: 100%;

    top: 0;
  }

  .cm-menu-inner {
    display: flex;

    justify-content: end;
  }

  .cm-menu-inner {
    display: flex !important;
  }

  /* .cm-menu-inner ul {

    display: block !important;

  } */

  .cm-menu-btn,
  .child-menu-btn {
    display: none;
  }
}

@media (max-width: 991px) {
  .cm-menu-inner {
    position: fixed;

    background-color: black;

    width: 100%;

    left: 0;

    top: 0;

    display: none;

    z-index: 13;

    height: 100vh;

    padding: 50px 0;

    overflow: auto;

    text-align: center;
  }

  .cm-menu-inner > ul {
    display: flex;

    position: relative;

    flex-direction: column;
  }

  .menu-ul {
    font-size: 16px;
  }

  .menu-ul li:last-child {
    order: -1;
  }

  .cm-menu-inner ul > li:hover .MainMenuClass:after {
    width: 0;
  }

  .cm-menu-inner > ul li a {
    color: white;

    padding: 18px 0;

    font-size: 1.9rem;

    text-transform: uppercase;
  }

  .cm-menu-inner > ul li a:hover {
    color: red;
  }

  .onclicksubmenu {
    width: 100%;

    position: relative;

    z-index: 1;
  }

  .MainMenuClass {
    font-size: 20px;
  }

  .child-menu-btn.fa.fa-plus::after {
    content: "";

    font-size: 18px;

    margin-right: -9px;

    color: black;

    margin-top: -3px;

    font-weight: 600;
  }

  ul .has-child ul .child-menu-btn.fa.fa-plus::after {
    content: "";
  }

  .cm-menu-inner > ul > li {
    float: none;

    padding: 0;

    margin-left: 0;

    position: relative;
  }

  /* .cm-menu-inner ul li > a {

    border-bottom: 1px solid #171717;

  } */

  .cm-menu-inner ul li a:hover {
    color: #2c75b4 !important;
  }

  .cm-menu-inner ul ul > li > a {
    padding-left: 0;

    font-size: 1.2rem;
  }

  .menu-ul ul li {
    background: #171717;

    border-bottom: 1px solid #2d2d2d;
  }

  .cm-menu-inner ul ul ul > li > a {
    padding-left: 0;
  }

  .cm-menu-btn {
    position: relative;

    /* top: 10px;

    left: 50%; */

    transform: translateX(-50%);

    font-size: 20px;

    color: var(--text-color);

    cursor: pointer;

    margin: auto;

    width: max-content;

    z-index: 3;
  }

  li.has-child {
    position: relative;
  }

  .child-menu-btn {
    color: var(--text-color);

    position: absolute;

    right: 0;

    /* line-height: 40px; */

    height: -webkit-fill-available;

    height: 100%;

    width: 100%;

    text-align: center;

    cursor: pointer;

    top: 0;
  }

  .plusicon {
    position: absolute;

    right: 20px;

    width: 15px;

    height: 15px;

    filter: invert(1);

    top: 26px;
  }

  .Minusicon {
    position: absolute;

    right: 20px;

    width: 15px;

    height: 15px;

    filter: invert(1);

    top: 26px;
  }

  ul li ul .child-menu-btn.fa.fa-plus {
    display: none;
  }

  .fa-plus {
    position: absolute;

    filter: invert(1);

    background-image: url(../images/plus.webp);

    background-size: 16px;

    background-position: right center;

    background-repeat: no-repeat;

    margin-right: 20px;

    height: 82px;
  }

  .fa-minus {
    position: absolute;

    filter: invert(1);

    background-image: url(../images/minus.webp);

    background-size: 16px;

    background-position: right center;

    background-repeat: no-repeat;

    margin-right: 20px;

    height: 82px;
  }

  /* .cm-menu-inner ul li > a strong {

    color: white;

  } */

  .dropdown {
    width: 100%;

    margin-bottom: 80px;
  }

  .dropbtn {
    padding: 4px 30px;

    font-size: 1.5rem;
  }

  .dropdown-content {
    position: relative;

    box-shadow: none;

    width: 100%;

    border-radius: 0;

    background-color: #171717;

    margin-top: 5px;
  }

  .crossmenu {
    display: block;

    color: white;

    right: 16px;

    position: absolute;

    z-index: 13;

    top: 15px;
  }

  .dropdown-content a {
    color: white !important;

    background: #171717;

    border-bottom: 1px solid #2d2d2d;
  }

  .dropdown:hover .dropbtn {
    color: white;
  }

  .cm-menu-inner ul ul {
    display: none;
  }

  .quicklinks-switcher {
    display: flex;

    left: auto;

    margin: auto;

    bottom: 0;

    top: auto;

    width: 100%;

    z-index: 10;
  }

  .quicklinks-switcher a {
    display: inline;

    font-size: 1rem;

    border-radius: 0;

    width: 100%;

    margin: auto 0px;

    min-height: auto;

    padding-left: 0;

    padding-right: 0;
  }

  .fetureservice1 {
    height: 200px;
  }

  .productbox {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .margin-top-bottom-20 {
    margin: 10px auto;
  }

  footer {
    text-align: center;
  }

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

  .bottomfooter .copyrightlink {
    text-align: center;

    margin-bottom: 10px;
  }

  .lastfooterlink {
    padding: 0 10px 0 10px;
  }

  .our-work-section-heading {
    margin-bottom: 10px;
  }

  .line {
    margin: 0 0 20px;
  }

  .rsi-button {
    margin-bottom: 6px;

    width: 100%;
  }

  .fetureservice1 {
    height: auto;
  }

  .productbox {
    height: auto;
  }

  .featurebottomline {
    bottom: -11px;
  }

  .features-boxes .column-child-width-1-5:last-child:before {
    height: 0;
  }

  header {
    padding: 0 10px;
  }
}

.headerline {
  width: 70px;
}

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

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

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

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-100 {
  margin-top: 100px;
}

.portfolio {
}

.portfolio-tabs {
  display: block;

  justify-content: center;

  margin-top: 20px;

  line-height: 3;
}

.portfolio-tab-button {
	background-color: #007bff00;
    color: black;
    border: none;
    padding: 18px 2px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    transition: background-color 0.3s ease;
}

.portfolio-tab-button:hover {
  color: #2c8bce;
}

.portfolio-tab-button.portfolio-active {
  color: #175282;

  text-decoration: underline;
}

.portfolio-tab-content {
  display: none;

  flex-wrap: wrap;

  justify-content: flex-start;

  cursor: pointer;
}

.portfolio-tab-content.portfolio-active {
  display: flex;
}

.portfolio-tab-content img {
  max-width: 100%;

  height: auto;

  margin: 10px;

  transition: transform 0.3s ease;
}

.portfolio-tab-content img:hover {
  transform: scale(1.05);
}

.image-container {
  position: relative;

  overflow: hidden;

  width: calc(100% * 1 / 3.001);

  box-sizing: border-box;

  height: 260px;

  margin: 5px 0;
}

.image-container img {
  max-width: 100%;

  height: auto;

  transition: transform 0.3s ease;

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);
}

.image-container:hover img {
  transform: scale(1.2);

  filter: grayscale(0%);

  -webkit-filter: grayscale(0%);
}

.overlay {
  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.7);

  color: white;

  display: block;

  align-content: center;

  justify-content: center;

  align-items: center;

  opacity: 0;

  transition: opacity 0.3s ease;
}

.image-container:hover .overlay {
  opacity: 1;
}

.overlay p {
  margin: 0;

  text-align: center;

  color: rgba(255, 255, 255, 0.7);
}

.overlay h3 {
  color: white;

  font-size: 20px;

  margin: 0;

  text-align: center;
}

.our-client-brands {
  position: relative;

  box-sizing: border-box;

  margin: 45px 0;
}

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

.newsdescription {
  display: -webkit-box;

  -webkit-line-clamp: 6;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  color: #525252;
}

.our-blog-box {
  position: relative;

  padding: 45px 0px;
}

.countinuemore {
  font-size: 14px;

  margin-top: 20px;

  text-decoration: underline;

  color: #006eff;
}

#openModalBtn {
  padding: 10px 20px;

  font-size: 16px;
}

.modal {
  display: none;

  position: fixed;

  z-index: 20;

  left: 0;

  top: 0;

  height: 100vh;

  width: 100%;

  overflow: auto;

  background-color: white;

  /* background-color: rgba(0, 0, 0, 0.4); */

  transition: all 0.3s ease-in-out;
}

.modal-content {
  position: relative;

  background-color: white;

  margin: auto;

  padding: 20px;

  /* border: 1px solid #888; */

  width: 80%;

  max-width: 600px;

  transition: all 0.3s ease-in-out;
}

.close {
  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

  position: absolute;

  right: 14px;

  top: 8px;
}

.close:hover,
.close:focus {
  color: black;

  text-decoration: none;

  cursor: pointer;
}

.modal-title {
  font-size: 2rem;

  line-height: 1.3;

  font-weight: 400;

  color: #747474;
}

@media (max-width: 600px) {
  .modal-content {
    width: 95%;

    /* margin-top: 30%; */
  }
}

@media (max-width: 400px) {
  .headerheading {
    font-size: 30px;
  }
}

/* Responsive Design */

@media (max-width: 768px) {
  /* .portfolio-tab-content {

    display: block !important;

    text-align: -webkit-center;

  } */

  .image-container {
    width: 100%;
  }

  .headerheading {
    font-size: 40px;
  }

  .portfolio-tabs {
    display: flex;

    flex-flow: column;
  }

  .portfolio-tab-button {
    padding: 5px 5px;

    background: #f3f3f3;
  }

  .portfolio-tab-button.portfolio-active {
    color: white;

    text-decoration: underline;

    background: #175282;
  }

  .portfolio-tab-content img {
    width: 100%;

    margin: 5px 0;
  }

  .heading-h1 {
    font-size: 20px;
  }

  .service-section-heading {
    margin-bottom: 30px;
  }

  .services-features {
    height: auto;
  }

  .tab-links {
    display: block;

    padding: 0;
  }

  .tab-links a {
    padding: 2px 26px;
  }

  .horizantal-line {
    margin: 10px auto;
  }
}

.latest-news-box {
  position: relative;

  background-color: #f3f3f3;

  padding: 45px 0px;
}

.datecategory {
  display: inline-block;

  margin-top: 10px;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  color: #acacac;

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.slider {
  overflow: hidden;

  width: 100%;

  margin: 20px auto;

  position: relative;
}

.slider-wrapper {
  display: flex;

  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 32.33%;

  position: relative;

  box-sizing: border-box;

  padding: 5px;

  margin: auto 5px;
}

.slide h3 {
  font-size: 20px;
}

.dots {
  text-align: center;

  margin-top: 20px;
}

.dots span {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;
}

.dots .active {
  background-color: #717171;
}

.second-slider {
  overflow: hidden;

  width: 100%;

  margin: 20px auto;

  position: relative;
}

.second-slider-wrapper {
  display: flex;

  transition: transform 0.5s ease-in-out;
}

.second-slide {
  min-width: 32.33%;

  position: relative;

  box-sizing: border-box;

  padding: 5px;

  margin: auto 5px;
}

.second-slide h3 {
  font-size: 20px;
}

.second-dots {
  text-align: center;

  margin-top: 20px;
}

.second-dots span {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;
}

.second-dots .active {
  background-color: #717171;
}

@media (max-width: 768px) {
  .slide {
    min-width: 50%;
  }

  .second-slide {
    min-width: 50%;
  }
}

@media (max-width: 480px) {
  .slide {
    min-width: 100%;
  }

  .second-slide {
    min-width: 100%;
  }
}

/* Theme styles */

.theme-default {
  --bg-color: white;

  --text-color: #747474;

  --accent-color: #f1f1f1;

  --link-color: #006eff;

  --link-hover-color: #2c75b4;

  --menu-text-color: #101010;

  --footer-bg-color: #2d2d2d;

  --footer-text-color: #bababa;

  --heading-color: #101010; /* Heading color for default theme */
}

.theme-dark {
  --bg-color: black;

  --text-color: white;

  --accent-color: #666;

  --link-color: #006eff;

  --link-hover-color: #2c75b4;

  --menu-text-color: white;

  --footer-bg-color: #2d2d2d;

  --footer-text-color: #bababa;

  --heading-color: white; /* Heading color for dark theme */
}

.theme-light {
  --bg-color: white;

  --text-color: black;

  --accent-color: #ccc;

  --link-color: #006eff;

  --link-hover-color: #2c75b4;

  --menu-text-color: #101010;

  --footer-bg-color: #2d2d2d;

  --footer-text-color: #bababa;

  --heading-color: #333; /* Heading color for light theme */
}

.lets-talk-footer {
  position: relative;

  background: #1b1b1b;

  color: #b2b2b2;
}

.SocialIcon {
  width: 29px;

  margin-right: 22px;
}

.footer-heading-talk {
  color: #b2b2b2;

  font-size: 32px;

  font-weight: 600;

  text-transform: capitalize;
}

.footer-enquiry {
  color: white !important;
}

.S {
  font-size: 45px !important;
}

.M {
  font-size: 55px !important;
}

.XL {
  font-size: 65px !important;
}

.Menu_Tabs_System {
  position: relative;

  background-color: #e7e7e7;

  margin-top: 20px;

  border-radius: 15px 15px 0px 0px;
}

.Menu_Tabs_System ul {
  list-style: none;
}

.menu_Tabs_ul li {
  display: block;

  float: left;

  line-height: 73px;
}

.menu_Tabs_ul li a {
  color: #161616;

  display: block;

  padding: 0px 8px;

  font-size: 0.94rem;
}

.menu_Tabs_ul li a:hover {
  color: #fff;

  background-color: #151515;

  display: block;

  border-radius: 15px 15px 0px 0px;
}

.download_btn {
  text-align: right;

  margin-right: 25px;
}

.download_btn a {
  padding: 12px 10px;

  background: #ff8652;

  font-size: 0.94rem;

  color: white;

  border-radius: 50px;
}

.FirstTheme-Second-Banner-Box {
  position: relative;

  background-color: #1d4da1;

  padding-top: 120px;

  padding-bottom: 80px;
}

.Banner-Triangle-up {
  background-image: url("../images/q-traingle-up.webp");

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: contain;

  height: 143px;
}

.Banner-Triangle-down {
  background-image: url("../images/q-traingle-down.webp");

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: contain;

  height: 143px;
}

.kioskimg1 {
  width: 102px;
}

.kioskimg2 {
}

.kioskimg3 {
  width: 127px;
}

.kioskimg4 {
}

.kioskimg5 {
}

.kioskimg6 {
  width: 96px;
}

.BannerSlideImage {
  margin: auto;

  text-align: center;
}

.CreativeBox {
  position: relative;

  display: flex;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;
}

.process-box-steps {
  width: 6%;

  height: auto;

  margin: 12px 63px;

  text-align: center;
}

.process-box-steps p {
  font-size: 15px;

  font-family: "Avant Grade", sans-serif;

  font-weight: 700;

  text-align: center;
}

.alert-success {
  background: green;

  color: white;
}

.alert-danger {
  background: red;

  color: white;
}

.right-arrow {
  width: 76px;

  height: 31px;

  text-align: center;

  color: #2c75b4;

  line-height: 75px;

  margin-top: 44px;

  background-image: url(../assets-performance/img/right-arrow.svg);

  background-size: 89px 31px;

  display: block;
}

.FirstTheme-Second-Box {
  background-color: #dfdfdf;
}

.Minimize_Heading {
  color: #1d4da1;

  margin-bottom: 50px;

  padding-top: 60px;
}

.Minimize-Box {
  background-color: #eeeeee;

  border-radius: 10px;

  padding: 20px;

  height: 200px;

  margin-bottom: 20px;
}

.FirstTheme-heading-h3 {
  color: #323232;

  margin-bottom: 0;
}

.FirstTheme-Third-Box {
  background-color: #d54a0c;
}

.FirstTheme-heading-h2 {
  color: #ffffff;

  text-align: center;

  line-height: 150px;
}

.FirstTheme-Tab-Content {
  margin-top: 20px;

  margin-bottom: 50px;
}

.FirstTheme-Tab-Content .tab {
  padding: 30px;

  border: 5px solid #d54a0c;

  background-color: #b9400a;

  border-radius: 50px;

  color: white;
}

.FirstTheme-Tab-heading {
  color: white;
}

.FirstTheme-Tab-Paragraph {
  color: white;
}

.FirstTheme-tab-links a {
  background: #ffffff00;

  color: white;

  padding: 0 14px;

  margin: 0 4px;

  font-family: "Trade Gothic", sans-serif;

  font-size: 1.1rem;

  font-style: normal;

  letter-spacing: -0.01em;

  -webkit-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;
}

.FirstTheme-tab-links a:hover {
  background-color: #932d00;

  border-radius: 40px;

  color: #ffe1e1;
}

.FirstTheme-tab-links li.active a {
  background-color: #932d00;

  color: white;

  border-radius: 40px;

  border-bottom: 0;
}

.FirstTheme-Fourth-Box {
  position: relative;

  padding: 50px 0;
}

.FirstTheme-Software-Heading {
  color: #f36525;

  margin: 0px;

  padding: 0px;
}

.FirstTheme-Hardware-Heading {
  color: #3c3c3c;

  margin: 0px;

  padding: 0px;

  line-height: 40px;
}

.FirstTheme-Hardware-Paragraph {
  color: #2e2e2e;

  margin: 0px;

  padding-top: 44px;
}

.FirstTheme-Hardware-Paragraph p {
  margin-bottom: 20px;
}

.FirstTheme-Fifth-Box {
  position: relative;

  background: #1d4da1;

  color: white;

  text-align: center;

  padding-top: 50px;

  padding-bottom: 20px;
}

.FirstTheme-Fifth-Box-Main-Heading {
  margin-bottom: 0;

  color: white;
}

.FirstTheme-Fifth-Box-ul {
  display: flex;

  flex-wrap: wrap;

  position: relative;

  list-style-type: none;

  justify-content: space-between;

  margin-top: 50px;
}

.FirstTheme-Icon_Heading_text {
  color: #fff;

  text-align: center;

  font-size: 15px;

  padding: 17px 0px;
}

.FirstTheme-Six-Box {
  position: relative;

  background: #d54a0c;

  color: white;

  text-align: center;

  padding-top: 50px;

  padding-bottom: 20px;
}

.FirstTheme-Six-Box-Main-Heading {
  margin-bottom: 0;

  color: white;
}

.SecondTheme-Heading-H2 {
  margin-top: 13px;

  font-size: 3.5rem;

  color: #444444;

  text-transform: uppercase;
}

.SecondTheme-Heading-Span {
  display: block;

  padding-left: 20px;

  color: #2568fb;

  line-height: 22px;
}

.SecondTheme-Heading-Span-Two {
  line-height: 60px;

  display: block;

  font-size: 1rem;

  color: #868686;

  letter-spacing: normal;

  padding-left: 47px;
}

.SecondTheme-RightSideImage {
  position: relative;

  height: 600px;
}

.SecondTheme-Header-Img1 {
  position: absolute;

  top: 206px;

  animation-duration: 2s;

  animation-name: slidein;

  animation-iteration-count: infinite;

  animation-direction: alternate;
}

.SecondTheme-Header-Img2 {
  position: absolute;

  top: 206px;

  right: 24px;

  animation-name: slidein;

  animation-iteration-count: infinite;

  animation-direction: alternate;
}

.SecondTheme-Header-Img3 {
  position: absolute;

  top: 116px;

  right: 58px;

  animation-name: slidein;

  animation-iteration-count: infinite;

  animation-direction: alternate;
}

.SecondTheme-Header-Img4 {
  position: absolute;

  top: 46px;

  right: 198px;
}

.SecondTheme-Header-Img5 {
  position: absolute;

  top: 128px;

  right: 450px;

  animation: zoom-in-zoom-out 2s ease infinite;
}

.SecondTheme-Header-Img6 {
  position: absolute;

  top: 225px;

  right: 425px;

  animation: zoom-in-zoom-out 2.2s ease infinite;
}

.SecondTheme-Header-Img7 {
  position: absolute;

  top: 294px;

  right: 368px;

  animation: zoom-in-zoom-out 2.4s ease infinite;
}

.SecondTheme-Header-Img8 {
  position: absolute;

  top: 410px;

  right: 120px;

  animation: zoom-in-zoom-out 2.6s ease infinite;
}

.SecondTheme-Header-Img9 {
  position: absolute;

  top: 400px;

  right: 35px;

  animation: zoom-in-zoom-out 2.6s ease infinite;
}

.SecondTheme-FirstBox {
  background-color: #f5f5f5;

  padding-top: 80px;

  padding-bottom: 80px;

  position: relative;
}

.SecondTheme-FirstBox-Heading {
  line-height: 58px;

  margin-bottom: 41px;

  font-size: 54px;
}

.SecondTheme-FirstBox p {
  margin-bottom: 20px;
}

.SecondTheme-FirstBox-Img {
  position: relative;
}

.SecondTheme-CashMachine-Img {
  position: absolute;

  top: 234px;

  left: 160px;
}

.SecondTheme-SecondBox {
  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;
}

.SecondTheme-SecondBox-Heading {
  color: #2568fb;

  line-height: 35px;

  margin-bottom: 40px;
}

.SecondTheme-SecondBox p {
  margin-bottom: 20px;
}

.SecondTheme-ThirdBox {
  position: relative;

  background-color: #2568fb;

  padding-top: 80px;

  padding-bottom: 80px;
}

.SecondTheme-ThirdBox-Heading {
  color: white;
}

.YellowColor {
  color: #fecd45;

  display: block;

  line-height: 40px;
}

.SecondTheme-ThirdBox p {
  margin-bottom: 20px;

  color: white;
}

.SecondTheme-ThirdBox-ul {
  display: flex;

  flex-wrap: wrap;

  position: relative;

  list-style-type: none;

  justify-content: space-between;

  margin-top: 50px;
}

.SecondTheme-FourthBox {
  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;
}

.SecondTheme-Feature-Box {
  padding: 15px;

  background: linear-gradient(70deg, #fafafa, #efefef);

  border-top-left-radius: 70px;

  border-bottom-right-radius: 30px;

  border: 1px solid #2c75b4;

  height: 250px;

  margin-bottom: 20px;
}

.SecondTheme-Feature-Box-Img {
  text-align: right;

  margin-bottom: 40px;
}

.SecondTheme-Feature-Box-Heading {
  text-transform: uppercase;

  color: #3f3f3f;

  margin-bottom: 5px;

  line-height: 22px;
}

.SecondTheme-Feature-Box p {
  line-height: 20px;
}

.SecondTheme-FifthBox {
  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;
}

.SecondTheme-FifthBox-BgColor {
  background: #2d2d2d;

  color: white;

  padding: 40px;

  border-radius: 50px;
}

.SecondTheme-FifthBox-GrayBox {
  margin: 40px 0 80px 0;
}

.orange_bar {
  background-color: #fecd45;

  text-transform: uppercase;

  font-size: 1rem;

  color: #313131;

  letter-spacing: 1px;

  width: 130px;

  text-align: center;

  line-height: 26px;

  border-radius: 67px;

  font-weight: 600;
}

.orange_bar_Number {
  font-size: 3rem;

  color: #ffffff;

  text-transform: uppercase;

  font-weight: 600;

  letter-spacing: 1px;

  line-height: 68px;
}

.orange_bar_small {
  font-size: 1.4rem;
}

.orange_bar_Text {
  color: #ffffff;

  text-transform: uppercase;
}

.SecondTheme-Six-Box {
  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;
}

.SecondTheme-Six-Box-BlueBox {
  background-color: #2568fb;

  border-radius: 80px 0px 0px 0px;

  padding: 35px;

  height: 630px;

  overflow: hidden;
}

.SecondTheme-Six-Box-YellowBox {
  background-color: #fecd45;

  border-radius: 0px 120px 0px 0px;

  padding: 35px;

  height: 630px;

  overflow: hidden;
}

.SecondTheme-Six-Box-Heading {
  color: white;
}

.SecondTheme-Six-Box-Span {
  font-size: 0.9rem;

  line-height: 20px;

  letter-spacing: 0.8px;

  color: white;

  display: block;
}

.ThirdTheme-Header-BgColor {
  background-color: #f6f5f8;

  padding-top: 100px;
}

.ThirdTheme-Header-Heading {
  text-align: center;

  font-size: 3.3rem;

  line-height: 53px;

  color: #0e0145;

  font-family: "Lexend", sans-serif;
}

.button_performance {
  background-color: #fa9389;

  border-radius: 20px;

  padding: 20px;

  margin: 30px auto;

  width: 28%;

  text-align: center;
}

.button_performance a {
  color: #652923;

  font-size: 20px;

  font-weight: 500;
}

.ThirdTheme-Header-Images-Body {
  position: relative;

  margin: auto;

  text-align: center;
}

.ThirdTheme-Img {
  animation: zoom-in-zoom-out 5s ease;
}

.ThirdTheme-Img1 {
  position: absolute;

  top: -100px;

  left: 94px;

  animation: fade-in-fade-out 5s ease;
}

.ThirdTheme-Img2 {
  position: absolute;

  top: 110px;

  left: -61px;

  animation: fade-in-fade-out 5s ease;
}

.ThirdTheme-Img3 {
  position: absolute;

  top: -80px;

  left: 835px;

  animation: fade-in-fade-out 5s ease;
}

.ThirdTheme-Img4 {
  position: absolute;

  top: 230px;

  left: 766px;

  animation: fade-in-fade-out 5s ease;
}

.ThirdTheme-Inner-Performance {
  position: relative;

  padding-top: 80px;

  padding-bottom: 80px;
}

.ThirdTheme-Inner-Box-Heading {
  text-align: center;

  line-height: 45px;

  color: #0e0145;
}

.ThirdTheme-Inner-Box-Paragraph {
  margin: 35px auto;

  text-align: center;
}

.MainBlueBox {
  position: relative;

  margin-bottom: 20px;
}

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

.BlueBox-Heading {
  font-size: 0.9rem;

  text-align: center;

  line-height: 1.2;

  padding-top: 10px;
}

.YellowBox-inner-box-black {
  background-color: #313131;

  padding: 10px;

  font-size: 11px;

  color: white;

  height: 35px;

  line-height: 11px;

  align-content: center;

  margin-bottom: 2px;
}

.YellowBox-inner-box-white {
  background-color: white;

  padding: 10px;

  font-size: 10px;

  color: black;

  height: 35px;

  align-content: center;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-bottom: 2px;
}

/* clients slider start*/

.clients-Slider {
  position: relative;
}

.clients-carousel-container {
  position: relative;

  width: 100%;

  overflow: hidden;
}

.clients-carousel-inner {
  display: flex;

  transition: transform 0.5s ease;

  align-items: center;
}

.clients-carousel-item {
  min-width: 20%;

  box-sizing: border-box;
}

.clients-carousel-item img {
  width: auto;
}

.clients-carousel-prev,
.clients-carousel-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background-color: rgba(0, 0, 0, 0.5);

  color: white;

  border: none;

  cursor: pointer;

  padding: 10px;

  font-size: 18px;
}

.clients-carousel-prev {
  left: 10px;

  display: none;
}

.clients-carousel-next {
  right: 10px;

  display: none;
}

.clients-carousel-dots {
  text-align: center;

  padding: 10px;

  margin: 20px auto;
}

.clients-dot {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  background-color: white;

  border: 1px solid #3333;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;
}

.clients-dot.active {
  background-color: #2c75b4;

  border: 1px solid #2c75b4;
}

/* our clients new */

.New-clients-Slider {
  position: relative;
}

.New-clients-carousel-container {
  position: relative;

  width: 100%;

  overflow: hidden;
}

.New-clients-carousel-inner {
  display: flex;

  transition: transform 0.5s ease;

  align-items: center;
}

.New-clients-carousel-item {
  min-width: 33.33333333%;

  box-sizing: border-box;
}

.New-clients-carousel-item img {
  width: auto;

  border-radius: 20px;
}

.New-clients-carousel-prev,
.New-clients-carousel-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background-color: rgba(0, 0, 0, 0.5);

  color: white;

  border: none;

  cursor: pointer;

  padding: 10px;

  font-size: 18px;
}

.New-clients-carousel-prev {
  left: 10px;

  display: none;
}

.New-clients-carousel-next {
  right: 10px;

  display: none;
}

.New-clients-carousel-dots {
  text-align: center;

  padding: 10px;

  margin: 20px auto;
}

.New-clients-dot {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  background-color: white;

  border: 1px solid #3333;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;
}

.New-clients-dot.active {
  background-color: #2c75b4;

  border: 1px solid #2c75b4;
}

/* Responsive adjustments */

@media (max-width: 1200px) {
  .clients-carousel-item {
    min-width: 33.33333333%;
  }

  .New-clients-carousel-item {
    min-width: 33.33333333%;
  }
}

@media (max-width: 992px) {
  .clients-carousel-item {
    min-width: 33.33%;
  }

  .New-clients-carousel-item {
    min-width: 33.33333333%;
  }
}

@media (max-width: 768px) {
  .clients-carousel-item {
    min-width: 50%;
  }

  .New-clients-carousel-item {
    min-width: 50%;
  }
}

@media (max-width: 576px) {
  .clients-carousel-item {
    min-width: 100%;
  }

  .New-clients-carousel-item {
    min-width: 100%;
  }
}

/* clients slider end*/

@media (min-width: 992px) {
  .lets-talk-footer {
    padding-top: 50px;

    padding-bottom: 50px;
  }
}

.carousel {
  position: relative;

  width: 100%;

  margin: auto;

  overflow: hidden;
}

.carousel-inner {
  display: flex;

  transition: transform 0.5s ease;
}

.carousel-item {
  min-width: 100%;

  background-color: white;

  transition: transform 0.5s ease;

  height: 640px;
}

.carousel-item img {
  width: 100%;

  display: block;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background-color: rgba(0, 0, 0, 0.5);

  color: white;

  border: none;

  font-size: 2em;

  cursor: pointer;

  padding: 10px;

  z-index: 1;
}

.carousel-control-prev {
  left: 10px;
}

.carousel-control-next {
  right: 10px;
}

.carousel-dots {
  text-align: center;

  position: absolute;

  bottom: 30px;

  width: 100%;
}

.SliderBG-Color1 {
  background-color: #330055;

  background-image: url("../images/sliderbg.svg");

  background-size: contain;

  padding-top: 100px;
}

.SliderBG-Color2 {
  background-color: #ffaa00;

  background-image: url("../images/sliderbg2.svg");

  background-size: cover;

  padding-top: 100px;
}

.SliderBG-Color3 {
  background-image: url("../images/sliderbg3.svg");

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 100px;
}

.carousel-dot {
  display: inline-block;

  width: 13px;

  height: 13px;

  margin: 3px;

  background-color: rgba(255, 255, 255, 0);

  border-radius: 50%;

  border: 2px solid white;

  cursor: pointer;
}

.carousel-dot.active {
  background-color: white;
}

.FourthTheame-Innerpagesection {
  position: relative;
}

.FourthTheame-SlideHeader-TextBox {
  position: relative;

  margin-top: 100px;
}

.FourthTheame-SlideHeader-Paragraph {
  font-size: 1.3rem;
}

.FourthTheame-SlideHeader-ImageBox {
  position: relative;
}

.FourthTheame-SlideHeader-Heading {
  font-weight: 800;

  line-height: 1;

  letter-spacing: 2px;
}

.FourthTheame-Web-Design-Company {
  position: relative;

  background: linear-gradient(143deg, #ffffff, #d7d7d7);

  /* background-size: cover; */

  background-size: 400% 400%;

  -webkit-animation: AnimationName 10s ease infinite;

  -moz-animation: AnimationName 10s ease infinite;

  animation: AnimationName 10s ease infinite;

  padding-top: 80px;

  padding-bottom: 80px;
}

.FourthTheame-Web-Design-TextBox {
  position: relative;
}

.FourthTheame-Web-Design-Heading {
  line-height: 40px;
}

.FourthTheame-Web-Design-TextBox p {
  position: relative;

  padding-top: 20px;

  padding-bottom: 40px;
}

.FourthTheame-SlideHeader-ImageBox img {
  height: 500px;
}

.FourthTheame-Slider-Two {
  background-color: #330055;

  background-image: url("../images/fourthsecondslider-bg.svg");

  background-size: contain;

  position: relative;

  overflow: hidden;

  max-width: 100%;

  margin: 0 auto;

  height: 25rem;
}

.FourthTheame-second-slider {
}

.FourthTheame-second-slide {
  position: absolute;

  top: 0;

  width: 100%;

  height: 25rem;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 1s;
}

.FourthTheame-second-slider__btn {
  position: absolute;

  bottom: 0;

  z-index: 10;

  border: none;

  background: rgb(255 255 255 / 0%);

  font-family: inherit;

  color: white;

  border-radius: 50%;

  height: 2.5rem;

  width: 1.5rem;

  cursor: pointer;
}

.FourthTheame-second-slider__btn--left {
  right: 6%;

  transform: translate(-50%, -50%);
}

.FourthTheame-second-slider__btn--right {
  right: 6%;

  transform: translate(50%, -50%);
}

.FourthTheame-second-dots {
  position: absolute;

  bottom: 5%;

  left: 50%;

  transform: translateX(-50%);

  display: none;
}

.FourthTheame-second-dots__dot {
  border: none;

  background-color: #b9b9b9;

  opacity: 0.7;

  height: 1rem;

  width: 1rem;

  border-radius: 50%;

  margin-right: 1.75rem;

  cursor: pointer;

  transition: all 0.5s;
}

.FourthTheame-second-dots__dot:last-child {
  margin: 0;
}

.FourthTheame-second-dots__dot--active {
  background-color: #888;

  opacity: 1;
}

.FourthTheame-second-testimonial {
  position: relative;
}

.FourthTheame-second-testimonial__header {
  margin-bottom: 1.5rem;
}

.FourthTheame-second-testimonial__text {
  color: white;

  font-size: 1rem;
}

.FourthTheame-Third-FlipSlider {
  position: relative;

  background-color: #000000;

  background-image: url("../images/flipslider-bg.svg");

  overflow: hidden;

  height: 540px;
}

.FlipSlider-card-stack {
  width: 80%;

  height: 250px;

  position: absolute;

  margin: 20px auto;

  left: 0;

  right: 0;
}

.FlipSlider-card-stack .FlipSlider-buttons {
  display: none;

  position: absolute;

  background: rgba(0, 0, 0, 0.46);

  border: 2px solid rgba(255, 255, 255, 0.7);

  border-radius: 50%;

  width: 40px;

  height: 40px;

  left: 0;

  top: 55%;

  color: rgba(255, 255, 255, 0.7);

  text-align: center;

  line-height: 35px;

  text-decoration: none;

  font-size: 22px;

  z-index: 100;

  outline: none;

  transition: all 0.2s ease;
}

.FlipSlider-card-stack .FlipSlider-buttons:hover {
  transform: scale(1.3, 1.3);
}

.FlipSlider-card-stack .FlipSlider-prev {
  left: 15px;

  top: 100%;

  right: auto;
}

.FlipSlider-card-stack .FlipSlider-next {
  left: auto;

  right: 15px;

  top: 100%;
}

.FlipSlider-card-stack .FlipSlider-carousel .FlipSlider-buttons:hover {
  color: #c01313;

  background: #fff;
}

.FlipSlider-card-stack .FlipSlider-card-list {
  width: 100%;
}

.FlipSlider-card-stack .FlipSlider-card-list__image {
  /* height: 200px; */
}

.FlipSlider-card-stack .FlipSlider-card-list__text {
  color: #fff;

  text-align: left;
}

.FlipSlider-card p {
  text-align: left;
}

.FlipSlider-card-stack .FlipSlider-card-list li {
  display: block;

  align-items: center;

  justify-content: center;

  transition: all 100ms ease-in-out;

  border-radius: 10px;

  position: absolute;

  list-style: none;

  height: 400px;

  left: 0;

  right: 0;

  margin: 0 auto;

  padding: 10px;

  overflow: hidden;

  text-align: center;

  align-content: center;

  -webkit-box-shadow: 0 2px 15px 1px rgba(225, 225, 225, 0.5);

  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.5);
}

.FlipSlider-card-stack .FlipSlider-card-list li:nth-child(1) {
  top: 24px;

  width: calc(100% - 48px);
}

.FlipSlider-card-stack .FlipSlider-card-list li:nth-child(2) {
  top: 36px;

  width: calc(100% - 36px);
}

.FlipSlider-card-stack .FlipSlider-card-list li:nth-child(3) {
  top: 48px;

  width: calc(100% - 24px);
}

.FlipSlider-card-stack .FlipSlider-card-list li:nth-child(4) {
  top: 60px;

  width: calc(100% - 12px);
}

.FlipSlider-card-stack .FlipSlider-card-list li:nth-child(5) {
  top: 72px;

  width: 100%;
}

.FlipSlider-card-stack:hover > .FlipSlider-buttons.FlipSlider-prev {
  display: block;

  animation: bounceInLeft 200ms;
}

.FlipSlider-card-stack:hover > .FlipSlider-buttons.FlipSlider-next {
  display: block;

  animation: bounceInRight 200ms;
}

.FlipSlider-transformThis {
  animation: scaleDown 500ms;
}

.FlipSlider-transformPrev {
  animation: scaleUp 100ms;

  display: none;
}

.flipcardbg1 {
  background: #1abc9c;
}

.flipcardbg2 {
  background: #2ecc71;
}

.flipcardbg3 {
  background: #3498db;
}

.flipcardbg4 {
  background: #9b59b6;
}

.flipcardbg5 {
  background: #34495e;
}

@keyframes scaleUp {
  0% {
    transform: scale(1.2) translateY(50px);

    opacity: 0;
  }

  20% {
    transform: scale(1.15) translateY(40px);

    opacity: 0.1;
  }

  40% {
    transform: scale(1.1) translateY(30px);

    opacity: 0.2;
  }

  60% {
    transform: scale(1.05) translateY(20px);

    opacity: 0.4;
  }

  80% {
    transform: scale(1.01) translateY(10px);

    opacity: 0.8;
  }

  100% {
    transform: scale(1) translateY(0);

    opacity: 1;
  }
}

@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0);

    opacity: 1;
  }

  20% {
    transform: scale(1.01) translateY(20px);

    opacity: 0.8;
  }

  40% {
    transform: scale(1.05) translateY(40px);

    opacity: 0.4;
  }

  60% {
    transform: scale(1.1) translateY(60px);

    opacity: 0.2;
  }

  80% {
    transform: scale(1.15) translateY(80px);

    opacity: 0.1;
  }

  100% {
    transform: scale(1.2) translateY(100px);

    opacity: 0;
  }
}

@keyframes scaleCard {
  0% {
    top: 5px;
  }

  100% {
    top: 24px;
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;

    transform: translateX(40px);
  }

  60% {
    opacity: 1;

    transform: translateX(20px);
  }

  80% {
    transform: translateX(20px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;

    transform: translateX(-40px);
  }

  60% {
    opacity: 1;

    transform: translateX(-20px);
  }

  80% {
    transform: translateX(20px);
  }

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

.FourthTheame-Slider-DuplicateTestimonial {
  background-color: #330000;

  background-image: url("../images/thirdslider-bg.svg");

  background-size: cover;

  background-attachment: fixed;

  position: relative;

  overflow: hidden;

  max-width: 100%;

  margin: 0 auto;

  height: 35rem;
}

.FourthTheame-DuplicateTestimonial-slider {
}

.FourthTheame-DuplicateTestimonial-slide {
  position: absolute;

  top: 0;

  width: 100%;

  height: 35rem;

  margin: 20px auto;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 1s;
}

.FourthTheame-DuplicateTestimonial-slider__btn {
  position: absolute;

  bottom: 0;

  z-index: 10;

  border: none;

  background: rgb(255 255 255 / 0%);

  font-family: inherit;

  color: white;

  border-radius: 50%;

  height: 2.5rem;

  width: 1.5rem;

  cursor: pointer;
}

.FourthTheame-DuplicateTestimonial-slider__btn--left {
  right: 6%;

  transform: translate(-50%, -50%);
}

.FourthTheame-DuplicateTestimonial-slider__btn--right {
  right: 6%;

  transform: translate(50%, -50%);
}

.FourthTheame-DuplicateTestimonial-dots {
  position: absolute;

  bottom: 5%;

  left: 50%;

  transform: translateX(-50%);

  display: none;
}

.FourthTheame-DuplicateTestimonial-dots__dot {
  border: none;

  background-color: #b9b9b9;

  opacity: 0.7;

  height: 1rem;

  width: 1rem;

  border-radius: 50%;

  margin-right: 1.75rem;

  cursor: pointer;

  transition: all 0.5s;
}

.FourthTheame-DuplicateTestimonial-dots__dot:last-child {
  margin: 0;
}

.FourthTheame-DuplicateTestimonial-dots__dot--active {
  background-color: #888;

  opacity: 1;
}

.FourthTheame-DuplicateTestimonial-testimonial {
  position: relative;
}

.FourthTheame-DuplicateTestimonial-testimonial__header {
  line-height: 1;

  margin-bottom: 1.5rem;

  text-transform: uppercase;
}

.FourthTheame-DuplicateTestimonial-testimonial__headerFive {
  line-height: 0;

  letter-spacing: 2px !important;

  margin-top: -30px;
}

.FourthTheame-portfolio-counter {
  font-family: "Avant Grade", sans-serif;

  font-size: 145px;

  color: #e0e0e0;

  opacity: 0.1;

  line-height: 32px;

  margin-top: 20px;
}

.FourthTheame-DuplicateTestimonial-testimonial__text {
  color: white;

  font-size: 1rem;
}

.span-new-main-black-heading {
  margin-top: -10px;

  display: block;
}

.performanceapprovalsystemslider .carousel-dot {
  border: 2px solid #474544;

  background-color: #474544;
}

.performanceapprovalsystemslider .carousel-dot:hover {
  background-color: #428cc6;

  border: 2px solid #428cc6;
}

.performanceapprovalsystemslider .carousel-dot.active {
  background-color: #428cc6;

  border: 2px solid #428cc6;
}

.performanceapprovalsystemslider .FourthTheame-SlideHeader-ImageBox img {
  height: auto;
}

.performanceapprovalsystemslider .FourthTheame-SlideHeader-TextBox {
  margin-top: 0;
}

.performanceapprovalsystemslider .carousel-item {
  height: 448px;

  align-content: center;
}

.CustomerJourneySliderHeight .carousel-item {
  height: 340px;
}

.CustomerJourneySliderHeight .carousel-dots {
  bottom: -12px;
}

.CustomerJourneySliderHeight .FourthTheame-SlideHeader-TextBox {
  padding: 0 20px;
}

.CustomerJourneySliderBG-Color1 {
  background-image: url(../images/j1.webp);

  background-repeat: no-repeat;

  background-size: contain;
}

.CustomerJourneySliderBG-Color2 {
  background-image: url(../images/j2.webp);

  background-repeat: no-repeat;

  background-size: contain;
}

.CustomerJourneySliderBG-Color3 {
  background-image: url(../images/j3.webp);

  background-repeat: no-repeat;

  background-size: contain;
}

.CustomerJourneySliderBG-Color4 {
  background-image: url(../images/j4.webp);

  background-repeat: no-repeat;

  background-size: contain;
}

.CustomerJourneySliderBG-Color5 {
  background-image: url(../images/j5.webp);

  background-repeat: no-repeat;

  background-size: contain;
}

.BlueColor {
  color: #428cc6 !important;
}

.BlackColor {
  color: Black !important;
}

.Customer-Journey-MiddlePeriod {
  position: relative;

  margin-top: 20px;
}

.MiddlePeriod-Box {
  position: relative;

  padding: 15px;

  margin-top: 20px;

  background: rgb(245, 245, 245);

  background: linear-gradient(
    6deg,
    rgba(245, 245, 245, 1) 0%,

    rgba(255, 255, 255, 1) 27%
  );

  border-radius: 23px;

  border: 1px solid #ececec;
}

.MiddlePeriod-Box-img {
  text-align: center;

  margin-bottom: 20px;
}

.MiddlePeriod-Box-heading h3 {
  text-align: center;

  font-size: 15px;

  line-height: 1.4;
}

.new_box_journey {
  padding: 40px;

  border: 1px solid #cdcdcd;

  border-radius: 20px;

  width: 100%;

  margin-bottom: 30px;
}

.width100per {
  width: 100%;
}

.caption-new {
  font-family: "Avant Grade", sans-serif;

  font-weight: 600;

  font-style: normal;

  letter-spacing: -0.04em;

  font-size: 17px;

  text-align: center;

  line-height: 65px;
}

.Box-innernew-new {
  background-color: #efefef;

  border-radius: 23px;

  padding: 15px;

  height: 220px;

  margin-bottom: 20px;
}

.Box-innernew-new-img {
  margin-bottom: 20px;

  text-align: center;
}

.h3heading-new {
  font-size: 14px;

  font-weight: normal;

  letter-spacing: 1px;

  line-height: 1.4;
}

.Inner-accordion {
  background: white;

  margin-bottom: 10px;
}

.Inner-accordion .accordion {
  background: white;
}

.Inner-accordion .activeaccordion {
  background: white;
}

.Inner-accordion .panel {
  background: #eaeaea;
}

.ThirdTheme-feature-box {
  position: relative;

  text-align: center;

  box-sizing: border-box;

  padding: 15px;
}

.ThirdTheme-feature-box-img {
  margin-bottom: 15px;
}

.ThirdTheme-feature-box-heading {
  margin-bottom: 15px;
}

.ThirdTheme-Inner-map {
  position: relative;

  background: #fafbff;

  padding-top: 80px;

  padding-bottom: 80px;
}

.DarkBlue {
  color: #0e0145 !important;
}

.ThirdTheme-Inner-Border-Img {
  position: relative;

  padding: 20px;
}

.ThirdTheme-grap_front {
  position: absolute;

  top: -38px;

  left: 33px;
}

.rsi-inner-page-circle-check-li {
  list-style: none;

  margin: 10px auto;
}

.rsi-inner-page-circle-check-li li {
  background-image: url(../images/bullets.avif);

  background-repeat: no-repeat;

  padding-left: 35px;

  background-position: top left;
}

.ThirdTheme-Inner-software-system {
  position: relative;

  padding-top: 40px;

  padding-bottom: 40px;

  box-sizing: border-box;
}

.ThirdTheme-Inner-software-system-img {
}

.arrow-li2 {
  margin-top: 20px;
}

.ul-li-class {
  font-size: 17px;

  font-weight: normal;

  letter-spacing: 0.5px;
}

/* Zohaib */

.margin-50 {
  margin: 20px 0px;
}

.new-sys-box {
  background-color: #f2f2f2;

  padding: 20px;

  margin-top: 10px;

  border-radius: 10px;
}

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

.white-box {
  float: left;

  width: 128px;

  /* margin-right: 3%; */

  padding: 0px;

  /* margin-top: 6%; */
}

.footer-enquiry2 {
  /* color: white !important; */
}

.arabicstyle {
  direction: rtl;
}

.blue-small {
  font-size: 30px;

  color: #2c75b4;

  line-height: 50px;
}

.img-arabic {
  float: left;

  padding: 30px 30px 0px 30px;
}

.main-blue-heading {
  margin: 0;

  font-size: 1.2rem;

  line-height: 1.612;

  color: #2c75b4;

  font-weight: 400;
}

.span_main-blue-heading {
  margin: 0;

  font-size: 45px !important;

  line-height: 45px !important;

  color: #2c75b4;

  font-weight: 800 !important;
}

.innernew-new-new22 {
  background: rgb(245, 245, 245);

  background: linear-gradient(
    6deg,
    rgba(245, 245, 245, 1) 0%,

    rgba(255, 255, 255, 1) 27%
  );

  border-radius: 23px;

  /* padding: 20px; */

  border: 1px solid #ececec;
}

.innernew-new-new22 {
  background: rgb(245, 245, 245);

  background: linear-gradient(
    6deg,
    rgba(245, 245, 245, 1) 0%,

    rgba(255, 255, 255, 1) 27%
  );

  border-radius: 23px;

  /* padding: 20px; */

  border: 1px solid #ececec;

  float: left;

  margin: 9px;

  width: 23%;
}

.new_box_journey {
  padding: 42px;

  border: 1px solid #cdcdcd;

  border-radius: 20px;

  width: 100%;

  margin-bottom: 30px;
}

.cs-img {
  width: 50%;
}

.uk-grid {
  display: flex;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;
}

.customer-feedback-box {
  padding: 20px;

  border: 1px solid #cdcdcd;

  border-radius: 10px;

  margin-bottom: 20px;
}

.q-cp {
  padding-left: 126px;
}

.q-icon2 {
  padding-left: 150px;
}

.wall1 {
  background: url(images/wall1.png) left top no-repeat;
}

.wall2 {
  background: url(images/wall2.png) left top no-repeat;
}

.wall3 {
  background: url(images/wall3.png) left top no-repeat;
}

.wall4 {
  background: url(images/wall4.png) left top no-repeat;
}

.wall-icon {
  padding-left: 160px;
}

.q-icon2 {
  padding-left: 150px;
}

.cf1 {
  background: url(../images/cf-1.png) left top no-repeat;
}

.cf2 {
  background: url(../images/cf-2.png) left top no-repeat;
}

.cf3 {
  background: url(../images/cf-3.png) left top no-repeat;

  height: 137px;
}

.cf4 {
  background: url(../images/cf-4.png) left top no-repeat;

  height: 128px;
}

.wrapper {
  width: 100%;

  background-size: cover;

  position: relative;

  overflow: hidden;

  display: flex;

  margin-top: 30px;
}

.content {
  margin: auto;

  width: 100%;

  max-width: 1200px;

  display: flex;

  align-items: center;

  position: relative;
}

.Empowingprogress {
  padding: 100px 0;
}

.sd-h1 {
  text-align: left;

  font-size: 18px;

  color: #16191d;

  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-weight: normal;

  letter-spacing: 0.3px;

  padding: 0px;

  line-height: 40px;
}

.sd-heading {
  text-align: left;

  font-size: 56px;

  color: #16191d;

  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-weight: normal;

  letter-spacing: 0.3px;

  padding: 0px;

  margin: 0px;

  line-height: 58px;
}

.sd-heading2 {
  text-align: right;

  font-size: 18px;

  color: #16191d;

  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-weight: normal;

  letter-spacing: 0.3px;

  padding: 0px;

  margin: 0px;

  line-height: 34px;
}

.sd-block2-text1 {
  text-align: left;

  font-size: 23px;

  color: #343434;

  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-weight: 600;

  margin: 90px 0px 0px 0px;
}

.sd-block2-text2 {
  text-align: left;

  font-size: 16px;

  color: #343434;

  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-weight: normal;

  margin-top: 30px;
}

.gradient-border {
  background: transparent;

  position: relative;

  border-radius: 15px;

  border: 3px solid #ff0004;

  border-image: linear-gradient(to right, #595959, #ffd74a) 15;
}

.sd-number-txt {
  text-align: center;

  display: block;

  font-size: 48px;

  color: #000;

  font-weight: 500;
}

#box {
  display: block;

  align-items: center;

  justify-content: center;

  align-content: center;

  height: 200px;

  font-size: 1.5rem;

  margin-bottom: 30px;
}

.sd-b2 {
  margin-top: 70px;
}

.sd-b3 {
  margin-top: -70px;
}

.sb-block-height {
  height: 760px;
}

.sd-txt {
  text-align: center;

  display: block;

  font-size: 18px;
}

.heading_left_sd {
  font-family: "Lexend", sans-serif;

  font-size: 45px;

  color: #434343;

  line-height: 49px;
}

.section {
  padding-top: 80px;

  padding-bottom: 80px;

  position: relative;
}

.sd-bullets li {
  list-style: none;

  background-image: url(../images/bullet.png);

  background-repeat: no-repeat;

  padding-left: 24px;

  background-position: 1px;
}

.sb-block-img1 {
  position: absolute;

  z-index: 9;

  top: 24px;
}

.sb-block-img2 {
  position: absolute;

  bottom: 0px;
}

.padding0 {
  padding-bottom: 0px !important;
}

.height112 {
  height: 547px;
}

.heading_left_sd3 {
  font-family: "Lexend", sans-serif;

  font-size: 45px;

  color: #434343;

  line-height: 49px;

  text-align: center;
}

.heading_sd3p {
  text-align: center;

  width: 80%;

  margin: 0 auto;
}

.header_sd3_img {
  text-align: center;

  margin: 60px 0px;
}

.CustomerAccounting {
  position: relative;
}

.sb-block-img6 {
  position: absolute;

  top: 60px;
}

.sb-block-img5 {
  position: absolute;

  top: 110px;
}

.sb-block-img7 {
  position: absolute;

  top: 370px;

  right: 0;
}

.team_heading_sd {
  color: #ffffff;

  font-size: 40px;

  line-height: 56px;

  font-weight: bold;

  letter-spacing: 1px;
}

.team_heading_sd_orange {
  color: #ffd74a;
}

.sd_white_team_font {
  font-size: 14px;

  color: #fff;

  letter-spacing: 0.3px;

  line-height: 20px;
}

.font-size-small-sd {
  font-size: 19px;
}

.heading_sd7p {
  text-align: center;

  width: 95%;

  margin: 0 auto;
}

.heading_sd7p2 {
  text-align: center;

  width: 95%;

  margin: 0 auto;
}

.iframe-wrapper {
  position: relative;

  overflow: hidden;

  height: 100%;
}

.item.service-box {
  position: relative;
}

.phonebody iframe {
  width: 256px;

  height: 520px;

  padding: 6px;

  border-radius: 36px;

  background: #000;

  align-self: center;

  position: relative;

  box-sizing: border-box;

  margin: 0 auto;

  display: block;
}

.innernew-new-new2 {
  background: linear-gradient(
    6deg,
    rgba(245, 245, 245, 1) 0%,

    rgba(255, 255, 255, 1) 27%
  );

  border-radius: 23px;

  padding: 20px;

  border: 1px solid #ececec;
}

.h3heading-newdigital {
  font-size: 15px;

  font-weight: normal;

  letter-spacing: 1px;
}

.digital-icon-24 {
  width: 51%;

  margin: 10px auto;

  display: block;
}

.imageimage {
  margin: 9px !important;

  cursor: pointer;

  border: 1px solid #adadad;

  padding: 20px;

  width: 193px;

  height: 120px;

  display: block;

  float: left;

  position: relative;

  border-radius: 12px;
}

.largeimagebox {
  visibility: hidden;

  opacity: 0;

  transition: visibility 0s linear 300ms, opacity 300ms;

  position: absolute;

  top: -5px;

  width: 250px;

  height: 50px;

  z-index: 99;

  left: -10px;
}

.hover-imge-class {
  padding: 20px;

  border: 1px solid #cdcdcd;

  border-radius: 10px;

  background: linear-gradient(
    6deg,
    rgba(221, 219, 219, 1) 0%,

    rgba(245, 245, 245, 1) 27%,

    rgba(255, 255, 255, 1) 67%
  );

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.text-client {
  font-size: 22px;

  line-height: 25px;

  margin-top: 20px;
}

.imageimage:hover .largeimagebox {
  visibility: visible;

  opacity: 1;

  transition: all -0.1s ease;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);
}

.big-num {
  font-size: 50px !important;

  color: #2c75b4;

  padding: 0;

  margin: 0;
}

.process-box-steps2 {
  width: 208px;

  height: auto;

  margin: 10px;

  text-align: center;

  margin-bottom: 40px;
}

.big-num-inner {
  margin: 0;

  padding: 0;

  font-size: 18px;
}

.item.service-box.style-one.uk-active > .inner,
.item.service-box.style-one:hover > .inner {
  background-color: #2c75b4 !important;

  padding-left: 70px;
}

.item.service-box.style-one > .inner {
  position: relative;

  background-color: #f3f3f3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding: 40px 30px;

  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  overflow: hidden;
}

.bg-soft-primary {
  background-color: #efefef !important;

  border-radius: 40px;

  padding: 30px;
}

.bx-wrapper {
  position: relative;

  margin-bottom: 60px;

  padding: 0;

  -ms-touch-action: pan-y;

  touch-action: pan-y;
}

.bg_performance2 {
  background-color: #e1f7dd;
}

.box_white_main {
  width: 31%;

  margin: 11px;

  height: 187px;
}

.white_box_new {
  background-color: #fff;

  border-radius: 10px;

  border: 1px solid #c0f0b8;

  float: left;

  padding: 10px;

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.main_heading_performance {
  text-align: center;

  font-size: 53px;

  line-height: 53px;

  color: #0e0145;

  font-family: "Lexend", sans-serif;
}

.box_white_heading {
  font-size: 22px;

  color: #0e0145;

  line-height: 30px;

  float: left;

  font-family: "Lexend", sans-serif;

  width: 180px;
}

.box_white_text {
  font-size: 17px;

  color: #8f8f8f;

  line-height: 23px;

  float: left;

  padding-top: 22px;
}

.box_white_image {
  float: right;

  width: 70px;

  height: 70px;
}

.heading_left {
  font-family: "Lexend", sans-serif;

  font-size: 45px;

  line-height: 49px;

  padding-top: 85px;
}

.brand_container {
  width: 100%;

  margin: 0 auto;

  text-align: center;
}

.brand_logo {
  width: 100px;

  height: 100px;

  display: inline-block;

  margin: 20px;
}

.brand-font {
  font-size: 18px;

  line-height: 20px;

  padding: 26px 0px;

  margin: 0px;

  font-weight: 500;

  letter-spacing: 0.4px;

  color: #626262;
}

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

.red_box {
  background-color: #fb6362;

  padding: 20px;

  float: left;

  border-radius: 30px;

  margin: 20px 0px;
}

.width-100 {
  width: 70%;

  text-align: center;

  color: #fff;

  margin: 0 auto;
}

.color_white {
  color: #fff;
}

.width-100 p {
  font-size: 16px;

  color: #fff;

  line-height: 23px;
}

.icons_box {
  border: 1px solid #d94d4b;

  border-radius: 8px;

  padding: 22px 0px;

  background: rgb(219, 94, 92);

  background: linear-gradient(
    180deg,
    rgba(219, 94, 92, 1) 0%,

    rgba(217, 77, 75, 1) 100%
  );

  margin-bottom: 20px;

  text-align: center;
}

.font-2 {
  font-size: 15px;

  line-height: 18px;
}

.position-relative {
  position: relative;
}

.icons_font {
  font-size: 15px;

  color: #fff;
}

.new_box_css {
  margin-top: 40px;
}

.bg-light {
  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-light-rgb), 1) !important;

  padding: 30px;
}

.new_box_1 {
  display: inline-block;

  text-align: center;

  width: 43%;

  font-size: 14px;

  position: absolute;

  top: -260px;

  left: 0px;
}

.new_box_2 {
  display: inline-block;

  text-align: center;

  width: 45%;

  font-size: 14px;

  position: absolute;

  top: -100px;

  left: 245px;
}

.new_box_3 {
  display: inline-block;

  text-align: center;

  width: 45%;

  font-size: 14px;

  position: absolute;

  top: 30px;

  left: 0px;
}

.btn-primary-23 {
  color: #fff;

  background-color: #ff725e !important;

  border-color: #ff725e !important;

  font-size: 15px;

  display: inline-block;

  font-weight: 700;

  line-height: 1.7;

  letter-spacing: -0.01rem;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  box-sizing: border-box;

  transform: translateY(0);

  padding: 0.5rem 1.2rem;

  font-size: 0.8rem;

  border-radius: 0.4rem;

  transition: all 0.2s ease-in-out;
}

.rounded-pill {
  border-radius: 50rem;
}

.small-icon-mob {
  width: 45px;

  height: 45px;

  padding-right: 10px;

  float: left;
}

.small-icon-text {
  float: left;

  padding-top: 13px;
}

.Fetureperformsystem {
  padding: 30px;
}

.style-one {
  width: 50%;

  padding-bottom: 20px;
}

/* Zohaib end  */

.box-services-one {
  position: relative;

  background-color: #f3f3f3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding: 40px 30px;

  -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);

  overflow: hidden;

  margin: 10px;

  width: 30% !important;

  font-weight: bold;

  font-size: 20px;

  font-family: "Avant Grade", sans-serif;
}

.box-services-one:hover {
  background-color: #2c75b4 !important;

  padding-left: 70px;

  color: white;

  font-weight: bold;
}
.lazy {
  opacity: 0;
  transition: opacity 0.3s;
}
.lazy-loaded {
  opacity: 1;
}


.defualt-fontbold{
	font-weight: bold;
}

.ai-bg{
	background-image:url("../images/ai-bg.jpg");
	background-repeat: no-repeat;
	background-position: center -2px;
	background-color:#1d1c46;
}

.main-header-shade-box {
    background-image: url(../images/ai-bg-2.png);
    background-repeat: no-repeat;
    padding: 37px;
    height: 450px;
    background-position: 5px -82px;
}

.features-box-ai {
    background-color: #4d3e6d;
    border-radius: 10px;
    margin: 10px;
    width: 395px !important;
}
.features-box-ai2 {
	background-color: #1d1c47;
    border-radius: 10px;
    margin: 10px;
    width: 304px !important;
    border: 1px solid #494891;
}
.heading_left_sd2white{
	color: white;
    font-size: 45px;
    padding-bottom: 48px;
}

.ai-h1 {
    color: white;
    font-size: 38px;
    text-transform: uppercase;
}
.ai-h2 {
    color: #52edc0;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.2px;
}
.ai-p {
    color: #d9d9da;
    font-size: 15px;
    line-height: 19px;
    border-top: 1px solid white;
    padding-top: 17px;
}
.aibutton {
    background-color: aqua;
    padding: 20px;
    margin-top: 26px;
    display: block;
    width: 30%;
    text-align: center;
    color: black;
    font-weight: 700;
    margin-bottom: 36px;
}
.ai-featureheading {
    font-size: 40px;
    color: white;
    border-bottom: 2px solid #19e5f0;
    width: 12%;
}

.ai-box-heading {
    float: left;
    color: white;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.ai-img-icon {
    float: right;
    padding: 10px;
}
.ai-step-txt-centre {
    text-align: center;
    width: 243px !important;
}

.ai-padding-top{
	padding-top: 75px;
}
.ai-heading-step{
	font-size: 20px;
    font-weight: 700;
    color: black;
	padding-bottom: 20px;
}
.ai-text-step{
	font-size: 16px;
    color: black;
	padding-top: 10px;
}
.ai-step-box-container{
	margin-top: 50px;
}
.features-box-ai-cat {
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px;
    width: 304px !important;
    border: 1px solid #c7c7c7;
    color: black;
}
.ai-box-headingblack{
	    float: left;
    color: black;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
	
}
.heading_left_sdai {
    font-family: "Lexend", sans-serif;
    font-size: 45px;
    color: #434343;
    line-height: 49px;
}
.ai-box-gray{
	background-color: #f6f6f6;
	border: 1px solid #ededed;
	border-radius:20px;
	padding: 20px;
	margin-bottom: 37px;
}

.aiheading{
    font-size: 35px;
    font-family: "Avant Grade", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.04em;
    line-height: 1;
	color:#222222;
	margin-bottom: 10px;
}

.btn-text-align{
	text-align: right;
}
.box1-bg{
background: #ffffff;
    border: 1px solid #e9e9e9;
    padding: 10px;
    position: relative;
    margin: 13px;
    text-align: center;
    width: 23% !important;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 14px -8px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
    overflow: hidden;
	
	
	
	
	
	
	
	
	
	
	
}
.box1-img {
    position: absolute;
    right: 11px;
}
.box1-text {
font-size: 22px;
    padding-bottom: 0px;
    font-weight: bold;
    color: #484848;
    font-family: "Avant Grade", sans-serif;
    line-height: 43px;
}
.box-1-icon{
	float:left;
}
.box1-f1{
	font-size: 16px;
    display: block;
    padding: 0px;
    line-height: 0px;
	color: #9e9e9e;
}
.box1-f2{
font-size: 22px;
    display: block;
    padding: 0px;
    line-height: 48px;
    font-weight: 800;
    color: black;
}

.ai-box-p{
    font-size: 0.9rem;
    line-height: 22px;
}
.box-img-center{
	text-align: center;
	margin-top: 5px;
}
.btn-agent1{
    border: 1px solid #AFAFAF;
    display: block;
    border-radius: 24px;
    height: 49px;
    line-height: 46px;
    color: #484848;
    font-weight: 600;
    margin-top: 23px;
    font-family: "Avant Grade", sans-serif;
    font-size: 14px;
    width: 70%;
    margin: 16px auto 0 auto;
}
.btn-agent1:hover{
	 border: 1px solid #2c75b3;
	background-color: #2a70ad;
	color: white;
}

.btn-robot1 {
    position: absolute;
    left: 18px;
    top: 113px;
}

.btn-robot2 {
    position: absolute;
    left: 23px;
    top: 110px;
}
.btn-robot3 {
    position: absolute;
    left: 42px;
    top: 111px;
}
.btn-robot4 {
    position: absolute;
    left: 24px;
    top: 111px;
}


.agent-p {
 font-size: 18px;
    color: #454545;
    line-height: 15px;
    padding-bottom: 21px;
}

.iphone-ui {
    position: relative;
    width: 400px;
    height: 625px;
    top: -134px;
    left: 246px;
}

.iphone-ui-image {
  width: 100%;
  height: 100%;
}

@keyframes blur-anim {
	100% {	filter: blur(100px) };
}

.mob-video{
	animation: blur-anim 160s linear forwards;
	margin-top: 30px;
}



.chat-container2 {
position: absolute;
    top: 10%;
    left: 31%;
    width: 38%;
    height: 99%;
    padding: 0px;
  
}

.message-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: -3px;
  opacity: 0;
  transform: translateY(30px);
}

.message-row.user {
  flex-direction: row-reverse;
}

.chat-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 10px;
}

.user-avatar {
  background-image: url("../assets/img/user-avatar.png");
  background-size: cover;
}

.ai-avatar {
  background-image: url("../assets/img/ai-avatar.png");
  background-size: cover;
}

.chat-bubble {
background: #e6f7ff;
    padding: 8px 15px;
    border-radius: 15px;
    max-width: 75%;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
}

.message-row.user .chat-bubble {
  background: #d9fdd3;
}

.typing {
  display: flex;
  gap: 5px;
  visibility: hidden; /* Initially hidden */
}

.typing span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
  animation: blink 1.5s infinite;
}

.typing span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing span:nth-child(3) {
  animation-delay: 0.4s;
}