@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');



:root {
  --background-color: #ffffff;
  --default-color: #000000;
  --heading-color: #2d465e;
  --accent-color: #0092d8;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
}

/* Nav Menu Colors  */
:root {
  --nav-color: #212529;
  --nav-hover-color: #0092d8;
  --nav-mobile-background-color: #ffffff;

}

.container {
  max-width: 1700px;
}


body {
  font-family: "Manrope", serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  overflow-x: hidden;
  background-color: white;
}

/* header */
.header {
  --background-color: rgba(255, 255, 255, 0);
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 10px 0px;
  transition: all 0.5s;
  z-index: 997;

}


.header .header-container {
  background: var(--surface-color);
  border-radius: 45px;
  padding: 0px 55px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  text-decoration: none;

}

.scrolled .header .header-container {
  background: color-mix(in srgb, var(--surface-color), transparent 5%);

}

.header .logo {
  line-height: 1;
  padding-left: 5px;
  margin: -17px;
}

.header .logo img {
  max-height: 140px;
  margin-right: 8px;

}

.navmenu a {
  text-decoration: none;
  background-color: #ffffff;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {

  text-decoration: none;
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

.navmenu .dropdown ul {
  background-color: white;
  padding: 0;

  margin: 0;
  list-style: none;
}

/* Optional: Style the dropdown items */
.navmenu .dropdown ul li a {
  color: black;
  padding: 15px 15px;
  text-decoration: none;
  display: block;
  padding-bottom: 21px !important;
}

.navmenu .dropdown ul li a.last-child {
  padding-bottom: 10px !important;
}

.navmenu .dropdown ul li {
  color: black;

  margin-top: -9px;
  text-decoration: none;
  display: block;
}

/* Optional: Add hover effect */
.navmenu .dropdown ul li a:hover {
  background-color: var(--accent-color);
}


@media (max-width: 1200px) {
  .header {
    padding-top: 10px;
  }

  .header .header-container {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 5px 10px 15px;
  }

  .header .logo {
    order: 1;
    padding-left: 30px;
  }

  .header .btn-getstarted {
    order: 2;
    margin: 0 10px 0 0;
    padding: 6px 15px;
  }

  .header .navmenu {
    order: 3;
  }
}

@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:last-child a {
    padding-right: 0;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-hover-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: 100%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    right: 100%;
    visibility: visible;
    width: 115%;
  }
}

/* Navmenu - Mobile */
@media (max-width: 1199px) {

  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;

  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-mobile-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}




/* hero  */
.about-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}




/* contact form */

.contact .info-box {
  background-color: var(--accent-color);
  color:   var(--accent-color);;
  padding: 3rem;
  border-radius: 1rem;
  height: 100%;
  margin-top: 50px;
}

.contact .info-box h3 {
  color:   var(--accent-color);;
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .contact .info-box h3 {
    font-size: 1.75rem;
  }
}

.contact .info-box p {
  opacity: 0.8;
  margin-bottom: 2rem;
}

.contact .info-box a {
  color:   var(--accent-color);;
}

@media (max-width: 992px) {
  .contact .info-box {
    padding: 1.5rem;
  }
}

.contact .info-item {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.contact .info-item:last-child {
  margin-bottom: 0;
}

.contact .info-item .icon-box {
  width: 3.5rem;
  height: 3.5rem;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.contact .info-item .icon-box i {
  font-size: 1.5rem;
  color:   var(--accent-color);;
}

.contact .info-item:hover .icon-box {
  background-color: black
}

.contact .info-item .content h4 {
  color:   var(--accent-color);;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.contact .info-item .content p {
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}

.contact .info-item .content p:last-child {
  margin-bottom: 0;
}

.contact .contact-form {
  background-color: var(--surface-color);
  padding: 3rem;
  border-radius: 1rem;
  height: 100%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  margin-top: 50px;

}

@media (max-width: 992px) {
  .contact .contact-form {
    padding: 1.5rem;
  }
}

.contact .contact-form h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .contact .contact-form h3 {
    font-size: 1.75rem;
  }
}

.contact .contact-form p {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 2rem;
}

.contact .contact-form .form-control,
.contact .contact-form .form-select {
  padding: 0.875rem 1.25rem;
  border-color: color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 0.5rem;
  background-color: color-mix(in srgb, var(--surface-color) 90%, white 5%);
  color: var(--default-color);
}

.contact .contact-form .form-control:focus,
.contact .contact-form .form-select:focus {
  box-shadow: none;
  border-color: var(--accent-color);
}

.contact .contact-form .form-control::placeholder,
.contact .contact-form .form-select::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

.contact .contact-form .btn {
  background-color: var(--accent-color);
  color:   var(--accent-color);;
  padding: 1rem 2rem;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: 0.3s;
}

.contact .contact-form .btn i {
  font-size: 1.25rem;
}

.contact .contact-form .btn:hover {
  background-color: black
}


/* maps */
.location-card {
  transition: transform 0.3s ease;
}

.location-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.map-embed {
  border: 0;
  width: 100%;
  height: 250px;
}


/* Footer */
.footer {
  color: var(--default-color);
  font-size: 14px;
  position: relative;
  background-image: url('pics/darkergreyfooter.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  font-family: "Manrope", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: white;
}

.fot-btn {
  transition: background-color 0.3s ease;
  /* Smooth transition */
  background-color: var(--accent-color);
  color: #fdfdfd;
  padding: 1rem 2rem;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
  text-decoration: none;
}

.fot-btn:hover {
  background-color: black !important;
  /* Change to black on hover */
  color: white;
  /* Optional: change text color to white on hover */
}

.footer .footer-about .logo img {
  max-height: 160px;
  margin-right: 6px;
  width: 200px;

}

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

.footer .footer-about p {
  font-size: 16px;
  padding-left: 10px;
  color: white;
}

.footer .social-links a {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-right: 20px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.footer h4 {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
  margin-top: 60px;

}

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

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;

}

.footer .footer-links ul li a {
  padding: 10px 0;
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
}

.footer .footer-links ul a {
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  display: inline-block;
  color: white;
}

.footer .footer-contact p {
  margin-bottom: 5px;
}

.footer .copyright {
  padding: 25px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  color: rgb(255, 255, 255);
}

.footer .credits {
  margin-top: 8px;
  font-size: 13px;
}

.footer-contact,
footer .footer-links ul li a:hover {
  color: var(--accent-color);
}

.contact-footer-links a{
  color: #ffffff;
  text-decoration: none;
}


/* Custom */

@keyframes move-plane {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0)
  }
}

@keyframes move-map {
  0% {
    -webkit-transform: translate3d(40%, 0, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceAlpha {

  0%,
  55% {
    opacity: 1;
    transform: translate(0) scale(1)
  }

  25% {
    opacity: 0;
    transform: translate(10px) scale(.9)
  }

  26% {
    opacity: 0;
    transform: translate(-10px) scale(.9)
  }
}

@keyframes stats-bg {
  0% {
    -webkit-transform: translate3d(50%, 0, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0)
  }
}

@keyframes swipe {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes gallerySlider {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-100%)
  }
}

@keyframes marquee {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-100%)
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

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

  to {
    transform: rotate(360deg)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes expandWidth {
  0% {
    width: 0;
    opacity: 0
  }

  to {
    width: 238px;
    opacity: 1
  }
}

@keyframes left-animates {
  0% {
    opacity: 0;
    transform: translate(-100px)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes right-animates {
  0% {
    opacity: 0;
    transform: translate(100px)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes top-animates {
  0% {
    opacity: 0;
    transform: translateY(-100px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes bottom-animates {
  0% {
    opacity: 0;
    transform: translateY(100px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fade-in2 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

:after,
:before {
  --tw-content: ""
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  /* font-family: var(--aw-font-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
  font-feature-settings: normal;
  font-variation-settings: normal
}

body {
  margin: 0;
  line-height: inherit;
  font-family: "Inter", var(--aw-font-heading) !important
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

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

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

a {
  color: inherit;
  text-decoration: none !important
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  /* font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; */
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

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

:-moz-focusring {
  outline: auto
}

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

progress {
  vertical-align: baseline
}

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

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

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

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

summary {
  display: list-item
}

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

fieldset,
menu,
ol,
ul {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none
}

textarea {
  resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af
}

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

:disabled {
  cursor: default
}

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

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

[hidden] {
  display: none
}

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

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

.container {
  width: 100%
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose] *)),
.prose :where(blockquote strong):not(:where([class~=not-prose] *)),
.prose :where(thead th strong):not(:where([class~=not-prose] *)) {
  color: inherit
}

.prose :where(ol):not(:where([class~=not-prose] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
  list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
  list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) {
  list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) {
  list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
  list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
  list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) {
  list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) {
  list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
  list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
  color: var(--tw-prose-bullets)
}

.prose :where(hr):not(:where([class~=not-prose] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: .25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "“" "”" "‘" "’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
  content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
  content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: .8888889em;
  line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose] *)) {
  font-weight: 900;
  color: inherit
}

.prose :where(h2):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose] *)) {
  font-weight: 800;
  color: inherit
}

.prose :where(h3):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: .6em;
  line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose] *)) {
  font-weight: 700;
  color: inherit
}

.prose :where(h4):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: .5em;
  line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose] *)) {
  font-weight: 700;
  color: inherit
}

.prose :where(img):not(:where([class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose :where(figure>*):not(:where([class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-captions);
  font-size: .875em;
  line-height: 1.4285714;
  margin-top: .8571429em
}

.prose :where(code):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose] *)):after,
.prose :where(code):not(:where([class~=not-prose] *)):before {
  content: "`"
}

.prose :where(a code):not(:where([class~=not-prose] *)),
.prose :where(h1 code):not(:where([class~=not-prose] *)) {
  color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose] *)) {
  color: inherit;
  font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose] *)) {
  color: inherit;
  font-size: .9em
}

.prose :where(blockquote code):not(:where([class~=not-prose] *)),
.prose :where(h4 code):not(:where([class~=not-prose] *)),
.prose :where(thead th code):not(:where([class~=not-prose] *)) {
  color: inherit
}

.prose :where(pre):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: .875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: .375rem;
  padding: .8571429em 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose] *)):after,
.prose :where(pre code):not(:where([class~=not-prose] *)):before {
  content: none
}

.prose :where(table):not(:where([class~=not-prose] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: .5714286em;
  padding-bottom: .5714286em;
  padding-left: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
  border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose] *)) {
  vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose] *)) {
  vertical-align: top
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75
}

.prose :where(figure):not(:where([class~=not-prose] *)),
.prose :where(video):not(:where([class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose :where(li):not(:where([class~=not-prose] *)) {
  margin-top: .5em;
  margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose] *)),
.prose :where(ul>li):not(:where([class~=not-prose] *)) {
  padding-left: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 1.25em
}

.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 1.25em
}

.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose :where(h2+*):not(:where([class~=not-prose] *)),
.prose :where(h3+*):not(:where([class~=not-prose] *)),
.prose :where(h4+*):not(:where([class~=not-prose] *)),
.prose :where(hr+*):not(:where([class~=not-prose] *)) {
  margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
  padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
  padding-right: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
  padding: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
  padding-left: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
  padding-right: 0
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 0
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778
}

.prose-lg :where(p):not(:where([class~=not-prose] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em
}

.prose-lg :where(blockquote):not(:where([class~=not-prose] *)) {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em
}

.prose-lg :where(h1):not(:where([class~=not-prose] *)) {
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: .8333333em;
  line-height: 1
}

.prose-lg :where(h2):not(:where([class~=not-prose] *)) {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333
}

.prose-lg :where(h3):not(:where([class~=not-prose] *)) {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: .6666667em;
  line-height: 1.5
}

.prose-lg :where(h4):not(:where([class~=not-prose] *)) {
  margin-top: 1.7777778em;
  margin-bottom: .4444444em;
  line-height: 1.5555556
}

.prose-lg :where(figure):not(:where([class~=not-prose] *)),
.prose-lg :where(img):not(:where([class~=not-prose] *)),
.prose-lg :where(video):not(:where([class~=not-prose] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg :where(figure>*):not(:where([class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0
}

.prose-lg :where(figcaption):not(:where([class~=not-prose] *)) {
  font-size: .8888889em;
  line-height: 1.5;
  margin-top: 1em
}

.prose-lg :where(code):not(:where([class~=not-prose] *)) {
  font-size: .8888889em
}

.prose-lg :where(h2 code):not(:where([class~=not-prose] *)) {
  font-size: .8666667em
}

.prose-lg :where(h3 code):not(:where([class~=not-prose] *)) {
  font-size: .875em
}

.prose-lg :where(pre):not(:where([class~=not-prose] *)) {
  font-size: .8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: .375rem;
  padding: 1em 1.5em
}

.prose-lg :where(ol):not(:where([class~=not-prose] *)),
.prose-lg :where(ul):not(:where([class~=not-prose] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em
}

.prose-lg :where(li):not(:where([class~=not-prose] *)) {
  margin-top: .6666667em;
  margin-bottom: .6666667em
}

.prose-lg :where(ol>li):not(:where([class~=not-prose] *)),
.prose-lg :where(ul>li):not(:where([class~=not-prose] *)) {
  padding-left: .4444444em
}

.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose] *)) {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 1.3333333em
}

.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg :where(hr):not(:where([class~=not-prose] *)) {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em
}

.prose-lg :where(h2+*):not(:where([class~=not-prose] *)),
.prose-lg :where(h3+*):not(:where([class~=not-prose] *)),
.prose-lg :where(h4+*):not(:where([class~=not-prose] *)),
.prose-lg :where(hr+*):not(:where([class~=not-prose] *)) {
  margin-top: 0
}

.prose-lg :where(table):not(:where([class~=not-prose] *)) {
  font-size: .8888889em;
  line-height: 1.5
}

.prose-lg :where(thead th):not(:where([class~=not-prose] *)) {
  padding-right: .75em;
  padding-bottom: .75em;
  padding-left: .75em
}

.prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)) {
  padding-left: 0
}

.prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)) {
  padding-right: 0
}

.prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
  padding: .75em
}

.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
  padding-left: 0
}

.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
  padding-right: 0
}

.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose] *)) {
  margin-top: 0
}

.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose] *)) {
  margin-bottom: 0
}

.text-page {
  color: var(--aw-color-text-page)
}

.text-muted {
  color: var(--aw-color-text-muted)
}

.nav-links {
  color: var(--aw-color-nav)
}

.font-heading {
  color: var(--aw-color-bg-page)
}

.clients-bg .clients-subtitle span {
  font-weight: 700;
  font-size: 38px;
  line-height: 54px;
  letter-spacing: .18px;
  background: linear-gradient(237.11deg, #fb6ac1 22.08%, #d23cea 69.64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.btn,
.btn:hover {
  --tw-border-opacity: 1
}

.btn {
  color: var(--aw-color-text-page);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(156 163 175/var(--tw-border-opacity));
  background-color: transparent;
  padding: .875rem 1.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 1.375;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.btn:hover {
  border-color: rgb(75 85 99/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.btn:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #bfdbfe
}

:is(.dark .btn) {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity))
}

:is(.dark .btn:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.btn-ghost {
  color: var(--aw-color-text-muted);
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-ghost:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity))
}

:is(.dark .btn-ghost) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity))
}

:is(.dark .btn-ghost:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-primary,
.btn-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-primary {
  border-color: var(--aw-color-primary);
  background-color: var(--aw-color-primary);
  font-weight: 600
}

.btn-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

:is(.dark .btn-primary) {
  border-color: var(--aw-color-primary);
  background-color: var(--aw-color-primary);
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .btn-primary:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

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

.pointer-events-none {
  pointer-events: none
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-0 {
  inset: 0
}

.bottom-0 {
  bottom: 0
}

.bottom-24 {
  bottom: 6rem
}

.left-0 {
  left: 0
}

.right-0 {
  right: 0
}

.right-14 {
  right: 3.5rem
}

.right-32 {
  right: 8rem
}

.right-7 {
  right: 1.75rem
}

.top-0 {
  top: 0
}

.isolate {
  isolation: isolate
}

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

.z-0 {
  z-index: 0
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-30 {
  z-index: 30
}

.z-40 {
  z-index: 40
}

.z-50 {
  z-index: 50
}

.col-span-1 {
  grid-column: span 1/span 1
}

.col-span-12 {
  grid-column: span 12/span 12
}

.float-right {
  float: right
}

.clear-both {
  clear: both
}

.m-0 {
  margin: 0
}

.m-10 {
  margin: 2.5rem
}

.m-8 {
  margin: 2rem
}

.m-auto {
  margin: auto
}

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

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

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem
}

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

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.-mb-12 {
  margin-bottom: -3rem
}

.-mb-2 {
  margin-bottom: -.5rem
}

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

.-ml-1 {
  margin-left: -.25rem
}

.-ml-1\.5 {
  margin-left: -.375rem
}

.-ml-2 {
  margin-left: -.5rem
}

.-ml-3 {
  margin-left: -.75rem
}

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

.-mr-5 {
  margin-right: -1.25rem
}

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

.-mt-0\.5 {
  margin-top: -.125rem
}

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

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

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

.-mt-\[115px\] {
  margin-top: -115px
}

.-mt-\[95px\] {
  margin-top: -95px
}

.mb-0 {
  margin-bottom: 0
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-11 {
  margin-bottom: 2.75rem
}

.mb-12 {
  margin-bottom: 3rem
}

.mb-14 {
  margin-bottom: 3.5rem
}

.mb-16 {
  margin-bottom: 4rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-2\.5 {
  margin-bottom: .625rem
}

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

.mb-3 {
  margin-bottom: .75rem
}

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

.mb-36 {
  margin-bottom: 9rem
}

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

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

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

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

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: .25rem
}

.ml-1\.5 {
  margin-left: .375rem
}

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

.ml-2 {
  margin-left: .5rem
}

.ml-20 {
  margin-left: 5rem
}

.ml-36 {
  margin-left: 9rem
}

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

.ml-48 {
  margin-left: 12rem
}

.ml-auto {
  margin-left: auto
}

.mr-0 {
  margin-right: 0
}

.mr-1 {
  margin-right: .25rem
}

.mr-2 {
  margin-right: .5rem
}

.mr-20 {
  margin-right: 5rem
}

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

.mr-5 {
  margin-right: 1.25rem
}

.mr-7 {
  margin-right: 1.75rem
}

.mr-auto {
  margin-right: auto
}

.mt-0 {
  margin-top: 0
}

.mt-1 {
  margin-top: .25rem
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-11 {
  margin-top: 2.75rem
}

.mt-12 {
  margin-top: 3rem
}

.mt-14 {
  margin-top: 3.5rem
}

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

.mt-2 {
  margin-top: .5rem
}

.mt-2\.5 {
  margin-top: .625rem
}

.mt-20 {
  margin-top: 5rem
}

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

.mt-3 {
  margin-top: .75rem
}

.mt-36 {
  margin-top: 9rem
}

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

.mt-48 {
  margin-top: 12rem
}

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

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

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

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.list-item {
  display: list-item
}

.hidden {
  display: none
}

.h-0 {
  height: 0
}

.h-1 {
  height: .25rem
}

.h-1\.5 {
  height: .375rem
}

.h-10 {
  height: 2.5rem
}

.h-12 {
  height: 3rem
}

.h-14 {
  height: 3.5rem
}

.h-16 {
  height: 4rem
}

.h-3 {
  height: .75rem
}

.h-3\.5 {
  height: .875rem
}

.h-4 {
  height: 1rem
}

.h-5 {
  height: 1.25rem
}

.h-52 {
  height: 13rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-\[calc\(100vh-72px\)\] {
  height: calc(100vh - 72px)
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.min-h-\[500px\] {
  min-height: 500px
}

.w-1 {
  width: .25rem
}

.w-1\.5 {
  width: .375rem
}

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

.w-1\/3 {
  width: 33.333333%
}

.w-1\/4 {
  width: 25%
}

.w-10 {
  width: 2.5rem
}

.w-11 {
  width: 2.75rem
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-2\/3 {
  width: 66.666667%
}

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

.w-2\/5 {
  width: 40%
}

.w-2\/6 {
  width: 33.333333%
}

.w-3 {
  width: .75rem
}

.w-3\.5 {
  width: .875rem
}

.w-3\/4 {
  width: 75%
}

.w-3\/5 {
  width: 60%
}

.w-4 {
  width: 1rem
}

.w-4\/12 {
  width: 33.333333%
}

.w-5 {
  width: 1.25rem
}

.w-52 {
  width: 13rem
}

.w-6 {
  width: 1.5rem
}

.w-7 {
  width: 1.75rem
}

.w-8\/12 {
  width: 66.666667%
}

.w-auto {
  width: auto
}

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

.w-full {
  width: 100%
}

.w-max {
  width: -moz-max-content;
  width: max-content
}

.w-px {
  width: 1px
}

.max-w-2xl {
  max-width: 42rem
}

.max-w-3xl {
  max-width: 48rem
}

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

.max-w-5xl {
  max-width: 64rem
}

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

.max-w-7xl {
  max-width: 98rem
}

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

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

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

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

.max-w-screen-md {
  max-width: 768px
}

.max-w-xl {
  max-width: 36rem
}

.max-w-xs {
  max-width: 20rem
}

.flex-auto {
  flex: 1 1 auto
}

.flex-none {
  flex: none
}

.flex-shrink {
  flex-shrink: 1
}

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

.grow {
  flex-grow: 1
}

.basis-1\/2 {
  flex-basis: 50%
}

.basis-1\/3 {
  flex-basis: 33.333333%
}

.basis-1\/4 {
  flex-basis: 25%
}

.basis-2\/5 {
  flex-basis: 40%
}

.basis-3\/5 {
  flex-basis: 60%
}

.basis-full {
  flex-basis: 100%
}

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

.cursor-pointer {
  cursor: pointer
}

.resize {
  resize: both
}

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

.list-disc {
  list-style-type: disc
}

.columns-1 {
  -moz-columns: 1;
  columns: 1
}

.grid-flow-row {
  grid-auto-flow: row
}

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

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

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

.flex-row {
  flex-direction: row
}

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

.flex-col {
  flex-direction: column
}

.flex-nowrap {
  flex-wrap: nowrap
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

.justify-start {
  justify-content: flex-start
}

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

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

.justify-around {
  justify-content: space-around
}

.justify-evenly {
  justify-content: space-evenly
}

.justify-items-center {
  justify-items: center
}

.gap-1 {
  gap: .25rem
}

.gap-1\.5 {
  gap: .375rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-14 {
  gap: 3.5rem
}

.gap-16 {
  gap: 4rem
}

.gap-2 {
  gap: .5rem
}

.gap-2\.5 {
  gap: .625rem
}

.gap-20 {
  gap: 5rem
}

.gap-28 {
  gap: 7rem
}

.gap-3 {
  gap: .75rem
}

.gap-32 {
  gap: 8rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-7 {
  gap: 1.75rem
}

.gap-8 {
  gap: 2rem
}

.gap-9 {
  gap: 2.25rem
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

.gap-y-10 {
  row-gap: 2.5rem
}

.gap-y-8 {
  row-gap: 2rem
}

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

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

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

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

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

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

.self-center {
  align-self: center
}

.overflow-hidden {
  overflow: hidden
}

.overflow-y-auto {
  overflow-y: auto
}

.text-ellipsis {
  text-overflow: ellipsis
}

.whitespace-nowrap {
  white-space: nowrap
}

.rounded {
  border-radius: .25rem
}

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

.rounded-3xl {
  border-radius: 1.5rem
}

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

.rounded-lg {
  border-radius: .5rem
}

.rounded-md {
  border-radius: .375rem
}

.rounded-none {
  border-radius: 0
}

.rounded-sm {
  border-radius: .125rem
}

.rounded-xl {
  border-radius: .75rem
}

.border {
  border-width: 1px
}

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

.border-b {
  border-bottom-width: 1px
}

.border-l-2 {
  border-left-width: 2px
}

.border-t {
  border-top-width: 1px
}

.border-none {
  border-style: none
}

.border-black,
.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-blue-900 {
  border-color: rgb(30 58 138/var(--tw-border-opacity))
}

.border-primary {
  border-color: var(--aw-color-primary)
}

.border-transparent {
  border-color: transparent
}

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

.bg-blue-100,
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.bg-blue-50 {
  background-color: rgb(239 246 255/var(--tw-bg-opacity))
}

.bg-blue-900,
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

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

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

.bg-gray-400 {
  background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

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

.bg-neutral-100 {
  background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-primary {
  background-color: var(--aw-color-primary)
}

.bg-transparent {
  background-color: transparent
}

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

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.bg-cover,
body.blog {
  background-size: cover
}

.bg-bottom {
  background-position: bottom
}

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

.object-top {
  -o-object-position: top;
  object-position: top
}

.p-0,
footer ul {
  padding: 0
}

.p-1 {
  padding: .25rem
}

.p-10 {
  padding: 2.5rem
}

.p-11 {
  padding: 2.75rem
}

.p-12 {
  padding: 3rem
}

.p-16 {
  padding: 4rem
}

.p-2 {
  padding: .5rem
}

.p-2\.5 {
  padding: .625rem
}

.p-20 {
  padding: 5rem
}

.p-4 {
  padding: 1rem
}

.p-6 {
  padding: 1.5rem
}

.p-8 {
  padding: 2rem
}

.p-9 {
  padding: 2.25rem
}

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

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

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

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

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

.px-28 {
  padding-left: 7rem;
  padding-right: 7rem
}

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

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

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

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

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

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

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

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

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

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem
}

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

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

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem
}

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

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

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

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

.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem
}

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

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

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

.pb-0 {
  padding-bottom: 0
}

.pb-1 {
  padding-bottom: .25rem
}

.pb-10 {
  padding-bottom: 2.5rem
}

.pb-12 {
  padding-bottom: 3rem
}

.pb-14 {
  padding-bottom: 3.5rem
}

.pb-16 {
  padding-bottom: 4rem
}

.pb-2 {
  padding-bottom: .5rem
}

.pb-20 {
  padding-bottom: 5rem
}

.pb-24 {
  padding-bottom: 6rem
}

.pb-28 {
  padding-bottom: 7rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pb-3\.5 {
  padding-bottom: .875rem
}

.pb-36 {
  padding-bottom: 9rem
}

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

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

.pb-6 {
  padding-bottom: 1.5rem
}

.pb-7 {
  padding-bottom: 1.75rem
}

.pb-8 {
  padding-bottom: 2rem
}

.pb-\[53\%\] {
  padding-bottom: 53%
}

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

.pl-0 {
  padding-left: 0
}

.pl-10 {
  padding-left: 2.5rem
}

.pl-12 {
  padding-left: 3rem
}

.pl-16 {
  padding-left: 4rem
}

.pl-2 {
  padding-left: .5rem
}

.pl-20 {
  padding-left: 5rem
}

.pl-24 {
  padding-left: 6rem
}

.pl-28 {
  padding-left: 7rem
}

.pl-3 {
  padding-left: .75rem
}

.pl-36 {
  padding-left: 9rem
}

.pl-4 {
  padding-left: 1rem
}

.pl-40 {
  padding-left: 10rem
}

.pl-48 {
  padding-left: 12rem
}

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

.pl-8 {
  padding-left: 2rem
}

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

.pr-14 {
  padding-right: 3.5rem
}

.pr-16 {
  padding-right: 4rem
}

.pr-2 {
  padding-right: .5rem
}

.pr-20 {
  padding-right: 5rem
}

.pr-24 {
  padding-right: 6rem
}

.pr-28 {
  padding-right: 7rem
}

.pr-3 {
  padding-right: .75rem
}

.pr-32 {
  padding-right: 8rem
}

.pr-36 {
  padding-right: 9rem
}

.pr-4 {
  padding-right: 1rem
}

.pr-40 {
  padding-right: 10rem
}

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

.pr-8 {
  padding-right: 2rem
}

.pt-0 {
  padding-top: 0
}

.pt-1 {
  padding-top: .25rem
}

.pt-10 {
  padding-top: 2.5rem
}

.pt-11 {
  padding-top: 2.75rem
}

.pt-12 {
  padding-top: 3rem
}

.pt-14 {
  padding-top: 3.5rem
}

.pt-16 {
  padding-top: 4rem
}

.pt-2 {
  padding-top: .5rem
}

.pt-20 {
  padding-top: 5rem
}

.pt-24 {
  padding-top: 6rem
}

.pt-28 {
  padding-top: 7rem
}

.pt-3 {
  padding-top: .75rem
}

.pt-36 {
  padding-top: 9rem
}

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

.pt-6 {
  padding-top: 1.5rem
}

.pt-8 {
  padding-top: 2rem
}

.pt-9 {
  padding-top: 2.25rem
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.align-middle {
  vertical-align: middle
}

.align-text-bottom {
  vertical-align: text-bottom
}

.align-super {
  vertical-align: super
}

.font-heading {
  /*   */
}

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

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

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

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

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

.text-9xl {
  font-size: 8rem
}

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

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

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

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

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.font-bold,
body.\/how-can-ERP Fast Track -manufacturing-software-revolutionize-your-business.antialiased p.max-w-3xl.mx-auto.mt-2.mb-8.px-4.sm\:px-6.text-base {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-light {
  font-weight: 300
}

.font-medium {
  font-weight: 500
}

.about-us footer p b,
.careerpage footer p b,
.contact-us footer p b,
.digital-sewa-page footer p b,
.font-normal,
.news-detail-page footer p b,
.notibell-page footer p b {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.capitalize {
  text-transform: capitalize
}

.italic {
  font-style: italic
}

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

.leading-8 {
  line-height: 2rem
}

.leading-none {
  line-height: 1
}

.leading-relaxed {
  line-height: 1.625
}

.leading-snug {
  line-height: 1.375
}

.leading-tight {
  line-height: 1.25
}

.-tracking-tight {
  letter-spacing: .025em
}

.tracking-normal {
  letter-spacing: 0
}

.tracking-tight {
  letter-spacing: -.025em
}

.tracking-tighter {
  letter-spacing: -.05em
}

.tracking-wide {
  letter-spacing: .025em
}

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

.text-gray-200 {
  color: rgb(229 231 235/var(--tw-text-opacity))
}

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

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

.text-gray-50,
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(249 250 251/var(--tw-text-opacity))
}

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

.text-primary {
  color: var(--aw-color-primary)
}

.text-slate-400,
.text-violet-50 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-violet-50 {
  color: rgb(245 243 255/var(--tw-text-opacity))
}

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

.text-yellow-400 {
  color: rgb(250 204 21/var(--tw-text-opacity))
}

.underline {
  text-decoration-line: underline
}

.no-underline {
  text-decoration-line: none
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.opacity-100 {
  opacity: 1
}

.shadow-lg,
.shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

#header.scroll,
.shadow-sm,
.shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline {
  outline-style: solid
}

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

.blur {
  --tw-blur: blur(8px)
}

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

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1))
}

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08))
}

.grayscale {
  --tw-grayscale: grayscale(100%)
}

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

.transition,
[data-aw-toggle-menu] path {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all,
.transition-opacity,
.transition-transform {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-opacity,
.transition-transform {
  transition-property: opacity
}

.transition-transform {
  transition-property: transform
}

.duration-100 {
  transition-duration: .1s
}

.duration-150 {
  transition-duration: .15s
}

.duration-200 {
  transition-duration: .2s
}

.duration-300 {
  transition-duration: .3s
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

#header.scroll {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  background: rgba(255, 255, 255, .95) !important
}

:is(.dark #header.scroll) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

.dropdown:hover .dropdown-menu {
  display: block
}

[astro-icon].icon-light>* {
  stroke-width: 1.2
}

[astro-icon].icon-bold>* {
  stroke-width: 2.4
}

[data-aw-toggle-menu].expanded g>path:first-child {
  --tw-translate-y: 15px;
  --tw-translate-x: -3px;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

[data-aw-toggle-menu].expanded g>path:last-child {
  --tw-translate-y: -8px;
  --tw-translate-x: 14px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

footer {
  background-color: #0b020a
}


.prose-headings\:font-heading :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
  color: var(--aw-color-bg-page);

}

:is(.dark .dark\:prose-invert) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

:is(.dark .dark\:bg-dark) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

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

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

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

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

.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity))
}

.hover\:bg-opacity-5:hover {
  --tw-bg-opacity: .05
}

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

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

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

.hover\:text-primary:hover {
  color: var(--aw-color-primary)
}

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

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

.hover\:transition:hover {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

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

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

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

.focus\:ring-4:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

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

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

.prose-headings\:font-bold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
  font-weight: 700
}

.prose-headings\:tracking-tighter :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
  letter-spacing: -.05em
}

.prose-a\:text-blue-600 :is(:where(a):not(:where([class~=not-prose] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 99 235/var(--tw-text-opacity))
}

.prose-a\:text-primary :is(:where(a):not(:where([class~=not-prose] *))) {
  color: var(--aw-color-primary)
}

.prose-img\:rounded-md :is(:where(img):not(:where([class~=not-prose] *))) {
  border-radius: .375rem
}

.prose-img\:shadow-lg :is(:where(img):not(:where([class~=not-prose] *))) {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:is(.dark .dark\:border) {
  border-width: 1px
}

:is(.dark .dark\:border-blue-700) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216/var(--tw-border-opacity))
}

:is(.dark .dark\:border-slate-600) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105/var(--tw-border-opacity))
}

:is(.dark .dark\:border-slate-700) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85/var(--tw-border-opacity))
}

:is(.dark .dark\:border-slate-800) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59/var(--tw-border-opacity))
}

:is(.dark .dark\:bg-blue-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

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

:is(.dark .dark\:bg-slate-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-slate-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

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

:is(.dark .dark\:text-blue-200) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-200) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity))
}

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

:is(.dark .dark\:text-gray-50) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251/var(--tw-text-opacity))
}

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

:is(.dark .dark\:text-slate-200) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240/var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-300) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-400) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184/var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-500) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139/var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-600) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105/var(--tw-text-opacity))
}

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

:is(.dark .dark\:shadow-none) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

:is(.dark .dark\:hover\:text-blue-700:hover) {
  --tw-text-opacity: 1;
  color: rgb(29 78 216/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-slate-300:hover),
:is(.dark .dark\:prose-headings\:text-slate-300 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *)))) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:ring-gray-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity))
}

:is(.dark .dark\:prose-a\:text-blue-400 :is(:where(a):not(:where([class~=not-prose] *)))) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250/var(--tw-text-opacity))
}

img {
  content-visibility: auto
}

.Manrope {

  font-style: normal
}

a:hover {
  color: #7d7f91 !important
}

.footer-headings {
  margin: 0 !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 1px;
  color: #8b8b8b;
  padding: 0 0 30px
}

.footer-links,
footer ul h5 {
  font-size: 16px
}

.footer-links {
  text-decoration: none;
  color: #e8f2ff;
  padding-top: 0;
  font-weight: 400
}

.hover\:bg-gray-700:hover {
  background-color: #f3f4f633 !important
}

.footer-lower {
  border-top: #1c1c1c 1px solid;
  padding-bottom: 0
}

.copyright-txt {
  color: #818181;
  font-size: 16px
}

.copyright-txt a {
  color: #818181
}

.dark-bg {
  background: #0b020a
}

.light-gradient-text {
  font-size: 72px;
  line-height: 80px;
  text-align: center;
  letter-spacing: -2.56px;
  background: linear-gradient(99.37deg, #00c1eb 24.42%, #00e3ad 106.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: .98
}

.right-gutter {
  right: 25px
}

.bottom-gutter {
  bottom: 25px
}

.ui-button {
  z-index: 10;
  outline: 2px solid transparent;
  outline-offset: 2px
}

.banner-text {
  z-index: 99;
  position: absolute;
  top: 0;
  background: rgb(0 0 0/70%);
  height: 900px;
  width: 100%
}

.home-left-banner {
  padding-top: 205px
}

.banner-home video {
  height: 900px
}

.video-image {
  height: 900px;
  position: absolute
}

.clients-text {
  z-index: 9
}

.video-bg-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: none
}

.remove-image {
  display: none
}

.add-video {
  display: block
}

.video-bg iframe,
.video-bg-overlay,
.video-bg-player {
  position: absolute
}

.video-bg iframe,
.video-bg-player {
  pointer-events: none
}

.video-bg-player {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  padding-bottom: 66.25%;
  transform: translate(-50%, -50%)
}

.video-bg iframe,
.video-bg-overlay {
  width: 100%;
  height: 100%
}

.video-bg-overlay {
  transition: all .25s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.video-bg-overlay--fadeOut {
  visibility: hidden;
  opacity: 0
}

.video-bg iframe {
  top: 0;
  left: 0
}

.clients-bg {
  height: 850px;
  background-size: contain;
  display: flex;
  justify-content: flex-start;
  background: linear-gradient(248.9deg, #f3f1fa -25.65%, #fbfbfc 114.21%)
}

.clients-bg h4 {
  font-size: 38px;
  color: #626262;
  font-weight: 400
}

.clients-bg .clients-subtitle,
.form-section-title span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.clients-bg .clients-subtitle {
  font-weight: 700;
  font-size: 38px;
  line-height: 54px;
  letter-spacing: .18px;
  background: linear-gradient(249.66deg, #fb6ac1 32.62%, #e754d5 48.34%, #d23cea 72.46%)
}

.background-container,
.plane,
.world-map {
  overflow: hidden;
  height: 900px;
  position: absolute
}

.background-container {
  margin: 0;
  width: 100%;
  background: linear-gradient(248.9deg, #f3f1fa -25.65%, #fbfbfc 114.21%)
}

.plane,
.world-map {
  background-size: contain
}

.plane {
  width: 30%;
  background: url(/assets/images/plane-img.svg)no-repeat left;
  z-index: 2;
  animation: move-plane 2s ease-in-out
}

.world-map {
  width: 70%;
  background: url(/assets/images/map-img.svg)no-repeat right;
  right: 0;
  z-index: 3;
  animation: move-map 2s ease-in-out
}

.detail-form-bg {
  background: #f1f0f8;
  background-size: cover !important;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start
}

.ERP Fast Track -healthcare .detail-form-bg {
  background: #2970fb url(/assets/images/form-bg-healthcare.png)no-repeat center center;
  background-size: 100%
}

.detail-form {
  background: rgba(255, 255, 255, .8);
  border-radius: 16px
}

.contact-us .detail-form {
  padding: 2rem 5rem 0 0
}

.contact-us .contact-section {
  background: linear-gradient(139.69deg, #cbcbcb 0, #fff 90%)
}

.form-left-text a {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: .2px;
  padding: 0 50px 0 0;
  color: #000;
  transition: all .5s ease-in-out
}

.form-left-text a:hover span {
  color: #7059fe !important
}

.detail-form-bg .circle-arrow {
  display: flex;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f33897;
  box-shadow: 0 4px 29px #ffffff40;
  justify-content: center;
  align-items: center
}

.arrow {
  bottom: 0;
  margin-left: auto;
  width: 26px;
  height: 12px;
  top: 15px
}

.next {
  background: url(/assets/images/form-right-arrow.png)no-repeat center;
  background-size: contain
}

.bounceAlpha,
.form-left-text a:hover .arrow {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.form-section-title {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: .8px;
  color: #0b020a;
  text-shadow: 0 4px 29px rgba(255, 255, 255, .25)
}

.form-section-title span {
  background: linear-gradient(176.27deg, #fe15a0 -6.54%, #de29c8 36.78%, #7059fe 103.23%);
  text-shadow: 0 4px 29px rgba(255, 255, 255, .25) !important
}

.btn.header-btn {
  background: 0 0;
  border-radius: 28px;
  border: 1.5px solid #fff;
  color: #fff;
  height: 44px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500
}

.banner-home .gradient-text {
  font-size: 2.9em;
  font-weight: 700;
  background-image: linear-gradient(0deg, #fff 0, #d28cf3 35.66%, #be5aed 54.78%, #fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.banner-home h3 {
  color: #fff;
  font-size: 60px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.358px
}

#header.scroll .btn.header-btn {
  border: 1.5px solid #000;
  color: #000
}

.feature3-section {
  padding-top: 155px;
  padding-bottom: 100px
}

#header.scroll .nav-links {
  color: #080e21 !important
}

#header.scroll .logo-white,
.Retail5-section .stepping-section h2.font-heading:after,
.Retail6-section .stepping-section h2.font-heading:after {
  display: none !important
}

.logo-size {
  width: 210px
}

.footer-logo-size {
  width: 250px
}

.scroll .logo-dark {
  display: block !important
}

.btn:hover,
.header-btn.btn:hover {
  opacity: .8;
  box-shadow: 0 12px 20px #21252970 !important;
  color: #fff;
  text-decoration: none;
  transform: translateY(-3px)
}

.blog-new-whatsapp button:hover {
  border-radius: 16px;
  box-shadow: 0 14px 17.3px #8d461b26
}

.header-btn.btn:hover {
  box-shadow: 0 12px 20px #6b5feb94 !important
}

#loadMoreBtn:hover {
  color: #fff;
  background: #000
}

.text-white {
  color: var(--aw-color-bg-page)
}

.blue-shade {
  background: linear-gradient(90deg, #3a36ed 0, rgba(64, 82, 242, .71) 29.48%, rgba(54, 99, 255, 0) 100%);
  opacity: .5;
  height: 330px;
  width: 50%
}

.blue-shade2 {
  background: var(--Gradient-01, linear-gradient(98deg, #6DDCFF 10%, #7F60F9 100%));
  opacity: .2;
  width: 25%;
  filter: blur(105px);
  height: 641.389px;
  transform: rotate(-295deg);
  flex-shrink: 0
}

.blue-shade3 {
  opacity: .1;
  width: 18%;
  filter: blur(105px);
  height: 640px;
  right: 250px;
  top: -50px
}

.blue-shade-manu1,
.blue-shade-manu2,
.blue-shade3,
.blue-shade4 {
  background: #b88cff;
  transform: rotate(-295deg);
  flex-shrink: 0
}

.blue-shade4 {
  opacity: .1;
  width: 20%;
  filter: blur(105px);
  height: 400px;
  left: 0;
  bottom: 0
}

.blue-shade-manu1,
.blue-shade-manu2 {
  filter: blur(285px)
}

.blue-shade-manu2 {
  width: 18%;
  height: 400px;
  right: 10%;
  opacity: .55;
  top: 0
}

.blue-shade-manu1 {
  opacity: .45;
  width: 25%;
  height: 500px;
  left: 10%;
  bottom: 0
}

.blue-shade-text {
  z-index: 99;
  color: var(--aw-color-bg-page)
}

.home .blue-shade-text {
  padding-bottom: 100px;
  background: #0b020a
}

.color-boxes {
  color: var(--aw-color-bg-page);
  overflow: hidden
}

.feature-wrap,
.feature-wrap .swiper-container {
  height: auto !important
}

.feature-icon {
  height: 60px
}

.feature-icon,
.feature-icon img {
  display: flex;
  align-items: flex-end
}

.feature-title {
  font-family: "Inter", var(--aw-font-heading) !important;
  color: #383b47;
  font-size: 54px;
  font-weight: 800;
  line-height: 62px;
  letter-spacing: -.8px
}

.feature3-img {
  float: right;
  width: 80%
}

.social-none-blog {
  display: none
}

.news-section-blog.news-section {
  padding-bottom: 0
}

.get-erp-btn {
  border-radius: 10px;
  background: #0e0d15;
  color: #f9f8fb
}

.feature-text {
  color: var(--styles-500, #343A50) !important;
  font-size: 20px;

  line-height: 30px;
  letter-spacing: -.4px
}

.resp-features {
  display: none
}

.blog-casestudy h2 {
  font-size: 46px;
  line-height: 60px;
  color: #080e21;
  font-weight: 700
}

.blog-casestudy p {
  font-size: 20px;
  line-height: 30px;
  color: #080e21;
  width: auto !important
}

.home .blog-casestudy p {
  font-size: 20px;
  line-height: 30px;
  color: var(--styles-500, #343A50)
}

.testimonials-cont {
  padding: 77px 0 10px
}

.single-casestudy-main {
  padding: 50px 0 0
}

.case-cont p.blog-text {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  color: #000;
  font-size: 14px;
  line-height: 20px
}

.blog-grid .blog-cont .blog-text {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 18px;
  line-height: 24px;
  color: var(--styles-500, #343A50);
  font-weight: 400;
  letter-spacing: -.26px
}

.casestudy-swiper {
  height: 605px
}

.case-cont .grid-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10;
  top: -45px;
  left: 0;
  width: 150px
}

.case-cont .feature-wrap {
  width: 93vw;
  height: 600px !important
}

.blog-cont .feature-wrap {
  width: 93vw;
  height: 720px !important
}

.case-cont .swiper-slide,
.case-cont img {
  height: 500px;
  border-radius: 20px
}

.blog-cont .blog-title,
.case-cont .blog-title {
  font-size: 18px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 28px
}

.blog-cont .blog-title {
  font-size: 22px;
  height: 56px;
  font-weight: 600;
  margin-top: 0 !important
}

.blog-img,
.casestudy-img {
  display: inline-block
}

.case-cont img {
  width: 100%;
  height: 285px;
  -o-object-fit: cover;
  object-fit: cover
}

.blog-cont .swiper-slide,
.blog-img img {
  height: auto;
  border-radius: 8px
}

.blog-img img {
  width: 100%;
  height: 365px;
  -o-object-fit: contain;
  object-fit: contain
}

.blog-cont .blog-highlight {
  position: absolute;
  margin: 300px 0 0;
  padding: 0 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 65px;
  color: #fff;
  fill: #2525254d;
  stroke: #fff6;
  -webkit-backdrop-filter: blur(8.131990432739258px);
  backdrop-filter: blur(8.131990432739258px);
  width: 100%;
  height: 65px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 9;
  resize: horizontal;
  text-align: left
}

.home .blog-cont .blog-highlight {
  margin: 288px 0 0
}

.color-boxes .color-bg {
  padding: 130px 40px 40px;
  border-radius: 12px !important;
  border: 0
}

.color-boxes .color-bg h3 {
  padding: 10px 0;
  height: 110px;
  font-size: 40px
}

.color-boxes .color-bg p {
  height: auto;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -.0032em;
  color: #f4f4f4
}

.color-boxes .resp-features .color-bg {
  padding: 60px 20px 20px;
  height: 330px
}

.color-boxes .resp-features .color-bg img {
  height: 40px
}

.color-boxes .resp-features .color-bg h3 {
  height: 60px;
  font-size: 23px
}

.color-boxes .resp-features .color-bg p {
  font-size: 12px;
  line-height: 20px
}

.color-boxes #boxClass1 {
  background: linear-gradient(143.66deg, #7d76ca -25.77%, #3b2579 93.17%);
  color: #feebeb
}

.color-boxes #boxClass2 {
  background: linear-gradient(33.96deg, #c67efc 5.11%, #ea3c5e 104.95%);
  color: #fff
}

.news-section {
  padding: 92px 0 100px
}

.news-section .date-format p {
  color: #263238;
  font-size: 16px;
  font-weight: 400
}

.news-section .author-section h6 {
  color: #8c989f;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: .5px;
  padding-bottom: 4px
}

.news-section p {
  color: #343a50;
  margin: 0 0 20px
}

.news-section .blog-post-page p {
  margin: 0 0 22px
}

.news-linkedin-ashish,
.news-post-page ul li,
.news-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.news-post-page ul li {
  color: #343a50;
  margin: 0
}

.news-section ul {
  padding-left: 0;
  margin: 0 0 42px
}

.news-linkedin-ashish {
  color: #2748b2;
  border-bottom: 1px solid #343a50
}

#news-list-margin,
.news-list-margin {
  margin-top: 72px
}

.dark-heading-news {
  color: #343a50;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -.5px;
  border-left: 6px solid #252f41;
  padding-left: 14px;
  margin-bottom: 32px
}

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

.youtube-video-news {
  margin-bottom: 32px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}

.erp-healthcare-cs .youtube-video-news {
  padding-bottom: 54.1%
}

.news-author-section {
  margin-top: 40px;
  margin-bottom: 40px
}

.back-news-list,
.btn-ghost.px-3.back-news-list {
  color: #252f41 !important;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -.8px;
  cursor: pointer
}

.btn-ghost.px-3.back-news-list {
  gap: 20px
}

.news-section .author-section h5 {
  color: #407bff;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2px;
  line-height: 18px;
  letter-spacing: .5px
}

.news-section .author-section h4,
.news-section h3 {
  color: #263238;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: .5px
}

.bootcamp-news-page .news-section ul {
  padding-left: 0;
  margin: 0 0 20px
}

.news-section h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px
}

.news-section h1,
.news-section h2.news-sub-heading {
  color: #252f41;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: .5px;
  margin-bottom: 20px
}

.apply-now-news {
  color: #2748b2
}

.apply-now-news:hover {
  opacity: .7
}

.news-section h1 {
  font-size: 42px;
  line-height: 60px;
  letter-spacing: -.8px;
  margin-bottom: 26px
}

.news-section .Frappe-conference {
  width: 904px
}

.news-section .Frappeanchor img {
  --tw-shadow: none !important
}

.color-boxes #boxClass3 {
  background: linear-gradient(212.1deg, #fff -12.26%, #83f7c6 22.21%, #4e8afd 110.89%);
  border: 1.5px solid rgba(255, 255, 255, .8)
}

.color-boxes #boxClass4 {
  background: linear-gradient(195.78deg, #c67efc .44%, #453cea 89.07%);
  color: #fff
}

.color-boxes #boxClass5 {
  background: linear-gradient(214.59deg, #f842d0 -59.77%, #426af8 159.29%);
  color: #fff
}

.stats-box .font-heading {
  font-size: 48px
}

.stats-box p,
p.stat-subtitle {
  color: #fff;
  font-size: 18px;
  font-weight: 500
}

.stats-box p {
  font-style: normal;
  line-height: 28px;
  letter-spacing: -.0032em;
  margin: 0
}

.stat-count {
  padding-right: 0;
  padding-left: 120px
}

.approach-list,
.stat-count {
  overflow: hidden;
  height: auto;
  right: 0;
  z-index: 3;
  opacity: 0
}

.approach-list.is-visible,
.stat-count.is-visible {
  transition: opacity .5s .25s ease-out;
  opacity: 1
}

.stat-count .stat-count-rows {
  transform: translateY(calc(-50% + 10em));
  padding-bottom: 40px;
  transition: transform 4s .25s cubic-bezier(0, 1, .3, 1), filter 10s 2s ease-out;
  will-change: transform
}

.stat-count.is-visible .stat-count-rows {
  transform: translateY(-50%)
}

.stat-count .font-heading {
  flex: 28%;

  font-weight: 600;
  font-size: 56px;
  line-height: 72px
}

p.stat-subtitle {
  flex: 60%;
  border-color: #46485a;
  letter-spacing: 1.44px;
  height: 79px;
  line-height: 79px;
  padding-left: 120px
}

#whoweare1:before,
#whoweare2:before,
#whoweare3:before,
#whoweare4:before,
#whoweare5:before {
  content: "";
  display: inline-flex;
  position: absolute;
  width: 36px;
  height: 41px
}

#whoweare1:before {
  background: url(/assets/images/home-icon1.webp)no-repeat left
}

#whoweare1:before,
#whoweare2:before,
#whoweare3:before {
  margin: 20px 0 0-55px;
  background-size: contain !important
}

#whoweare2:before {
  background: url(/assets/images/home-icon2.webp)no-repeat left
}

#whoweare3:before {
  background: url(/assets/images/home-icon3.webp)no-repeat left
}

#whoweare4:before {
  background: url(/assets/images/Global-partners.png)no-repeat left;
  margin: 20px 0 0-55px
}

#whoweare5:before {
  background: url(/assets/images/Local-partners.png)no-repeat left;
  margin: 20px 0 0-55px
}

.partner-txt {
  z-index: 1;
  position: relative;
  color: var(--aw-color-bg-page)
}

.partner-txt p {
  color: #373a40;
  font-size: 18px;

  line-height: 36px;
  letter-spacing: -1.263px
}

.arrow-bg {
  background: #f8f4fe;
  height: 1000px
}

.arrow-img1 {
  position: absolute;
  width: 100%;
  margin-top: -700px;
  z-index: 9
}

.structure-bg {
  background: #0b020a;
  background-size: 100%;
  padding: 88px 0
}

.stats-leftbg,
.stats-rightbg {
  position: absolute;
  opacity: .25;
  z-index: 999
}

.stats-rightbg {
  width: 30%;
  right: 0;
  bottom: 0
}

.stats-leftbg {
  width: 10%
}

.structure-bg img {
  width: 70%;
  height: auto;
  display: flex;
  justify-content: center;
  margin: auto
}

.home-industry-section h2,
.structure-bg h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px;
  padding-bottom: 24px
}

.structure-bg h2 {
  color: #fff;
  text-align: center
}

.Manufacturing-Experts p,
.structure-bg p {
  color: #fff;
  text-align: center;
  font-size: 20px
}

.structure-bg p {
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.4px;
  opacity: .8;
  padding-bottom: 75px
}

.home-industry-section {
  background: #fff;
  padding: 100px 0
}

.home-industry-section h2 {
  color: #30303f
}

.home-industry-section.software-dubai p {
  color: #494f59;
  text-align: justify;

  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 65px;
  display: flex;
  justify-content: center
}

.software-dubai-items .industry-items {
  font-size: 20px
}

.software-dubai-items {
  gap: 28px
}

.software-dubai {
  background: #f0edf8
}

.Manufacturing-Experts p {

  font-style: normal;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -.24px;
  padding: 20px 0 0
}

.home-industry-section p {
  color: #373a40;
  text-align: justify;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -1.263px;
  padding-bottom: 64px
}

.home-industry-img img {
  width: auto;
  height: auto;
  transition: all ease .3s
}

.home-industry-img img:hover,
.partnership-box img:hover {
  transform: scale(1.1);
  transition: all ease .3s;
  cursor: pointer
}

.partnership-box img {
  transition: all ease .3s;
  cursor: pointer
}

.case-box.swiper-slide {
  width: 368px !important;
  height: 537px
}

.case-study-update h2,
.casebox-update-bg h4 {
  color: #fff;
  font-size: 100px;

  font-weight: 800;
  line-height: 62px;
  letter-spacing: -.8px
}

.case-study-update h2 span {
  color: #636376
}

.case-study-update {
  background: #0b020a
}

.case-update-head h2 {
  padding: 120px 0 180px 150px
}

.casebox-update-bg h4 {
  line-height: 120px
}

.slide1 .casebox-update-bg h4 {
  padding-top: 175px
}

.slide2 .casebox-update-bg h4,
.slide3 .casebox-update-bg h4 {
  padding-top: 125px
}

.case-box2 p,
.casebox-update-bg p {
  color: #fff;

  line-height: 24px;
  letter-spacing: -.4px
}

.casebox-update-bg p {
  font-size: 18px;
  padding-right: 60px
}

.case-box2 p {
  font-size: 16px
}

#case-study1 {
  background: url(/assets/images/case-study1.webp)no-repeat center;
  height: 537px
}

#case-study2 {
  background: url(/assets/images/case-study2.webp)no-repeat center;
  height: 537px
}

#case-study3 {
  background: url(/assets/images/case-study3.webp)no-repeat center;
  height: 537px
}

#case-study4 {
  background: url(/assets/images/case--study4.webp)no-repeat center;
  height: 537px
}

.gallery-bg h2,
.our-partnets-heading {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.arrow-bg img.m-auto {
  width: 506px;
  height: 73px
}

.arrow-img {
  left: 0;
  width: 90%;
  height: auto;
  margin-top: -520px;
  margin-bottom: -320px
}

.gallery-bg {
  background: #0b020a;
  padding: 100px 0
}

.gallery-bg h2 {
  font-size: 54px;
  letter-spacing: -.8px;
  font-weight: 800;
  color: #fff
}

.gallery-bg p {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -.4px;
  font-weight: 400;
  color: #d4d7df
}

.gallery-bg h2 span,
.plan-create-bg h2,
.structure-bg h2 span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.gallery-bg h2 span,
.structure-bg h2 span {
  background: linear-gradient(92.98deg, #fff -.38%, #c45bfe 13.85%, #774af8 36.63%, #fff 103.69%)
}

.gallery-bg span.swiper-pagination-bullet {
  background: #fff
}

.elearning-banner {
  background: #0c0c18;
  padding: 100px 0
}

.heading-white {
  color: var(--aw-color-bg-page);
  letter-spacing: 1px;
  font-size: 62px;
  line-height: 72px;

  animation: slideup 1s 1s linear both
}

.text-light {
  color: #fbfbfb;
  opacity: .8
}

.swiper-container {
  width: 100%;
  height: 100vh
}

.swiper-container .swiper-wrapper .swiper-slide {
  position: relative
}

.color-boxes .swiper-slide {
  height: 520px
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  margin-top: 50px
}

.swiper-pagination-bullet-active {
  background: #ff36a2 !important
}

.testimonials-cont {
  background: linear-gradient(109.71deg, #d9e4f9 -2.63%, rgba(232, 239, 251, .695038) 65.25%, rgba(255, 255, 255, .24) 110.22%)
}

.swiper-pagination-bullet-active {
  background: #9150f1 !important
}

.plan-create-bg {
  background: url(/assets/images/mktplace-plan-bg.svg)no-repeat center;
  background-size: 100% 90%;
  padding: 100px 0
}

.plan-create-bg .box-heading {
  background: #faf9fc;
  border: 4px dashed #ebdafd
}

.plan-create-bg h2 {
  font-size: 48px;
  line-height: 120px;
  padding: 0 50px;
  letter-spacing: -1.2px;
  background: linear-gradient(90.67deg, #4b3ff5 -.21%, #5862f5 48.71%, #6178f5 104.62%)
}

.plan-create-bg h2:after,
.plan-create-bg h2:before {
  content: "";
  display: inline-flex;
  position: absolute;
  width: 36px;
  height: 41px
}

.plan-create-bg h2:before {
  margin: 80px 0 0-50px;
  background: url(/assets/images/arrow-orange.png)no-repeat left
}

.plan-create-bg h2:after {
  margin: 125px 0 0 55px;
  background: url(/assets/images/arrow-purple.png)no-repeat right
}

.plan-create-bg h4 {
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -1.2px;
  color: #676873
}

.about-us .lg\:pt-70 {
  padding-top: 110px
}

.latest-case-study .swiper-button-next1 {
  top: initial;
  left: 0;
  margin-left: 200px
}

.latest-case-study .swiper-button-prev1 {
  top: initial;
  left: 0;
  margin-left: 100px
}

.plan-create-bg .select,
.plan-create-bg .select:hover {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none
}

.plan-create-bg .select {
  height: 60px;
  width: 370px;
  font-size: 16px;
  padding: 0 20px;
  letter-spacing: -.0032em;
  color: #39383f;
  background: #fefefe;
  border: 2px solid rgba(255, 255, 255, .4);
  box-shadow: 0 4px 30px #1d202612;
  border-radius: 12px;
  line-height: 60px;
  background-image: linear-gradient(45deg, transparent 50%, #5b5b5b 50%), linear-gradient(135deg, #5b5b5b 50%, transparent 50%) !important;
  background-position: calc(100% - 20px) calc(1.5em + 2px), calc(100% - 15px) calc(1.5em + 2px), 100%0 !important;
  background-size: 5px 5px, 5px 5px, 2.5em 4.5em !important;
  background-repeat: no-repeat !important;
  transition: all .3s ease-in-out !important
}

.plan-create-bg .select:hover {
  cursor: pointer;
  opacity: .8;
  background: #eee;
  background-image: linear-gradient(45deg, transparent 50%, #5b5b5b 50%), linear-gradient(135deg, #5b5b5b 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1.5em + 2px), calc(100% - 15px) calc(1.5em + 2px), 100%0;
  background-size: 5px 5px, 5px 5px, 2.5em 4.5em;
  background-repeat: no-repeat;
  transition: all .3s ease-in-out
}

.plan-create-bg .select:focus-visible {
  outline: 0 !important
}

.single-testimonials {
  background: linear-gradient(109.71deg, #d9e4f9 -2.63%, rgba(232, 239, 251, .695038) 65.25%, rgba(255, 255, 255, .24) 110.22%)
}

.single-testimonials-inn {
  background: url(/assets/images/marketplace-corner-left.svg)no-repeat left top
}

.single-testimonials-main {
  width: 100%;
  background: url(/assets/images/marketplace-corner-right.svg)no-repeat right bottom
}

.single-testimonials h2 {
  font-size: 52px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -2px;
  color: #1d1c1c
}

.latest-case-study .swiper-pagination-bullet-active {
  background: #7556a7 !important;
  border-radius: 0 !important
}

.casebox-update-bg .case-study {
  color: #fff;
  font-size: 16px;

  font-weight: 500;
  letter-spacing: .2px;
  text-transform: uppercase
}

.casebox-update-bg #sublinkid1,
.casebox-update-bg #sublinkid4 {
  color: #30303f
}

.casebox-update-bg h3 {
  color: #fff;
  font-size: 24px;

  font-weight: 700;
  line-height: 32px;
  letter-spacing: -.4px
}

.latest-case-study .swiper-pagination-bullet {
  background: #a889da !important;
  border-radius: 0 !important
}

.latest-case-study {
  margin-right: 108px
}

.slider {
  position: relative
}

.swiperErpSol .swiper-slide,
.swipercasestudy .swiper-slide {
  display: flex
}

.erp-icon {
  height: 24px;
  width: 24px
}

.erp-sol-img-cont {
  background: url(/assets/images/3lines.png)no-repeat left top;
  padding: 50px 0 0 50px
}

.erp-sol-img-cont,
.erp-sol-img-cont img,
.listitems:before {
  display: inline-block
}

.swiperErpSol {
  margin-bottom: -200px
}

.swiperErpSol h3 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -2px;
  color: #1d1c1c
}

.swiperErpSol p {
  font-size: 18px;
  line-height: 27px;
  color: #12111d
}

.swiper-button-next1,
.swiper-button-prev1 {
  left: 0;
  position: absolute;
  top: 25%;
  z-index: 1;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .09));
  background: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

.swiper-button-next1 {
  right: 0 !important;
  left: auto
}

.swipercasestudy h3 {
  font-size: 42px;
  line-height: 58px;
  letter-spacing: -2px;
  color: #131313
}

.swipercasestudy h5 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .1518em;
  color: #ababab
}

.feat-left h3,
.swipercasestudy p {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -.6px;
  color: #4d4c4f
}

.feat-left,
.feat-left:hover {
  background: #fff;
  border-radius: 6px
}

.feat-left {
  width: 95%;
  margin: auto
}

.feat-left h3 {
  line-height: 32px;
  letter-spacing: -.488889px;
  color: #919fb5;
  text-align: left
}

.feat-left h3:before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 0 0-40px;
  background: #f4f6f8 url(/assets/images/tick-grey.png)no-repeat center
}

.feat-left:hover {
  box-shadow: 0 12px 54px -20px #0003;
  width: 100%;
  transition: all .5s ease-in-out
}

.desc-wrap h3,
.feat-left:hover h3 {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -.488889px;
  color: #000
}

.feat-left:hover h3:before {
  background: #eafbfb url(/assets/images/tick-green.png)no-repeat center
}

.desc-wrap h3 {
  letter-spacing: -.444444px
}

.desc-wrap p {
  font-size: 16px;
  line-height: 24px;
  color: #535b68
}

.iconone,
.iconthree,
.icontwo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 8px;
  margin: 0 40px 0 0
}

.iconone {
  background: #ebdbe3
}

.icontwo {
  background: #daecdf
}

.iconthree {
  background: #eae0ff
}

.icon-wrap {
  width: 100px
}

.slider {
  overflow: hidden;
  height: 600px
}

.wrap {
  animation: swipe 5s linear infinite;
  flex-wrap: wrap
}

.steps-section h3 {
  font-size: 28px;
  line-height: 44px;
  color: #000
}

.icon-wrap .icon-bg {
  background: #ebedff;
  width: 38px;
  height: 38px
}

.desc-steps,
.listitems {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -.6px;
  color: #4d4c4f
}

.listitems {
  line-height: 34px
}

.listitems:before {
  content: "";
  width: 10px;
  height: 13px;
  margin-right: 20px;
  background: url(/assets/images/list-angle.png)no-repeat left center
}

.swiper-container .swiper-wrapper .swiper-slide h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 3em
}

.detail-form p span,
.main-heading {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.color-text .main-heading,
.main-heading {
  font-weight: 700;
  font-size: 72px;
  line-height: 96px;
  text-align: center;
  letter-spacing: -2px
}

.main-heading {
  background: linear-gradient(180deg, #fff -3.08%, #d3d1d1 59.87%, #000000fa 112.57%)
}

.color-text .main-heading {
  background: linear-gradient(93.55deg, #ff3f3f -5.97%, #d924b7 -5.96%, #e562d7 28.72%, #f19cf5 66.95%, #c214ff 104.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0 4px 21px rgba(0, 0, 0, .12)
}

.gallery .swiper {
  width: 100%;
  height: 320px;
  margin: -40px 0
}

.gallery .swiper.mySwiper2 {
  height: 700px;
  margin: 0
}

.gallery .swiper-free-mode>.swiper-wrapper {
  padding: 70px 0 50px;
  margin: 0 0 0 300px
}

.gallery .swiper-slide.swiper-slide-prev {
  margin-top: 60px
}

.gallery .swiper-slide.swiper-slide-next {
  margin-top: -70px
}

.gallery-curve-bot,
.gallery-curve-top {
  position: relative;
  width: 100% !important;
  z-index: 99 !important
}

.gallery-curve-top {
  background: url(/assets/images/gallery_curve.png)no-repeat center;
  top: 10px !important;
  height: 62px !important;
  margin: 0 !important;
  background-size: 100% 100% !important
}

.gallery-curve-bot {
  height: 168px;
  background: url(/assets/images/gallery_curve_bot.png)no-repeat top;
  top: 1px !important;
  bottom: -1px;
  margin-top: 0 !important;
  background-size: 100% 100%
}

.gallery .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px
}

.gallery .swiper-slide img {
  display: block;
  width: 100%
}

.grid-wrap {
  overflow: hidden
}

.grid-wrap.swiper-container {
  height: auto;
  padding: 0 0 100px
}

.grid-item {
  flex: 30%
}

.grid-wrap .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  position: relative
}

.grid-wrap .swiper-wrapper {
  height: 50%
}

.grid-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10;
  bottom: -60px;
  left: 0;
  width: 150px;
  position: relative;
  margin: auto
}

.grid-pagination svg {
  height: 20px;
  color: #000
}

.grid-pagination .swiper-button-next,
.grid-pagination .swiper-button-prev {
  background: #fff;
  border: 1px solid #eaeaeb;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  filter: drop-shadow(0 0 23px rgba(0, 0, 0, .09))
}

.career-gallery2 .grid-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  position: relative;
  margin: auto
}

.career-gallery2 .next-career,
.career-gallery2 .prev-career {
  margin-top: -14rem
}

.food-solutions .grid-pagination .swiper-button-next:hover svg,
.food-solutions .grid-pagination .swiper-button-prev:hover svg {
  color: #ff36a2
}

.grid-pagination .swiper-button-next:after,
.grid-pagination .swiper-button-prev:after {
  content: " " !important
}

.playpauseBtn {
  width: 180px;
  height: 40px;
  background: #e5e5e5;
  color: #383838
}

.playpauseBtn img {
  width: 18px;
  height: 18px
}

.case-cont .case-study {
  font-size: 12px;
  color: #ff36a2;
  background: url(/assets/images/case-icon.svg)no-repeat left
}

.case-cont .case-study:hover {
  opacity: .7;
  color: #ff36a2 !important
}

.blog-cont .read-post {
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 16px;
  background: url(/assets/images/read-post-arrow.svg)no-repeat right
}

.blog-cont .read-post:hover {
  color: #ff36a2 !important;
  background: url(/assets/images/read-post-arrow-hover.svg)no-repeat right
}

.footer-lower .hover\:bg-gray-700:hover {
  background-color: initial !important
}

.blog-text,
.blog-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.blog-title {
  height: auto;
  -webkit-line-clamp: 1;
  line-clamp: 1
}

.blog-text {
  -webkit-line-clamp: 2;
  line-clamp: 2
}

.logos-list {
  align-items: center;
  overflow: hidden
}

.logoSlider {
  display: inline-block;
  padding: 0 20px !important
}

.logoSlider .swiper-slide {
  display: flex !important;
  align-items: center;
  justify-content: space-around
}

.logoSlider img {
  transition: all .5s ease-in-out;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 1
}

.logoSlider a:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  opacity: 1
}

.nav-links {
  font-size: 16px;
  margin: 0
}

.dropdown-menu {
  margin-left: 30px !important;
  width: 325px;
  border: 0 !important
}

.dropdown-menu li a {
  text-decoration: none;
  font-size: 16px;
  line-height: normal;
  color: #28272d
}

.dropdown-menu li a img {
  margin-right: 10px
}

.dropdown-menu li a:hover {
  color: #28272d !important;
  text-decoration: none;
  background: #f6f6f6;
  padding-left: 40px
}

ul.tip,
ul.tip:before {
  display: none;
  position: absolute
}

ul.tip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14px solid #f6f6f6;
  top: -14px;
  left: 35px
}

.testimonial-title {
  font-size: 52px;
  line-height: normal;
  color: #000 !important
}

.detail-form p {
  line-height: 36px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #17171e
}

.detail-form p span {
  background: linear-gradient(92.28deg, #d72dcc 28.27%, #8450f4 87.94%)
}

input.hs-button.primary.large {
  float: left !important;
  background: #000 !important;
  border-radius: 5px !important
}

footer p {
  font-size: 16px;
  color: #e8f2ff !important
}

.footer-contact li {
  display: flex;
  margin-bottom: 20px;
  font-size: 16px
}

.footer-contact li svg {
  margin-right: 10px;
  color: #fff;
  opacity: .3
}

.footer-contact li a {
  font-size: 16px;
  letter-spacing: -.145455px;
  text-decoration: none;
  color: #e8f2ff
}

.footer-contact li a:hover {
  font-size: 16px;
  text-decoration: underline;
  color: #e8f2ff
}

.footer-address p {
  padding: 0 31% 15px 0;
  font-size: 16px;
  line-height: 26px
}

#header,
.play-pause-btn {
  z-index: 999
}

dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

dialog::backdrop {
  position: fixed;
  inset: 0;
  background: rgba(255, 0, 0, .1)
}

.modal__content {
  padding: 20px !important
}

.modal__close button {
  width: 100%;
  padding: 10px 20px;
  text-align: center !important;
  font-weight: 700;
  border: 0
}

.modal__close button:hover {
  text-decoration: none !important;
  color: #fff !important
}

.modal__inner {
  width: clamp(20ch, 60%, 60ch) !important
}

.modal-is-active {
  overflow: hidden
}

.modal.show {
  z-index: 99899 !important
}

.btn-primary {
  border-color: #5749f8 !important;
  background-color: #5749f8 !important;
  border-radius: 40px !important;
  padding: 0 23px !important;
  height: 54px;
  line-height: 54px;
  letter-spacing: 1px;
  color: #fff
}

.btn-primary.button-banner {
  border-color: transparent !important;
  background-color: #5749f8 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px;
  transition: all .5s ease-in-out;
  outline: 0;
  overflow: hidden;
  position: relative;
  display: block;
  color: #fff !important
}

.btn-primary.button-banner:hover {
  color: #fff !important
}

.btn-primary.button-banner span {
  position: relative;
  z-index: 1
}

.btn-primary.button-banner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: rgba(100, 2, 55, .3);
  transition: all .5s ease-in-out;
  transform: translate(-98%) translateY(-25%) rotate(45deg)
}

.btn-primary.button-banner:hover:after {
  transform: translate(-9%) translateY(-25%) rotate(45deg)
}

.btn-primary:hover {
  opacity: .8
}

.btn-close {
  background: url(/assets/images/close.svg)center/1em auto no-repeat !important
}

.lms-industry-mobile,
.resp-contact {
  display: none
}

.nav-links {
  color: #fff !important;
  font-weight: 400
}

.about-us footer .text-white,
.contact-us footer .text-white,
.digital-sewa-page footer .text-white,
.notibell-page footer .text-white,
.white-nav .nav-links {
  color: #080e21 !important
}

.logo-dark {
  display: none
}

.logo-white,
.white-nav .logo-dark {
  display: block
}

.white-nav .logo-white {
  display: none
}

.About-form-left img {
  width: auto;
  height: auto
}

.About-us-form .form-section-title {
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: -.8px;
  color: #f4f6f9
}

.about-us .self-center img {
  width: 100%
}

.About-us-form h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -.5px;
  color: #fff
}

.call-us-about {
  margin: 0 0 0 32px
}

.call-us-about p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .8px;
  color: #fff
}

.about-section-join,
.about-us footer,
.leader-section,
.news-detail-page footer {
  background: #f8f7fb
}

.detail-form-bg .About-us-form .circle-arrow,
.digital-sewa-page footer {
  background: #fff
}

.Partnership footer,
.careerpage footer,
.contact-us footer,
.notibell-page footer {
  background: #fafafa
}

.careerpage .footer-dark-logo,
.digital-sewa-page .footer-dark-logo,
.news-detail-page .footer-dark-logo,
.notibell-page .footer-dark-logo {
  display: block
}

.careerpage .footer-light-logo,
.digital-sewa-page .footer-light-logo,
.news-detail-page .footer-light-logo,
.notibell-page .footer-light-logo {
  display: none
}

.careerpage .black-social,
.digital-sewa-page .black-social,
.news-detail-page .black-social,
.notibell-page .black-social {
  display: flex
}

.careerpage .white-social,
.digital-sewa-page .white-social,
.news-detail-page .white-social,
.notibell-page .white-social {
  display: none
}

.about-us .copyright-txt,
.about-us .copyright-txt a,
.about-us .footer-contact li svg,
.careerpage .copyright-txt,
.careerpage .footer-contact li svg,
.contact-us .copyright-txt,
.contact-us .copyright-txt a,
.contact-us .footer-contact li svg,
.digital-sewa-page .copyright-txt,
.digital-sewa-page .copyright-txt a,
.digital-sewa-page .footer-contact li svg,
.news-detail-page .copyright-txt,
.news-detail-page .copyright-txt a,
.news-detail-page .footer-contact li svg,
.notibell-page .copyright-txt,
.notibell-page .copyright-txt a,
.notibell-page .footer-contact li svg {
  color: #616161;
  opacity: 1
}

.about-us .footer-headings,
.careerpage .footer-headings,
.contact-us .footer-headings,
.digital-sewa-page footer .footer-headings,
.news-detail-page .footer-headings,
.notibell-page .footer-headings {
  color: #0a0b12
}

.about-us .footer-contact li a,
.about-us .footer-links,
.careerpage .footer-contact li a,
.careerpage .footer-links,
.contact-us .footer-contact li a,
.contact-us .footer-links,
.digital-sewa-page .footer-contact li a,
.digital-sewa-page .footer-links,
.news-detail-page .footer-contact li a,
.news-detail-page .footer-links,
.notibell-page .footer-contact li a,
.notibell-page .footer-links {
  color: #080e21
}

.about-us footer p,
.careerpage footer p,
.contact-us footer p,
.digital-sewa-page footer p,
.news-detail-page .mb-2.max-sm\:text-center p,
.news-detail-page .tracking-normal p,
.notibell-page footer p {
  color: #080e21 !important;
  font-weight: 400
}

.Partnership footer ul h5,
.about-us footer ul h5,
.careerpage footer ul h5,
.contact-us footer ul h5,
.digital-sewa-page footer ul h5,
.news-detail-page ul h5,
.notibell-page footer ul h5 {
  color: #080e21 !important;
  font-weight: 600
}

.detail-form-bg .About-us-form .circle-arrow .next {
  background: url(/assets/images/about-contact-arrow.webp)no-repeat center;
  background-size: contain
}

.About-us-form .btn {
  border-radius: 10px;
  background-color: #fff;
  color: #2f2f2f !important
}

.banner-para-about {
  width: 35%
}

.about-banner-section {
  align-items: flex-end;
  padding: 0 15px 80px
}

.lets-section .together-about {
  border: 0
}

.lets-together ul li p {
  font-size: 24px
}

.lets-together ul li p:before,
.together-about h4 a:after {
  content: "";
  height: 16px;
  width: 18px;
  display: inline-block;
  background-size: contain !important
}

.lets-together ul li p:before {
  background: url(/assets/images/lets-arrow.webp)left no-repeat !important;
  margin: 0 10px 0 0
}

.about-stats-visible img {
  width: 54px;
  height: 54px
}

.about-stats-visible {
  display: flex;
  justify-content: space-around;
  gap: 70px;
  padding: 70px 0
}

.about-stats-visible p span {
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
  color: #f8f7fb;
  margin-bottom: 24px
}

.about-stats-visible .font-heading {
  font-weight: 700;
  font-size: 80px;
  line-height: 72px;
  letter-spacing: -.8px
}

.about-us .stat-border,
.together-about {
  border-top: 1px solid #818181
}

.together-about h2 {
  font-size: 56px;
  line-height: 72px;
  color: #252f41;
  margin-bottom: 64px
}

.together-about h2 span {
  color: #d848d4
}

.contact-us-right p,
.together-about h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
  letter-spacing: -.5px;
  color: #343a50
}

.together-about h4 a {
  border-bottom: 1px solid #333
}

.together-about h4 a:after {
  background: url(/assets/images/join-us.svg)left no-repeat !important;
  margin: 10px 0 0 10px;
  position: absolute
}

.detail-form-about {
  background: linear-gradient(195.78deg, #c67efc .44%, #453cea 89.07%)
}

.contact-us h1,
.let-connect,
.together-about h2 {
  font-weight: 700;
  letter-spacing: -.8px
}

.let-connect {
  color: #0e0d15;
  font-size: 36px;
  font-style: normal;
  line-height: 42px;
  text-transform: capitalize;
  padding-bottom: 32px
}

.contact-us-social.contact-us-social-mobile {
  display: none
}

.cntctUsLeft {
  width: 720px;
  height: 683px;
  padding: 20px 24px 24px;
  color: #fff
}

.cntctUsLeft h2 {
  color: #fff;

  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  margin-bottom: 21px
}

.button-free-black {
  border: 1px solid #fff
}

.button-free-black,
.button-free-white {

  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 43px;
  letter-spacing: .8px;
  border-radius: 10px;
  height: 52px;
  cursor: pointer
}

.button-free-white:hover {
  color: initial !important
}

.button-free-black:hover {
  color: #fff !important
}

.map-contact-us {
  height: 424px;
  width: 100%
}

section.hb-form {
  padding: 0 28px 28px;
  width: 100%
}

.contact-us-banner {
  background: url(/assets/images/Contact-us-banner.webp)no-repeat center center;
  background-size: 100%;
  height: 550px;
  padding: 400px 0 0 60px
}

.contactUsUpdated {
  border-radius: 20px;
  background: #0e0d15;
  filter: drop-shadow(0 4px 35px rgba(0, 0, 0, .08));
  margin-right: 12px
}

.contact-us h1 {
  font-size: 64px;
  line-height: 77px;
  color: #fff;
  text-shadow: 1px 4px 2px rgba(0, 0, 0, .25);
  text-transform: uppercase
}

.contact-us-left h4,
.contact-us-right h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #545454
}

.contact-us-right h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 1.2px;
  color: #000
}

.contact-us-right p {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  padding: 70px 64px 0 0
}

.contact-us-email {
  padding-top: 508px
}

.contact-us-copyright,
.contact-us-copyright a {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -.145455px;
  color: #232323 !important;
  padding-top: 32px
}

.contact-us .btn.header-btn.btn-services {
  border: 0 !important;
  background: #f2f2f2;
  font-size: 14px;
  line-height: 17px;
  color: #939393
}

.contact-us .btn.header-btn.btn-services.btn-services-active {
  border: 0 !important;
  background: #0e0d15;
  font-size: 14px;
  line-height: 17px;
  color: #f9f8fb
}

.contact-us .flex.items-start:nth-child(1) {
  margin-left: 0 !important
}

.contact-us-right {
  width: 55%
}

.contact-us-follow h4.text-base.md\:pb-4,
.contact-us-follow ul,
.contact-us-left .contact-us-copyright {
  display: none
}

.contact-us-section {
  padding-top: 115px;
  background-size: 100% 100%;
  height: 1004px
}

.contact-us-country {
  margin-top: 120px;
  padding: 0 0 120px;
  background: #0b020a url(/assets/images/Country-bg.png)no-repeat center;
  background-size: 100% 100%
}

.international-img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.white-box-contact {
  padding-top: 21px
}

.white-box-contact a {
  color: #fff !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: inline-flex;
  letter-spacing: .8px;
  opacity: .8;
  cursor: pointer
}

.contact-us-country h2,
.contact-us-third h2,
.hb-form-div-contact h2 {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -.8px;
  text-transform: capitalize;
  padding-top: 120px
}

.contact-us-country h2 {
  color: #fff !important;
  padding-bottom: 32px
}

.contact-us-third h2,
.hb-form-div-contact h2 {
  color: #252f41
}

.hb-form-div-contact h2 {
  padding-bottom: 32px;
  padding-top: 0
}

.contact-us-third h2 {
  padding-bottom: 24px
}

.contact-us-third p,
.contact-us-third p a,
.right-social-contact h3,
.right-social-contact p {
  color: #343a50;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.5px
}

.contact-us-third {
  padding-bottom: 64px
}

.contact-us-third p a,
.right-social-contact h3,
.right-social-contact p {
  font-weight: 600
}

.contact-us-social {
  background: url(/assets/images/contact-fourth-bg.webp)no-repeat center;
  background-size: contain;
  height: 750px
}

.right-social-contact {
  padding-top: 324px
}

.right-social-contact h3,
.right-social-contact p {
  color: #fff;
  font-size: 42px;
  font-weight: 800;
  padding-bottom: 12px
}

.right-social-contact p {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -1.5px;
  padding-bottom: 34px
}

#dot-none .dot-2,
.panel {
  display: none
}

.panel.is-show {
  display: block;
  margin-bottom: 1.4rem
}

.career-form {
  border-radius: 20px;
  border: 1px solid #e6e5ed;
  background: #fff;
  box-shadow: 0 2px 32px #00000012
}

#carrerform {
  padding: 32px
}

.opening-box {
  padding: 30px
}

.open-box2 {
  margin-top: 1.5rem
}

.opening-box h4 {
  color: #edeff4;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-bottom: 20px
}

.career-jd h2 {
  background: var(--Style, linear-gradient(260deg, #FE15A0 70.69%, #DE29C8 81.61%, #7059FE 102.37%));
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-bottom: 18px
}

.career-jd h3 {
  color: #343a50;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 64px
}

.career-jd {
  padding: 80px 0 0
}

.career-jd p {
  color: #343a50;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.key-response {
  padding-left: 14px
}

.key-response .katana-blog-subheading.katana-blog-subheading2 {
  list-style-type: disc;
  margin: 0 !important
}

.career-jd p span,
.careerpage .career-banner-text p b {
  font-weight: 600
}

.career-jd p.pt-2 {
  padding-top: 24px !important
}

.career-jd p.heading-jd {
  font-size: 24px;
  padding-bottom: 4px
}

.jd-form {
  display: flex;
  margin: auto;
  justify-content: center;
  padding: 100px 124px;
  gap: 150px
}

.jd-left-text h2 {
  color: #0b020a;
  text-shadow: 0 4px 29px rgba(255, 255, 255, .25);
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: .8px
}

.jd-left-form {
  width: 40%
}

.jd-left-img {
  margin-top: 70px;
  width: 88%
}

.jd-left-img-small {
  margin-top: 70px;
  width: 58%
}

.jd-right-form {
  width: 60%
}

.banner-form h1 span,
.ERP Fast Track -manufacturing h2 span,
.jd-left-text h2 span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important
}

.jd-left-text h2 span {
  background: var(--Style, linear-gradient(260deg, #FE15A0 70.69%, #DE29C8 81.61%, #7059FE 102.37%))
}

.opening-box h3,
.openings-btn .nav-link-home {

  font-style: normal;
  font-weight: 600
}

.opening-box h3 {
  color: #edeff4;
  font-size: 28px;
  line-height: normal;
  padding-bottom: 12px
}

.opening-box-para {
  color: #5f6e76;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 42px
}

.career-form h3 {
  color: #111827;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-bottom: 2px solid #ededed;
  padding: 32px
}

.careerpage .career-banner-text h2 {
  color: #252f41;
  font-style: normal;
  padding-top: 105px
}

.pink-span {
  background: linear-gradient(240deg, #fe15a0 0, #de29c8 35.99%, #7059fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.career-opening-main p,
.careerpage .career-banner-text p {
  color: #343a50;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.5px
}

.career-img {
  width: 80%;
  height: auto;
  z-index: 9;
  position: relative;
  display: flex;
  margin: auto;
  margin-top: 80px !important
}

.career-opening {
  background: #0c030b;
  padding: 100px 0
}

#isright img,
.openings-btn {
  float: right
}

.career-nb h2,
.career-opening-main h2,
.careerpage .career-banner-text h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -.8px
}

.career-opening-main h2 {
  color: #fff;
  padding-bottom: 64px
}

.career-opening-main p {
  color: #0b182b;
  font-size: 20px;
  line-height: normal;
  letter-spacing: .16px;
  text-transform: uppercase;
  padding-bottom: 18px;
  opacity: .8
}

.career-banner {
  padding: 0 15px 100px
}

.opening-box {
  border: 1px solid #333;
  background: #131224;
  transition: .3s;
  width: 100%;
  border-radius: 0
}

.openings-btn .nav-link-home {
  color: #ffb400;
  font-size: 15px;
  line-height: 18px
}

.openings-btn .nav-link-home a {
  display: inline-flex;
  gap: 8px;
  padding-top: 12px;
  align-items: center
}

.openings-btn .nav-link-home a:hover {
  color: #b6afaf !important
}

.inter.btn-gradient.nav-link-home a:hover svg path#path-white {
  fill: #b6afaf
}

.openings-btn .nav-link-home a img {
  width: 17px;
  height: 10px;
  margin: auto
}

.opening-box:hover {
  border: 1px solid rgba(255, 180, 0, .5);
  background: #131224;
  box-shadow: 0 0 30px #ffb40080;
  cursor: pointer
}

.experience,
.full-time,
.hybrid {
  color: #aab5cb;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px
}

.career-nb {
  background: url(/assets/images/Infonet-career.webp)no-repeat center;
  background-size: cover;
  padding: 100px 0
}

.career-nb h2 {
  color: #f7f6fa;
  font-style: normal
}

.gallery.career-gallery {
  padding-bottom: 100px !important
}

.nb-career-sapn,
.single-testimonial h5 {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.nb-career-sapn {
  background: linear-gradient(260deg, #fe15a0 70.69%, #de29c8 81.61%, #7059fe 102.37%)
}

.career-hr {
  padding: 100px 0
}

.career-hr .career-right {
  gap: 42px
}

.hr-img {
  width: 300px
}

.career-hr .career-left h2,
.career-right h2 {
  font-style: normal;
  font-weight: 600;
  line-height: 40px
}

.career-hr .career-left h2 {
  color: #0b182b;
  font-size: 36px;
  letter-spacing: -.48px;
  padding-bottom: 12px
}

.career-hr .career-left p {
  color: #343a50;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -.5px
}

.career-right h2 {
  color: #242535;
  font-size: 19px
}

.banner-form p,
.career-hr .career-left p,
.career-right p {
  font-style: normal;
  font-weight: 400
}

.career-right p {
  color: #adacaf;
  font-size: 15px;
  line-height: 12px
}

.career-content h4 {
  color: #90a0b9;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .16px;
  padding-bottom: 24px
}

.career-content {
  padding-left: 15px;
  padding-right: 15px
}

.digital-sewa-page .next-prev-seva {
  display: none
}

.next-prev-seva {
  margin-top: 76px
}

.next-prev-seva .swiper-button-next {
  right: inherit;
  position: relative;
  border-radius: 2px;
  background: #fff;
  height: 30px
}

.next-prev-seva .swiper-button-prev {
  left: inherit;
  position: relative;
  border-radius: 2px;
  background: #fff;
  height: 30px
}

.next-prev-seva .swiper-button-next.swiper-button-disabled,
.next-prev-seva .swiper-button-prev.swiper-button-disabled {
  background: #09090c;
  border: 1px solid #fff
}

.next-prev-seva .swiper-button-next:after,
.next-prev-seva .swiper-button-prev:after {
  content: ""
}

.banner-form h1 {
  font-size: 40px;
  color: #150035
}

.current-opening.current-opening-last {
  border-bottom: none
}

.banner-form h1 span,
.ERP Fast Track -manufacturing h2 span {
  background: linear-gradient(91.27deg, #ffad00 10.68%, #009fa9 115.05%);
  text-fill-color: transparent !important
}

.banner-form h3 {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -.0604403px;
  color: #080e21
}

.banner-form h4,
.stepping-section h3 {
  font-size: 25px;
  line-height: 35px;
  letter-spacing: -.0604403px;
  color: #343a50
}

.banner-form h4:after {
  content: "";
  height: 2px;
  background: #ffad00;
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.banner-form p {
  font-size: 20px;

  line-height: 37px;
  letter-spacing: -.24px
}

.upgrade-form-manufacture {
  background: #fffdf9;
  box-shadow: 0 0 10px #0000001a;
  border-radius: 10px
}

.stepping-section p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -.06px;
  color: #636981;
  padding-bottom: 15px
}

.stepping-section h2.font-heading:after {
  content: "";
  height: 2px;
  background: #686868;
  width: 177px;
  margin: 15px 0 30px
}

.stepping-section h3 {
  font-size: 24px;
  line-height: 26px;
  text-transform: inherit;
  color: #363d58
}

.ERP Fast Track -manufacturing h2,
.faq-section h2 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -.0604403px;
  color: #000
}

.faq-section h2 {
  font-weight: 700;
  margin-bottom: 40px
}

.food-solutions .faq-section h2 span {
  color: #f97962
}

.banner-form h1,
.ERP Fast Track -manufacturing h2 span {
  letter-spacing: -.0604403px
}

.single-testimonial h2 {
  font-size: 40px;
  line-height: 60px
}

.single-testimonial h5 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: .11em;
  text-transform: uppercase;
  background: linear-gradient(91.27deg, #ffad00 .68%, #009fa9 30.05%);
  background-clip: text;
  text-fill-color: transparent
}

.category-icons {
  width: 100px;
  height: 100px;
  background: #f8f8f8;
  box-shadow: 0 4px 4px #00000040;
  border-radius: 10px
}

.feat-list {
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -.0604403px;
  color: #636981
}

.blue-shadow-bg,
.yellow-shadow-bg {
  opacity: .12;
  filter: blur(162.5px);
  transform: scaleX(-1);
  position: absolute;
  height: 400px;
  margin: 0;
  width: 650px
}

.yellow-shadow-bg {
  background: #ffa121
}

.blue-shadow-bg {
  background: #007981 !important
}

.single-testimonial p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .02em;
  color: #636981
}

.ur-business-section .verticalSlider {
  max-width: 570px;
  float: right;
  width: 100%;
  margin-right: -15px;
  margin-top: 36px
}

.scrollbox,
.scrollgroup {
  width: 100%;
  box-sizing: border-box
}

.scrollbox {
  margin: 0 auto;
  height: 500px;
  position: relative;
  overflow: hidden
}

.scrollgroup {
  position: absolute;
  height: 100%;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.scrollgroup .scrollitem {
  background: #fff;
  border-radius: 6px;
  width: 95%;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -.488889px;
  color: #919fb5;
  margin: 10px 0;
  text-align: left;
  padding: 0 0 0 40px
}

.scrollgroup .scrollitem:first-child {
  background: #fff;
  box-shadow: 0 12px 54px -20px #0003;
  border-radius: 6px;
  width: 100%;
  transition: all .5s ease-in-out
}

.scrollgroup .scrollitem:first-child h3:before {
  background: #eafbfb url(/assets/images/tick-green.png)no-repeat center
}

.erp-InfosoftPOS ol li,
.pos-section {
  font-size: 16px;
  line-height: 32px;
  color: #48495f
}

.left-pos img.mb-3.mt-2.pl-10 {
  width: 255px;
  height: 52px
}

.pos-email,
.pos-phone {
  line-height: 22px
}

.pos-section img {
  width: 807px;
  height: 500px
}

.privacy h1,
.privacy h2,
.privacy h3,
.privacy h4 {
  color: #000
}

.list-container {
  padding: 12px;
  height: 590px;
  margin-left: auto;
  margin-right: auto
}

.list-container .list {
  position: relative
}

.mktplace-banner {
  background: #f2f3f7;
  height: 820px
}

.market-logos h3 {
  color: #000;
  font-size: 42px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -2px
}

.market-left {
  padding-left: 170px
}

.mktplace-banner h1 {
  font-size: 56px;
  line-height: 80px;
  letter-spacing: -2px;
  color: #252f41;
  padding-top: 100px
}

.mktplace-banner h1:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 283px;
  height: 26px;
  background: url(/assets/images/underline.svg)no-repeat bottom right;
  margin: -15px 0 0-275px
}

.mktplace-banner h1 span {
  background: linear-gradient(92.17deg, #3e83ff 42.39%, #2f73ed 102.18%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.mktplace-banner .button-blue {
  background: #4b3ff5;
  border-radius: 46px;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -1px
}

.mktplace-banner .circle-arrow {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #6f65f7;
  box-shadow: 0 4px 29px #ffffff40;
  justify-content: center;
  align-items: center;
  margin-left: 15px
}

.mktplace-banner .arrow {
  width: 32px
}

.mktplace-banner button:hover .arrow {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

logo-slider,
logo-slider div {
  display: flex;
  position: relative
}

logo-slider {
  --image-size: 320px;
  padding: 20px;
  overflow: hidden;
  max-width: 100vw;
  width: 100%;
  margin: 0 auto;
  height: auto
}

logo-slider div {
  animation: gallerySlider 20s linear infinite;
  justify-content: space-around;
  transition: all .5s ease-in-out;
  z-index: 0
}

.career-gallery logo-slider .img-cont,
logo-slider .img-cont {
  display: inline-block;
  margin: 0 1vw;
  height: auto;
  transition: all .5s ease-in-out;
  overflow: hidden
}

logo-slider .img-cont {
  min-width: var(--image-size)
}

.career-gallery logo-slider img,
logo-slider img {
  display: inline-block;
  height: 360px;
  width: 320px;
  transition: all .5s ease-in-out
}

logo-slider div img:hover {
  transform: scale(1.05);
  transition: all .5s ease-in-out
}

.bnr-slider:hover banner-slider div,
logo-slider:hover div {
  animation-play-state: paused;
  transition: all .5s ease-in-out
}

.g-img1 {
  margin-top: 85px
}

.g-img2 {
  margin-top: 170px
}

.g-img3 {
  margin-top: 120px
}

.g-img4 {
  margin-top: 0
}

.career-gallery logo-slider img {
  width: 382px;
  height: 477px;
  margin-top: 53px
}

.career-gallery logo-slider img.g-img11 {
  height: 530px;
  margin-top: 0
}

.career-gallery logo-slider .img-cont {
  min-width: 382px
}

banner-slider,
banner-slider div {
  display: flex;
  flex-direction: column;
  position: relative
}

banner-slider {
  overflow: hidden;
  max-width: 280px;
  width: 100%;
  height: 680px;
  margin: 0 auto
}

banner-slider div {
  margin: 0 12px
}

.image-track-col1 banner-slider div {
  animation: marquee 50s linear infinite
}

.image-track-col2 banner-slider div {
  animation: marquee 65s linear infinite
}

banner-slider img {
  display: block;
  min-width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 24px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1))
}

banner-slider:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), #fff)
}

.accordion {
  width: 100%;
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem transparent;
  --bs-accordion-active-bg: transparent
}

.accordion-item:last-of-type .accordion-collapse {
  opacity: 1;
  padding: 15px;
  box-shadow: 0 2px 4px #1124481b;
  border-radius: 14px;
  margin-bottom: 20px
}

.accordion__item:last-of-type .accordion__header,
.accordion__item:last-of-type .accordion__panel,
.accordion__item:only-of-type .accordion__header,
.accordion__item:only-of-type .accordion__panel {
  background: linear-gradient(139.69deg, #f8f8f8 0, #f6f6f6 100%);
  border-radius: 4px;
  border: 0 !important
}

.accordion__item:last-of-type .accordion__header,
.accordion__item:only-of-type .accordion__header {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: .005em;
  color: #000;
  font-weight: 600;
  padding: 30px 30px 30px 60px
}

.accordion__panel .panel__inner {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: .005em;
  padding: 15px 30px 15px 60px
}

.accordion__panel .panel__inner p {
  padding: 5px 0 10px
}

.accordion__panel .panel__inner ol,
.accordion__panel .panel__inner ul {
  padding: 5px 10px 5px 20px
}

.accordion__panel .panel__inner li {
  padding: 5px 0 10px;
  list-style: disc
}

.accordion__panel .panel__inner ol li {
  list-style: decimal
}

.accordion__header .header__toggle-indicator {
  width: 28px;
  border: 2px solid #636981;
  border-radius: 50%;
  height: 28px;
  font-size: 15px;
  padding: 4px;
  font-weight: 300;
  color: #636981
}

.accordion-body ol,
.accordion-body ul {
  margin: 5px 0 5px 15px
}

.accordion-body ul li {
  list-style-type: disc
}

.accordion-body ol li {
  list-style-type: decimal
}

.benefit-box,
.support-box {
  background: linear-gradient(139.69deg, #f8f8f8 0, #f6f6f6 100%)
}

.ERP Fast Track -software .platform-section .platform-box {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a, 0 24px 32px -3px #0b152d1f
}

.ERP Fast Track -software .platform-section .platform-box-div {
  color: #132a38;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.ERP Fast Track -software .platform-box h4 {
  color: var(--subheading-colors, #111833);
  font-size: 18px;

  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.18px
}

.support-box h4 {
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -.0604403px;
  color: #363d58
}

.Retail-Support .support-box h4 {
  text-transform: inherit
}

.platform-box img {
  height: 46px
}

.support-box p {
  font-size: 16px;
  line-height: 26px;
  color: #4c536d
}

.benefit-box h4 {
  font-size: 18px;
  line-height: 36px;
  color: #000
}

.benefit-list,
.casestudy-inner-left a {
  font-size: 16px;
  line-height: 24px;
  color: #000
}

.benefit-box h4,
.benefit-list,
.support-box p {
  letter-spacing: -.0604403px
}

.benefit-list p {
  padding: 5px 0 10px
}

.casestudy-inner {
  height: 400px
}

.casestudy-inner-left {
  background: #263238 url(/assets/images/casestudy-frame.png)left no-repeat !important;
  background-size: cover !important
}

.casestudy-inner-left h4 {
  font-size: 20px;
  line-height: 30px;
  color: #fff
}

.casestudy-inner-left p {
  font-size: 14px;
  line-height: 21px;
  color: #edeef1
}

.casestudy-inner-left a {
  background: linear-gradient(91.27deg, #ffad00 10.68%, #009fa9 115.05%);
  box-shadow: 0 2px 18px #00000012
}

.casestudy-inner-left a:hover {
  opacity: .7;
  color: #000 !important
}

.ERP Fast Track -healthcare .banner-form h1 {
  font-size: 50px;
  line-height: 62px;
  letter-spacing: -.0604403px
}

.ERP Fast Track -healthcare .banner-form h1 span {
  background: linear-gradient(100.43deg, #5552ff 2.39%, #00c1eb 47.1%, #00e3ad 93.87%)
}

.ERP Fast Track -healthcare h2,
.ERP Fast Track -software h2 {
  font-size: 40px;
  line-height: 62px;
  letter-spacing: -.0604403px;
  color: #212a4c
}

.contact-us h2 span,
.ERP Fast Track -healthcare .banner-form h1 span,
.ERP Fast Track -software .banner-form h1 span,
.ERP Fast Track -software h2 span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.contact-us h2 span {
  letter-spacing: -.0604403px;
  background: linear-gradient(176.27deg, #fe15a0 -6.54%, #de29c8 36.78%, #7059fe 103.23%)
}

.ERP Fast Track -software .banner-form h4 {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 4px;
  color: #636981;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row
}

.ERP Fast Track -software .banner-form h4:before {
  content: "";
  height: 25px;
  width: 25px;
  display: inline-block;
  background: url(/assets/images/planet.png)left no-repeat !important;
  background-size: contain !important;
  margin: 0 10px 0 0
}

.ERP Fast Track -software .banner-form h4:after {
  background: 0 0
}

.ERP Fast Track -software .banner-form h1 {
  font-size: 56px;

  font-style: normal;
  font-weight: 600;
  line-height: 76px;
  letter-spacing: -2px;
  background: -webkit-linear-gradient(#fafafa, #f6f5f7, #a9a3c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.ERP Fast Track -software .banner-form h1 span,
.ERP Fast Track -software h2 span {
  background: linear-gradient(103.06deg, #5552ff 4.14%, #00c1eb 28.13%, #00e3ad 53.13%)
}

.ERP Fast Track -healthcare .detail-form-bg h2:after,
.ERP Fast Track -healthcare h2:after {
  content: "";
  height: 4px !important;
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.ERP Fast Track -healthcare h2:after {
  background: linear-gradient(103.18deg, #5552ff 4.57%, #00c1eb 54.07%, #00e3ad)
}

.ERP Fast Track -healthcare .detail-form-bg h2 {
  line-height: 60px;
  color: #fff
}

.ERP Fast Track -healthcare .detail-form-bg h2:after {
  background: linear-gradient(103.18deg, #fff 4.57%, #c7c7c7 54.07%, #fff 105.85%)
}

.ERP Fast Track -healthcare h2 span,
.food-solutions main {
  background: #fff
}

.ERP Fast Track -healthcare .form-left-text a {
  color: #fff !important
}

.ERP Fast Track -healthcare .form-left-text a:hover span {
  color: #d8d5d5 !important
}

.ERP Fast Track -healthcare .detail-form p,
.panel.is-show {
  line-height: 42px;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: .2px;
  color: #17171e;
  text-align: center
}

.ERP Fast Track -healthcare h2.accordion-header:after {
  content: "";
  height: auto;
  background: 0 0;
  display: inherit;
  width: auto;
  margin: 0
}

.ERP Fast Track -healthcare .banner-form h4:after {
  content: "";
  height: 4px;
  background: linear-gradient(103.18deg, #5552ff 4.57%, #00c1eb 54.07%, #00e3ad 105.85%);
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.ERP Fast Track -healthcare h5 {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #0075ed;
  opacity: .8
}

.case-implementation .grid-pagination svg,
.contact-us-country .grid-pagination svg,
.ERP Fast Track -healthcare footer h5,
.ERP Fast Track -retail footer h5,
.slidenb.slide1:hover .content a,
.slidenb.slide1:hover .content h3 {
  color: #fff
}

.ERP Fast Track -software .erp-section .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center {
  border-radius: 30px;
  background: #f2f3f7
}

.ERP Fast Track -software .erp-section .lg\:py-20 {
  padding-top: 1rem;
  padding-bottom: 2rem
}

.client-section,
.contact-section {
  background: linear-gradient(139.69deg, #f8f8f8 0, #f6f6f6 100%);
  box-shadow: 0 5px 20px #0000001a
}

.about-content h2,
.leader-section h2 {
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: -.8px;
  color: #252f41
}

.leader-section h2 {
  padding-bottom: 42px;
  padding-right: 0
}

.leader-section h4,
.leader-section h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -.8px;
  color: #000
}

.leader-section h4:hover {
  opacity: .7
}

.leader-section h5 {
  font-weight: 400;
  font-size: 16px;
  color: #555
}

.about-content h2 span,
.ERP Fast Track -lms h2 span,
.leader-section h2 span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.about-content h2 span,
.leader-section h2 span {
  background: linear-gradient(194.8deg, #fe15a0 6.14%, #de29c8 42%, #7059fe 97.02%)
}

.about-content h5 {
  color: #fd7d06;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 24px
}

.about-content p,
.together-about p {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #343a50
}

.together-about .together-left p {
  padding: 20px 99px 0
}

.about-content .bullet-pt:before {
  content: "";
  background: url(/assets/images/rightarrow.png)no-repeat left;
  display: inline-block;
  height: 15px;
  width: 40px
}

.edu-section {
  background: #f3f4fb
}

.edu-section h2:after {
  border-bottom: none !important;
  margin: 0 !important
}

.edu-icons h4 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -.0604403px;
  color: #080e21
}

.module-icons {
  width: 54px;
  height: 54px;
  background: #e0ecfb;
  border-radius: 10px
}

.module-icons img {
  width: 34px;
  height: 34px
}

.categories-section h3,
.standards-section p {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -.0604403px;
  color: #343a50
}

.modules-section h2:after {
  background: 0 0 !important;
  border: 0 !important
}

.standards-section p {
  font-size: 14px;
  line-height: 22px;
  color: #636981
}

.ERP Fast Track -lms h2,
.ERP Fast Track -retail h2 {
  font-size: 40px;
  line-height: 62px;
  letter-spacing: -.0604403px;
  color: #212a4c
}

#bookConsultationLabel {
  color: #000 !important;
  -webkit-text-fill-color: #000
}

.ERP Fast Track -lms h2 span {
  letter-spacing: -.0604403px;
  background: linear-gradient(103.18deg, #3c3086 4.57%, #7491f7 105.85%)
}

.ERP Fast Track -lms h2:after {
  content: "";
  height: 4px !important;
  border-bottom: 4px solid #ffb2a7;
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.ERP Fast Track -lms .banner-form h4:after {
  content: "";
  height: 4px;
  background: linear-gradient(103.18deg, #ef715f 4.57%, #ef715f 54.07%, #ef715f 105.85%);
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.ERP Fast Track -lms h5 {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #ef715f;
  opacity: .8;
  background: 0 0
}

.ERP Fast Track -retail h5 {
  color: #8661c1
}

.ERP Fast Track -lms footer h5 {
  color: #fff;
  font-weight: 500
}

.ERP Fast Track -lms .module-icons {
  background: #fff0ed
}

.ERP Fast Track -lms .banner-inner {
  background: #fef9e8 url(/assets/images/banner-lms-bg.png)no-repeat right top;
  border-radius: 20px;
  padding: 100px 40px;
  background-size: contain
}

.module-list .module-item {
  counter-increment: css-counter 1
}

.module-list .module-item:before {
  content: "0" counter(css-counter);
  background: #ffc54c;
  width: 124px;
  height: 75px;
  display: inline-block;
  position: absolute;
  text-align: center;
  line-height: 75px;
  border-radius: 40px 0;
  margin: -210px 0 0-5px;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 4px 4px #00000040
}

.module-list .module-item .module-box {
  width: 240px;
  height: 250px;
  border: 2px solid #ffc54c;
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.industry-section p {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -.1px;
  color: #636981
}

.industry-list .industry-item,
.module-list .module-item {
  list-style: none;
  padding: 0 0 40px
}

.industry-list .industry-item:after,
.industry-list .industry-item:before {
  content: " ";
  position: absolute;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 4px 4px #00000040
}

.industry-list .industry-item:before {
  background: #ffc54c;
  width: 114px;
  height: 114px;
  margin: -50px 0 0 43px;
  z-index: -1
}

.industry-list .industry-item:after {
  background: #fff;
  width: 80px;
  height: 80px;
  margin: -50px 0 0 60px
}

.industry-list .industry-item .industry-box {
  width: 100%;
  height: 166px;
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/assets/images/industry-box-bg.png)no-repeat right top;
  background-size: contain
}

.industry-list .industry-item .industry-box-inner h5 {
  font-size: 18px;
  line-height: 34px;
  text-align: right;
  letter-spacing: -.1px;
  color: #080e21
}

.industry-list .industry-item .industry-box-inner p {
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: -.1px;
  color: #636981
}

.industry-list .industry-item:nth-child(2):before,
.industry-list .industry-item:nth-child(5):before {
  background: #5db15a
}

.industry-list .industry-item:nth-child(3):before,
.industry-list .industry-item:nth-child(6):before {
  background: #056c7c
}

.module-list .module-item:nth-child(2):before {
  background: #ef715f
}

.module-list .module-item:nth-child(2) .module-box {
  border: 2px solid #ef715f
}

.module-list .module-item:nth-child(3):before {
  background: #629879
}

.module-list .module-item:nth-child(3) .module-box {
  border: 2px solid #629879
}

.module-list .module-item:nth-child(4):before {
  background: #0d89fb
}

.module-list .module-item:nth-child(4) .module-box {
  border: 2px solid #0d89fb
}

.module-list .module-item:nth-child(5):before {
  background: #6e7bd2
}

.module-list .module-item:nth-child(5) .module-box {
  border: 2px solid #6e7bd2
}

.module-list .module-item:nth-child(6):before {
  background: #41da6c
}

.module-list .module-item:nth-child(6) .module-box {
  border: 2px solid #41da6c
}

.module-list .module-item:nth-child(7):before {
  background: #d838db
}

.module-list .module-item:nth-child(7) .module-box {
  border: 2px solid #d838db
}

.module-list .module-item:nth-child(8):before {
  background: #ee6f27
}

.module-list .module-item:nth-child(8) .module-box {
  border: 2px solid #ee6f27
}

.module-list .module-box {
  width: 240px;
  height: 250px;
  border: 2px solid #ffc54c;
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.module-list .module-box .module-box-inner {
  width: 347px;
  height: 349px;
  text-align: center;
  background: url(/assets/images/tilted-bg.png)no-repeat center;
  position: absolute;
  margin: 40px 0 0 30px;
  padding: 0 20px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column
}

.module-list .module-box .module-box-inner img {
  height: 55px
}

.module-list .module-box .module-box-inner p {
  color: #636981;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500
}

.ERP Fast Track -retail h2 span,
h2.blogsTitle {
  letter-spacing: -.0604403px;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important
}

.ERP Fast Track -retail h2 span {
  background: linear-gradient(102.63deg, #8661c1 -24.33%, #be97c6 121.86%)
}

.ERP Fast Track -retail h2:after {
  content: "";
  height: 4px !important;
  background: #2e294e;
  display: block;
  width: 177px;
  margin: 15px 0 30px
}

.pt-1200 {
  padding-top: 120px
}

.pb-100 {
  padding-bottom: 100px
}

.leader-cont img {
  width: 475px;
  height: 100%
}

.creator-cont img {
  border-radius: 50%
}

h2.blogsTitle {
  font-size: 40px;
  line-height: 62px;
  background: linear-gradient(103.18deg, #5552ff 4.57%, #00c1eb 54.07%, #00e3ad 105.85%)
}

.about-us .footer-dark-logo,
.contact-us .footer-dark-logo {
  display: block
}

.about-us .footer-light-logo,
.contact-us .footer-light-logo {
  display: none
}

.info-mail a {
  line-height: 30px
}

.blog-bookdemo,
.blog-post-page h2,
.blog-post-page h3,
.blog-post-page h4 {

  font-style: normal
}

.blog-post-page h2,
.blog-post-page h3,
.blog-post-page h4 {
  color: #252f41;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -.8px
}

.blog-post-page h2 {
  margin: 32px 0 16px
}

.blog-bookdemo {
  color: #f9f8fb !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px !important;
  letter-spacing: .8px;
  border-radius: 10px;
  background: #0e0d15
}

.title-katana-content div,
.title-katana-table div {
  color: #252f41;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px;
  padding: 12px 0
}

.title-katana-content div {
  text-align: left;
  padding: 20px 32px;
  color: #414c5f !important
}

.text-contact-vertical {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  position: absolute;
  right: 30px;
  height: calc(100% - 40px);
  writing-mode: vertical-rl;
  transform: rotate(180deg)
}

.katana-blog-heading li::marker {
  color: #252f41;

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -.8px;
  padding-left: 26px
}

.katana-blog-subheading {
  margin: 0 0 20px !important;
  padding-left: 20px !important
}

#location-7 .gray-box-contact img,
.katana-blog-subheading li,
.meet-our-news-grid img,
.our-partner-news-section-grid img {
  margin: 0
}

.katana-blog-subheading li::marker {
  color: #343a50;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.katana-blog-heading {
  padding-left: 26px !important
}

.katana-blog-heading1 li::marker {
  content: "1."
}

.katana-blog-heading2 li::marker {
  content: "2."
}

.katana-blog-heading3 li::marker {
  content: "3."
}

.katana-blog-heading4 li::marker {
  content: "4."
}

.katana-blog-heading5 li::marker {
  content: "5."
}

.katana-blog-heading6 li::marker {
  content: "6."
}

.blog-post-page ul li {
  color: #000;
  font-size: 18px;
  list-style: none;
  padding: 0;
  margin: 0
}

.news-post-page ul li:before {
  content: "";
  background: url(/assets/images/news-li.webp)no-repeat left center;
  display: flex;
  height: 30px;
  width: 30px;
  min-width: 30px
}

.bootcamp-news-page .news-post-page ul li:before {
  content: "";
  background: url(/assets/images/dot1.png)no-repeat left center;
  display: flex;
  height: 32px;
  width: 24px;
  min-width: 30px
}

.news-post-page ul.why-join-news li:before {
  height: 14px;
  width: 24px
}

.news-detail-page .benifit-news-box {
  border-radius: 10px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a;
  padding: 24px 32px 52px 24px
}

.news-detail-page .benifit-news-box h4 {
  color: #cac5d8;
  font-size: 50px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -2px;
  padding-bottom: 20px;
  margin: 0
}

.news-detail-page .benifit-news-box h5 {
  color: #343a50;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -.5px
}

.benifit-news-grid {
  gap: 20px;
  padding: 24px 0 107px
}

.meet-our-news-grid {
  gap: 20px;
  padding: 24px 0 42px
}

.our-partner-news-section-grid img {
  box-shadow: none
}

.news-post-page ul.why-join-news li {
  gap: 6px
}

.our-partner-news-section-grid {
  gap: 20px;
  padding-bottom: 32px
}

.our-partner-news-section-grid h4 {
  color: #39393c;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -.8px;
  margin: 0;
  padding-top: 16px
}

.casestudy-wrap h3,
.our-partner-news-section-grid h5,
.our-partner-news-section-grid h6 {
  color: #848390;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -.8px
}

.our-partner-news-section-grid h6 {
  color: #8f8da1;
  font-size: 14px;
  font-style: italic !important;
  font-weight: 400;
  padding-top: 16px
}

.blog-post-page ul li li:before,
.news-post-page ul li li:before {
  content: "-";
  background: 0 0
}

.news-post-page ul li {
  list-style: none;
  padding-left: 0;
  padding-bottom: 16px;
  display: flex
}

.news-detail-frappe .news-post-page ul li {
  padding-bottom: 0
}

.blog-post-page ul li:before {
  content: "";
  background: url(/assets/images/rightarrow.png)no-repeat left center;
  display: inline-block;
  height: 15px;
  width: 30px
}

.blog-list-block a {
  color: #000
}

.zoomIn {
  animation-name: zoomIn
}

.casestudy-wrap p {
  padding: 16px 0 24px
}

.casestudy-wrap h2 {
  color: #13a8ef;
  font-size: 30px;
  line-height: 1.21em;
  text-align: left;
  padding: 40px 0;
  font-style: italic;
  font-weight: 700
}

.casestudy-wrap h3 {
  color: #252f41;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  padding: 32px 0 16px
}

.accordion h2,
.casestudy-wrap h3.summary-text-case {
  padding: 0
}

.casestudy-wrap h3 span {
  background: linear-gradient(93.32deg, #0dd9a8 0, #48a3fe 112.6%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important
}

.casestudy-wrap,
.casestudy-wrap p {
  font-size: 18px !important;
  line-height: 28px !important;
  color: #343a50;

  font-style: normal;
  font-weight: 400;
  letter-spacing: -.5px
}

.erpcase-list {
  list-style-type: disc;
  padding-left: 45px
}

.casestudy-wrap ul li:before {
  content: "";
  background: url(/assets/images/rightarrow.png)no-repeat left;
  display: inline-block;
  height: 15px;
  width: 40px
}

.collapse.show {
  visibility: visible
}

.accordion-item:first-of-type .accordion-button {
  background: #f4f3f7;
  border-radius: 0 !important
}

.accordion-item {
  border: 0 !important
}

.written-likes a,
.written-likes li {
  color: #8a8a8a;
  font-size: 16px;
  display: flex;
  align-items: center
}

.case-detail-banner .written-likes a {
  color: #263238;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.5px;
  flex-direction: column;
  align-items: baseline
}

.case-detail-banner .written-likes img {
  width: 42px;
  height: 42px;
  border-radius: 42px;
  margin-right: 10px
}

.case-detail-banner .written-likes a span {
  color: #a5a5ad;
  font-size: 16px
}

.written-likes li:before {
  display: inline-flex;
  height: 30px !important;
  width: 30px !important;
  background-size: 30px !important;
  align-items: center;
  margin-right: 10px
}

.written-likes li.written-by:before {
  content: "";
  background: url(/assets/images/icon-pencil.png)no-repeat left
}

.written-likes li.read-by:before {
  content: "";
  background: url(/assets/images/icon-clock.png)no-repeat left
}

.written-likes li.share-button:before {
  content: "";
  background: url(/assets/images/icon-share.png)no-repeat left;
  float: left
}

.written-likes li.views:before {
  content: "";
  background: url(/assets/images/icon-view.png)no-repeat left
}

.written-likes li.like_button:before {
  content: "";
  background: url(/assets/images/icon-like.png)no-repeat left
}

.dropdown-menu .share-btns {
  display: flex;
  flex-direction: column;
  row-gap: 10px
}

.dropdown-submenu {
  display: none;
  position: absolute;
  margin: -10px 0 0-10px !important;
  z-index: 10;
  background: #fff;
  padding: 8px;
  border-radius: 0;
  width: 100%
}

.dropdown-submenu.show,
.food-solutions .accordion-body br,
.how-pos-works h2 br {
  display: block
}

.dropdown-menu .share-btns button {
  display: flex;
  flex-direction: row
}

.blog-share-btns span,
.dropdown-menu .share-btns .share {
  display: none
}

.blog-share-btns span.share {
  display: inline-block;
  line-height: normal
}

.dropdown-menu .share-btns span {
  display: block;
  margin-left: 10px;
  font-size: 18px;
  color: #000
}

.erp-InfosoftPOS h1,
.erp-InfosoftPOS h3 {
  font-size: 22px;
  line-height: 36px;
  letter-spacing: .01em;
  color: #353442
}

.erp-InfosoftPOS h3 {
  font-size: 20px;
  line-height: 34px;
  color: #606065;
  background: url(/assets/images/list-arrow.svg)no-repeat left center
}

.erp-InfosoftPOS p,
.pos-list p {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: .01em;
  color: #48495f;
  padding: 10px 0
}

.erp-InfosoftPOS ol {
  margin: 0 0 0 20px
}

.erp-InfosoftPOS ol li {
  padding: 10px 0;
  list-style: decimal
}

.pos-list p {
  padding: 0
}

.visit-web {
  display: inline-flex;
  align-items: center
}

.visit-web:before {
  content: "";
  background: url(/assets/images/visit-global.svg)no-repeat left center;
  width: 20px;
  height: 20px;
  margin-right: 10px
}

.visit-web:after {
  content: "";
  background: url(/assets/images/visit-send.svg)no-repeat left center;
  width: 20px;
  height: 20px;
  margin-left: 10px
}

.pos-contact,
.review-text,
.visit-web {
  font-size: 16px;
  line-height: 27px;
  color: #223d9c
}

.pos-contact {
  line-height: 18px;
  letter-spacing: -.145455px;
  color: #080e21
}

.pos-contact svg {
  color: #616161;
  opacity: .5;
  margin: 0 10px 0 0
}

.pos-contact-bg {
  background: url(/assets/images/pos-bg-bird.svg)no-repeat right bottom;
  background-position: 112px -13px
}

.icon-bg {
  width: 42px;
  height: 42px;
  padding: 11px;
  border-radius: 50%;
  background: linear-gradient(131.33deg, rgb(130, 145, 249, .4) 1.44%, rgba(130, 145, 249, .4) 94.68%)
}

.we-offer-section h5 {
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -.6px;
  color: #000
}

.we-offer-section h2 {
  font-size: 48px;
  line-height: 60px;
  color: #000
}

.we-offer-section,
.we-offer-section li {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -.6px;
  color: #4d4c4f
}

.petalm-page.rrl-page .eco-banner-text h1,
.we-offer-section ul,
.xurpas-page.rrl-page .eco-banner-text h1 {
  padding-top: 30px
}

body .faq-section {
  border-radius: 60px 60px 0 0;
  background: #efedf6;
  -webkit-backdrop-filter: blur(38.055946350097656px);
  backdrop-filter: blur(38.055946350097656px);
  padding: 80px 120px
}

.market-place2 {
  width: 218px;
  height: 350px
}

.market-place1 {
  width: 116px;
  height: 116px
}

body .faq-section h2 {
  font-weight: 600;
  font-size: 54px;
  line-height: 65px;
  text-align: center;
  letter-spacing: -1.2px;
  color: #080e21;
  padding-bottom: 50px
}

body .faq-section .accordion {
  --bs-accordion-bg: transparent
}

body .faq-section .accordion-item {
  border: 1.5px solid #d0cfd7 !important;
  border-radius: 20px !important
}

body .faq-section .accordion-item:last-of-type .accordion-collapse {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0
}

body .faq-section .accordion-header {
  box-shadow: 0 3px 27px #0000000a;
  border-radius: 20px
}

body .accordion-button:after {
  background: url(/assets/images/close-stoke.webp)no-repeat center
}

body .accordion-button:not(.collapsed):after {
  background: url(/assets/images/open-stoke.webp)no-repeat center;
  transform: none !important
}

body .faq-section .accordion-item:last-of-type .accordion-collapse.show {
  border-radius: 20px
}

body .faq-section .accordion-item:first-of-type .accordion-button.collapsed {
  background: 0 0 !important;
  border-radius: 0 !important
}

body .faq-section .accordion-button {
  border-radius: 20px !important;
  background: #fff !important;
  font-size: 24px;
  height: 94px;
  line-height: 30px;
  color: #0f1726
}

.Trirong {

  font-style: italic;
  font-weight: 500
}

.heading-food h1,
.inter {

  font-style: normal
}

.food-banner {
  background: url(/assets/images/banner-food.webp)no-repeat center;
  background-size: cover;
  height: 910px
}

.swiper-food {
  padding: 225px 0 0
}

.heading-food h1 {

  font-weight: 800;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -.0032em;
  color: #fff;
  padding-right: 455px
}

.food-swipe1 {
  width: auto;
  height: 590px;
  margin: -252px 0 0 850px
}

.food-solutions .btn.header-btn {
  border-radius: 37px
}

.food-solutions .food-btn {
  background: #000 !important;
  margin-top: 55px;
  border: 0 !important;
  color: #fff !important;
  width: 170px;
  height: 56px
}

.food-solutions .food-btn:hover {
  color: #000
}

.swiper-pagination.food-banner-slider.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin-top: -35px
}

.food-solutions .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #fff)
}

.food-solutions .swiper-pagination-bullet-active {
  background: #fff !important
}

.what-we-offer-heading {

  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .1518em;
  text-transform: uppercase;
  color: #f97962;
  margin-bottom: 12px !important
}

.what-we-offer-subheading {

  font-weight: 800;
  font-size: 48px;
  line-height: 68px;
  text-align: center;
  letter-spacing: -.0032em;
  color: #0d0d0d
}

.what-we-offer {
  width: 100%;
  padding: 100px 0 136px
}

.what-we-flex {
  gap: 48px
}

.what-we-flex p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.058px
}

.blog-casestudy {
  padding-top: 7rem
}

.case-study .blog-casestudy {
  padding-top: 0
}

.Noventive {
  width: 213px;
  height: 40px
}

.Agribora {
  width: 109px;
  height: 69px
}

.Ryk-hospital {
  width: 105px;
  height: 103px
}

.Mallskape {
  width: 152px;
  height: 62px
}

.IDFC-bank {
  width: 154px;
  height: 54px
}

.Vonzuu {
  width: 80px;
  height: 103px
}

.India-Express {
  width: 90px;
  height: 100px
}

.what-we-offer-box {
  background: #f6f6f6;
  padding: 12px;
  border-radius: 14px
}

.rux-heading-3 {

  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -.0032em;
  color: #000
}

.customer-intrection {
  background: #000 url(/assets/images/customer-interface-banner.webp)no-repeat;
  height: auto;
  background-size: 86%;
  background-position: 280px 0
}

.Interface-line-head h2,
.customer-food {
  font-weight: 800;
  font-size: 48px;
  line-height: 68px;
  letter-spacing: -.0032em;
  color: #fff
}

.business-heading,
.customer-heading {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .1518em;
  text-transform: uppercase;
  color: #f97962
}

.Interface-line-head p,
.case-study-para,
.customer-intrection li p,
.customer-para,
.food-last-para {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -.0032em;
  color: #fff
}

.customer-intrection li p {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px
}

.customer-list2 {
  margin-left: 140px
}

.business-interface {
  background: url(/assets/images/Business-interface-bg.webp)no-repeat;
  background-size: 100%;
  height: 1000px
}

.business-sub-heading {
  font-weight: 600;
  font-size: 48px;
  line-height: 62px;
  letter-spacing: -.0032em;
  color: #0b020a
}

.business-btn {
  background: #0b1d39;
  border: 1px solid #0b1d39;
  box-shadow: 0 2px 10px #0b1d3933;
  border-radius: 2px;
  padding: 10px 32px 10px 55px
}

.business-btn:before {
  content: "";
  position: absolute;
  background: url(/assets/images/Send.webp)no-repeat center center;
  width: 30px;
  height: 30px;
  margin-left: -35px
}

.glass-img {
  margin-left: 330px
}

.food-solutions .food-section-bg {
  background: url(/assets/images/food-partners-bg.webp)no-repeat, linear-gradient(93.45deg, #fa8a62 -8.2%, #f86a61 106.86%);
  background-size: 100%;
  padding: 90px 0
}

.food-software-bg {
  background: url(/assets/images/food-software-bg.webp)no-repeat;
  padding: 55px 0;
  background-position: 100px
}

.case-study-heading {
  font-weight: 600;
  font-size: 42px;
  line-height: 58px;
  letter-spacing: -2px;
  color: #131313
}

.food-testimonial-bg {
  background: url(/assets/images/food-testimonial-bg.webp)no-repeat;
  padding: 110px 0;
  background-size: 100% 100%
}

.food-testimonial-bg h3,
.food-testimonial-bg h4,
.food-testimonial-bg p,
.food-testimonial-bg ul li {
  color: #fff8f8 !important
}

.food-testimonial-bg p {
  text-align: center;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.6px
}

.food-testimonial-bg h5 {
  color: #727272 !important
}

.food-testimonial-bg ul li span {
  color: #727272
}

.food-solutions .food-testimonial-bg .swiper-pagination-bullet-active {
  background: #f97c62 !important
}

.food-solutions .food-testimonial-bg .swiper-pagination-bullet {
  background: #e5e5f1
}

.food-ball-img {
  position: absolute;
  right: 0;
  margin-top: -150px
}

.food-footer {
  height: 63px;
  background: linear-gradient(90.21deg, #fa8a62 .8%, #f86a61 100.32%)
}

.food-solutions .hbspt-form {
  display: none
}

.food-footer h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -.0032em;
  color: #fff;
  padding-top: .8rem
}

.dropdown-wrapper {
  position: relative;
  width: 440px;
  margin: 10px;
  padding: 12px 70px;
  background: #fefefe;
  border: 2px solid #fff;
  box-shadow: 0 4px 30px #1d202612;
  border-radius: 12px;
  cursor: pointer;
  outline: 0;
  transition: all .3s ease-out;
  display: none
}

.dropdown-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #5b5b5b transparent
}

.dropdown-wrapper.is-active {
  border-radius: 5px 5px 0 0;
  background: linear-gradient(90.21deg, #fa8a62 .8%, #f86a61 100.32%);
  box-shadow: none;
  border-bottom: none;
  color: #fff
}

.dropdown-wrapper.is-active:after {
  border-color: #fff transparent;
  transform: rotate(180deg)
}

.dropdown-wrapper.is-active .dropdown-list {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  max-height: 500px
}

.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  transition: all .3s ease-out;
  max-height: 0;
  overflow: hidden
}

.dropdown-list li {
  padding: 0 10px
}

.dropdown-list li:hover a {
  color: #f05b55
}

.dropdown-list li:last-of-type a {
  border: 0
}

.dropdown-wrapper span {
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -.0032em;
  text-transform: uppercase;
  color: #39383f
}

.stats-h2 {
  color: #e4e8eb;
  font-size: 72px;
  font-weight: 700;
  line-height: 84px;
  letter-spacing: -.72px
}

.dropdown-list a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px 0;
  transition: all .3s ease-out;
  border-bottom: 1px solid #e6e8ea
}

.dropdown:hover .dropdown-menu,
.dropdown:hover .dropdown-submenu {
  border: 1.5px solid #f3f3f3 !important;
  box-shadow: 0 6px 32px #00000017;
  background: #fff
}

.why-choose-heading {
  font-weight: 800;
  font-size: 52px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -2px;
  color: #fff8f8;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

.why-choose-erp {
  background: url(/assets/images/why-erp-bg.webp)no-repeat;
  padding-top: 80px;
  background-size: 100% 100%;
  height: 613px;
  margin: 0 0 150px
}

.why-choose-erp h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -2px;
  color: #fff
}

.why-choose-erp p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #fff
}

.why-choose-erp img {
  width: 641px;
  height: auto
}

.stats-box .gap-6 img {
  transition: all ease .3s
}

.stats-box .gap-6 img:hover {
  transform: scale(1.1);
  transition: all ease .3s;
  cursor: pointer;
  box-shadow: 0 29.09819984436035px 52px -23.278562545776367px #f70d8430
}

.slidenb.slide1 .casebox-update-bg a,
.slidenb.slide1 .casebox-update-bg h3 {
  color: #30303f
}

.food-solutions .blog-head {
  margin-top: 100px
}

.food-solutions .view-all-post {
  display: none
}

.food-solutions .blog-information {
  padding-right: 700px
}

.food-last-bg,
.mkt-last-bg {
  background-size: 100%;
  height: auto
}

.food-last-bg {
  background: #fa8a62 url(/assets/images/food-last-bg.webp)no-repeat;
  padding: 120px 0;
  background-position: bottom
}

.mkt-last-bg {
  background: #4b3ff5 url(/assets/images/mkt-last-bg.webp)no-repeat;
  padding: 86px 0;
  border-radius: 60px 60px 0 0;
  background-position: 0 0
}

.mkt-last-section {
  background: #efedf6
}

.blog-cont .feature-wrap {
  height: 640px !important;
  width: 100%
}

.blog-casestudy .py-36 {
  padding-bottom: 100px
}

.mkt-last-heading {
  color: #fff8f8;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .1);
  font-size: 52px;
  font-weight: 800;
  line-height: 64px;
  letter-spacing: -2px
}

.mkt-last-para {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -.064px;
  padding: 18px 0 48px
}

.mkt-btn {
  background: #fff !important;
  border: 0 !important
}

.food-last-heading {
  padding: 0 320px
}

.expand-btn {
  margin-top: 18rem
}

.swiper-button-next-food,
.swiper-button-prev-food {
  background: #fff;
  border: 1px solid #eaeaeb;
  height: 40px !important;
  width: 40px !important;
  border-radius: 50%;
  display: flex;
  filter: drop-shadow(0 0 23px rgba(0, 0, 0, .09));
  margin-top: -200px !important
}

.food-swipe2,
.food-swipe3,
.food-swipe4 {
  position: absolute;
  right: 0
}

.food-swipe4 {
  right: 130px
}

.what-we-offer-img img {
  width: 100%
}

.food-solutions .btn.header-btn {
  background: #fff;
  color: #000;
  border: 0
}

.swiper-button-prev-food {
  left: 70px !important
}

.swiper-button-next-food {
  right: 70px !important
}

.swiper-button-next-food:after,
.swiper-button-prev-food:after {
  font-size: 16px !important;
  font-weight: bolder;
  color: #000
}

.carousel__item:where(.astro-SWWIWYPS) {
  width: 540px
}

.carousel__item {
  display: flex;
  align-items: center;
  position: absolute;
  width: 600px;
  height: 212px;
  padding: 0 12px;
  opacity: 0;
  filter: drop-shadow(0 2px 2px #555);
  will-change: transform, opacity;
  animation: carousel-animate-vertical 27s linear infinite
}

.business-cta3,
.food-solutions {
  overflow-x: hidden
}

.footer-dark-logo {
  display: none
}

.slider-wrapnb {
  width: 100%;
  height: 540px;
  display: flex;
  overflow: hidden;
  justify-content: center
}

.slidenb {
  margin: 0 16px;
  width: 25%;
  border-right: 1px solid #000;
  transition: .5s;
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: left
}

.slide1 {
  background: url(/assets/images/case-study1.webp)no-repeat center
}

.slide2 {
  background: url(/assets/images/case-study2.webp)no-repeat center
}

.slide3 {
  background: url(/assets/images/case-study3.webp)no-repeat center
}

.slidenb:hover {
  width: 60%;
  cursor: pointer
}

.slidenb .content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -200%;
  box-sizing: border-box;
  color: #fff;
  background: #000
}

.slidenb:hover .content {
  top: 0;
  transition: .5s;
  transition-delay: .3s
}

.erpsection-btn-stepping:hover {
  color: #fff !important
}

.sewa-banner1,
.sewa-banner2 {
  background-size: 100% 100%;
  height: 910px;
  padding-top: 115px
}

.sewa-banner1 {
  background: url(/assets/images/seva-banner1.webp)no-repeat center
}

.sewa-banner2 {
  background: url(/assets/images/seva-banner2.webp)no-repeat center
}

.sewa-banner3 {
  background: url(/assets/images/seva-banner3.webp)no-repeat center
}

.sewa-banner3,
.sewa-banner4,
.sewa-banner5 {
  background-size: 100% 100%;
  height: 910px;
  padding-top: 115px
}

.sewa-banner4 {
  background: url(/assets/images/seva-banner4.webp)no-repeat center
}

.sewa-banner5 {
  background: url(/assets/images/seva-banner5.webp)no-repeat center
}

.seva-swiper-banner {
  margin-top: -115px
}

.sewa-banner h2 {
  color: #111439;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px
}

.sewa-banner .seva-banner-box p,
.sewa-banner h1,
.sewa-content h3 {
  color: #9595a9;
  font-size: 28px;

  font-weight: 500;
  line-height: 38px
}

.sewa-content h3 {
  text-align: center;
  font-style: italic;
  padding-top: 14px;
  padding-bottom: 64px
}

.seva-banner-box {
  fill: #fff;
  stroke-width: 1px;
  stroke: #d0d5ff;
  box-shadow: 0 34px 74px #50568d26;
  height: 250px;
  margin-right: 0;
  margin-left: 7rem;
  border: .5px solid #d0d5ff;
  border-radius: 16px 0 0 16px;
  border-right: none;
  padding: 68px 170px 68px 60px
}

.sewa-banner .seva-banner-box p,
.sewa-banner h1 {
  font-style: normal
}

.sewa-banner h1 {
  color: #111439;

  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
  padding-top: 150px
}

.sewa-banner h1 span {
  color: #435cf7
}

.sewa-banner p {
  color: #25242e;
  font-size: 18px;
  line-height: 30px;
  padding-top: 16px
}

.sewa-black {
  border-radius: 10px;
  background: #231a36;
  color: #fff;
  font-size: 16px;
  line-height: normal;
  text-transform: capitalize;
  padding: 12px 22px;
  width: auto;
  justify-content: center;
  margin-top: 50px
}

.sewa-banner p,
.sewa-black,
.sewa-content p,
.sewa-white {
  font-style: normal;
  font-weight: 400
}

.sewa-white {
  color: #000d83;
  font-size: 16px;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 10px;
  border: 2px solid #000d83;
  background: #fff;
  padding: 12px 0;
  width: 125px;
  margin-top: 50px
}

.sewa-banner-left {
  width: 45%
}

.sewa-banner-right {
  width: 55%
}

.sewa-content {
  padding-top: 50px;
  padding-bottom: 120px
}

.sewa-content h2 {
  color: #1f1f26;
  font-size: 40px;
  line-height: normal;
  padding-top: 100px
}

.sewa-content p {
  color: #86849b;
  font-size: 20px;
  line-height: 38px;
  letter-spacing: .16px;
  padding-top: 18px
}

.sews-content-img {
  width: 650px
}

.seva-feature {
  background: #09090c;
  box-shadow: 0 4px 4px #00000040;
  padding: 100px 0
}

.seva-feature h2,
.seva-form h5,
.sewa-content h2,
.stepping-section-seva h3 {
  font-style: normal;
  font-weight: 600
}

.seva-feature h2 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  line-height: normal
}

.seva-feature p,
.seva-feature-box h4,
.stepping-section-seva h2 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px
}

.seva-feature-box img {
  margin-bottom: 40px !important
}

.seva-feature-box h4,
.stepping-section-seva h2 {
  font-size: 24px;
  line-height: 24px
}

.seva-feature-box p,
.stepping-section-seva p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400
}

.seva-feature-box p {
  color: #fff;
  text-align: center;
  line-height: 28px;
  margin-top: 12px;
  opacity: .8
}

.stepping-section-seva {
  padding: 0 200px !important
}

.stepping-gap {
  gap: 185px
}

.stepping-section-seva h2 {
  color: #1f1f26;
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 112px;
  padding-top: 30px;
  line-height: normal
}

.stepping-section-seva h3 {
  color: #1f1f26;
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 14px
}

.stepping-section-seva p {
  color: #426666;
  line-height: 30px;
  letter-spacing: .16px;
  padding-bottom: 30px !important
}

.seva-learn,
.sewa-slider p {
  text-align: center;
  font-style: normal;
  font-weight: 500
}

.seva-learn {
  color: #42424a !important;
  font-size: 17px;
  line-height: normal
}

.seva-form h5 {
  color: var(--gray-900, #101828);
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -.96px;
  padding-bottom: 48px
}

.digital-seva-form {
  padding-top: 120px;
  padding-bottom: 120px
}

.sewa-slider {
  background: #09090c;
  padding-top: 60px;
  padding-bottom: 160px;
  margin-top: 70px
}

.sewa-slider h2 {
  color: #f4f4f9;
  font-size: 40px;
  font-weight: 600;
  padding-left: 7rem
}

.test-seva1 {
  width: 710px;
  display: flex;
  margin: 30px auto auto;
  position: absolute
}

.sewa-slider p {
  color: #e8e7f2;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: .16px;
  padding-bottom: 65px;
  padding-top: 12px
}

.slide-text h3,
.slide-text p {
  text-align: left;
  color: #fff;
  padding-top: 100px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 38px;
  padding-bottom: 16px
}

.slide-text p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: .16px;
  padding-bottom: 12px;
  padding-top: 0;
  opacity: .8
}

.founder-seva h4,
.founder-seva h5,
.notibell-top h2,
.sewa-slider h2 {
  text-align: left;
  font-style: normal;
  line-height: normal
}

.founder-seva h4 {
  padding-top: 32px;
  padding-bottom: 12px;
  color: #fff;
  font-family: Lato;
  font-size: 25px;
  font-weight: 700
}

.founder-seva h5,
.notibell-top h2 {
  color: #9c988f;
  font-size: 16px;
  font-weight: 500
}

.gmap_canvas,
.mapouter {
  width: 100%;
  height: 424px;
  border-radius: 10px
}

.mapouter {
  position: relative;
  text-align: right
}

.gmap_canvas {
  overflow: hidden;
  background: 0 0 !important
}

.gmap_iframe {
  height: 424px !important;
  border-radius: 10px
}

.notibell-banner {
  background: #f3f5ff url(/assets/images/notibell.webp)no-repeat center;
  background-size: 100% 100%;
  padding-top: 192px;
  background-position: 0-70px
}

.notibell-top {
  border-radius: 50px;
  background: rgba(255, 255, 255, .09);
  -webkit-backdrop-filter: blur(47px);
  backdrop-filter: blur(47px);
  padding: 8px 20px 8px 8px;
  width: 260px;
  margin-bottom: 22px
}

.notibell-top h2 {
  color: #e9e7f1;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.72px;
  margin-left: 12px;
  padding-top: 2px
}

.notibell-banner h1,
.notibell-content h2 {
  color: #fff;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -2.4px;
  padding-bottom: 20px
}

.notibell-banner .testimonial-pagination {
  bottom: 100px !important
}

.notibell-banner .swiper-pagination-bullet-active {
  background: #fff !important
}

.new-InfosoftPOS -banner .swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important
}

.new-InfosoftPOS -banner .swiper-pagination-bullet {
  background: #fff;
  opacity: .4
}

.app-btn,
.play-btn {
  width: 143px;
  height: 50px
}

.notibell-banner p,
.notibell-content p,
.notibell-feature-text p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px
}

.notibell-banner p {
  color: #fff;

  padding-bottom: 42px;
  opacity: .6
}

.notibell-right img {
  height: 584px;
  width: 504px
}

.industry-schedule {
  padding-bottom: 100px
}

.manufacturing-erp-software .erpsection-btn {
  font-size: 18px
}

.notibell-benifits-img {
  width: 620px;
  height: 620px
}

.notibell-step {
  width: 100%;
  height: auto
}

.notibell-step-section {
  padding: 68px 0 100px
}

.notibell-content h3 {
  color: #2554ff;
  font-size: 14px;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  padding-bottom: 14px
}

.notibell-content h2 {
  color: #181821;
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -1.68px
}

.notibell-content p,
.notibell-feature-text p {
  color: #181821
}

.notibell-content p {
  padding-right: 200px;
  padding-bottom: 32px
}

.notibell-content .button2 {
  border-radius: 5px;
  background: var(--Secondary, #0F172A);
  display: inline-flex;
  padding: 12px 18px;
  justify-content: center;
  align-items: center;
  color: var(--neutral-gray-50, #F8FAFC);
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -.28px;
  gap: 6px
}

.notibell-content-right {
  padding-top: 75px
}

.notibell-content {
  padding-top: 50px;
  padding-bottom: 120px;
  background: #f3f5ff
}

.notibell-feature-text {
  padding: 80px
}

.notibell-content h3,
.notibell-feature-box h4,
.notibell-feature-text h2 {
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.notibell-feature-text h2 {
  color: #2554ff;
  font-size: 14px;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  padding-bottom: 20px
}

.notibell-feature-text h3,
.notibell-how-it-banner h2,
.notibell-how-it-banner h3 {
  color: #181821;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1.28px
}

.notibell-feature-text p {
  padding-top: 18px;
  opacity: .7
}

.notibell-feature-pink.notibell-feature-pink-light {
  padding-bottom: 50px;
  background: #fff1eb;
  height: 100%
}

.notibell-feature {
  background: #f3f5ff
}

.notibell-feature-right img {
  width: 700px;
  float: right;
  padding-top: 50px
}

.notibell-feature-pink {
  background: #fbe8f3
}

.notibell-feature-pink img {
  display: flex;
  margin: auto;
  width: 80%;
  height: auto
}

.notibell-how-it-banner {
  background: #16171f url(/assets/images/notibell-how-it.png)no-repeat center;
  background-size: 100% 100%;
  padding: 100px 80px
}

.sewa-black:hover {
  color: #fff !important
}

.notibell-how-it-banner h3 {
  color: #d2d2d2;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  padding-bottom: 17px
}

.notibell-how-it-banner h2 {
  color: #fff;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: -1.44px
}

.notibell-how-it-banner .notibell-how-it-works-right p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding-left: 12rem
}

.notibell-feature-box h4 {
  color: #fff;
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 12px
}

.mySwiper-how {
  margin-top: 2.2rem
}

.home .button:hover:before,
.next-prev-seva .swiper-button-next.swiper-button-next-how {
  background: 0 0
}

.notibell-page .next-prev-seva .swiper-button-next.swiper-button-next-how {
  border: 0
}

.next-prev-seva .swiper-button-prev.swiper-button-prev-how {
  background: 0 0;
  border: 0
}

.notibell-page .next-prev-seva {
  margin-top: 0
}

.notibell-feature-box p,
.notibell-form p {
  color: #bbc0cb;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.notibell-grid {
  margin-top: 47px
}

.notibell-feature-box {
  padding-left: 0
}

.notibell-line {
  width: 94%;
  margin-top: 120px;
  margin-left: 15px
}

.notibell-form {
  padding-top: 100px;
  padding-right: 100px;
  padding-bottom: 0
}

.notibell-form p {
  color: #667085;
  font-size: 20px;
  padding-top: 24px;
  padding-bottom: 48px;
  line-height: 30px
}

.notibell-form p a {
  color: #496bea
}

.notibell-form h5 {
  color: var(--gray-900, #101828);
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -.96px
}

.none-test {
  display: none
}

.Frappe-conference {
  width: 700px;
  display: flex;
  margin: auto;
  padding: 10px 0;
  box-shadow: none
}

.news-list-img {
  border-radius: 10px 10px 0 0;
  height: auto;
  width: 100%
}

.notibell-feature-box img {
  width: 66px;
  height: 66px
}

.swiper-slide img.Device1.Device2 {
  height: 450px
}

.swiper-slide img.Device4 {
  height: 314px
}

.swiper-slide img.Device3 {
  height: 282px
}

.swiper-slide img.Device1 {
  height: 413px
}

.white-nav .btn.header-btn,
.white-nav .header-btn.btn:hover {
  color: #000;
  border: 1.5px solid #1a1a1c
}

.hide-fhead,
.mobile-career-slider {
  display: none
}

#hubspot-messages-iframe-container {
  z-index: 99999 !important
}

#hubspot-messages-iframe-container.widget-align-right {
  right: 0 !important;
  bottom: 60px !important;
  z-index: 99999 !important
}

.banner-home h1.main-heading2 {
  font-size: 115px;
  line-height: 140px;
  letter-spacing: -2.57px
}

.home-prod {
  padding: 117px 0 92px
}

.main-content-homepage2,
.stats-h2 span {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.main-content-homepage2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  letter-spacing: -.18px;
  background: linear-gradient(185deg, #fff 3.52%, #c5c7cb 110.08%)
}

.home-box-gradient {
  padding: 40px;
  background: url(/assets/images/home-box-gradient.webp)no-repeat center;
  background-size: 100% 100%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  width: 434px;
  height: 262px;
  border-radius: 50px
}

.home-box-gradient p {
  color: #f4f3f8;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.317px;
  text-transform: uppercase;
  padding-bottom: 20px
}

.stats-box-home {
  background: #0b020a;
  background-size: 100% 100%
}

.stats-h2:after {
  content: "";
  position: absolute;
  background: url(/assets/images/stat-arow.webp)no-repeat center center;
  width: 116px;
  height: 90px;
  border-radius: 50px;
  transition: all .3s ease;
  line-height: 30px
}

.stats-h2 span {
  background: linear-gradient(122deg, #fff 29.37%, #cb75f3 47.18%, #a047c9 55.11%, #fff 74.54%)
}

.Partner-home {
  background: radial-gradient(circle at center, #fff, #e6e6e6);
  padding: 102px 0 91px
}

.Partner-home .flex {
  gap: 140px
}

.Partner-home h3,
.case-implemented-div p,
.text-case-imp p {
  color: #43485c;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 8px;
  text-transform: uppercase;
  padding-bottom: 49px
}

.frappe-partner,
.hubspot-partner {
  width: 563px;
  height: auto;
  padding-bottom: 40px
}

.hubspot-partner {
  width: 607px
}

.client-grid {
  gap: 23px
}

.client-trust-section {
  padding: 100px;
  background: #000
}

.client-trust-gradient {
  background: linear-gradient(135deg, #0c0f23 0, #21253c 20%, #533d52 40%, #64404d 60%, #523b50 80%, #181517 100%);
  border-radius: 611px;
  opacity: .8;
  position: absolute;
  height: 50%;
  width: 80%;
  right: 100px;
  transform: rotate(342deg);
  filter: blur(175px)
}

.client-trust-section h2 {
  text-align: center;
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -.179px;
  padding-bottom: 100px;
  color: #fff
}

.client-trust-section h2 span {
  color: #c97eed
}

.client-trust-section h2 span:before {
  content: "";
  display: inline-flex;
  position: absolute;
  margin: 58px 0 0-12px;
  width: 365.135px;
  height: 29.586px;
  background: url(/assets/images/clients200.webp)no-repeat center
}

.mr-17 {
  margin-right: 17px
}

.mb-17 {
  margin-bottom: 17px
}

.gap4 {
  gap: 17px
}

.retail-industry {
  background: url(/assets/images/retail-industry.webp)no-repeat center;
  height: 517.5px
}

.food-industry,
.healthcare-industry,
.retail-industry {
  background-size: cover !important;
  width: 100%
}

.food-industry {
  background: url(/assets/images/food-industry.webp)no-repeat center;
  height: 517.5px
}

.healthcare-industry {
  background: url(/assets/images/healthcare-industry.webp)no-repeat center;
  height: 250px
}

.manufacturing-industry {
  background: url(/assets/images/manufacturing-industry.webp)no-repeat center
}

.education-industry,
.it-industry,
.manufacturing-industry {
  background-size: cover !important;
  width: 100%;
  height: 250px
}

.education-industry {
  background: url(/assets/images/education-industry.webp)no-repeat center
}

.it-industry {
  background: url(/assets/images/it-services.webp)no-repeat center
}

.lms-industry {
  background: url(/assets/images/lms-industry.webp)no-repeat center
}

.liqure-industry,
.lms-industry,
.pharma-industry {
  background-size: cover !important;
  width: 100%;
  height: 250px
}

.pharma-industry {
  background: url(/assets/images/pharma-industry.webp)no-repeat center
}

.liqure-industry {
  background: url(/assets/images/liquer.webp)no-repeat center
}

.padding-18 {
  padding: 0 0 18px 18px;
  transition: all .3s ease-in-out
}

.padding-18:hover {
  box-shadow: 0 2px 6px #0b152d1a, 0 24px 32px -3px #0b152d1f
}

.home-industry-section h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 6px
}

.home-industry-section a {
  color: #fff !important;
  display: inline-flex;
  opacity: .8
}

.nav-link-home {
  display: inline-flex;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -1px
}

.home-industry-section .button {
  position: relative;
  width: 33px;
  display: flex;
  align-items: center
}

.home-industry-section .button:after,
.white-box-contact .button:after {
  content: "";
  position: absolute;
  right: 0;
  background: url(/assets/images/right-link.webp)no-repeat center center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  transition: all .3s ease;
  line-height: 24px
}

.case-implementation {
  padding: 100px 0
}

.case-study-imp {
  position: absolute;
  height: 940px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.case-implemented-div p,
.text-case-imp p {
  color: #f6f6f6;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding-bottom: 28px
}

.case-implemented-div h2 {
  color: #fff;
  text-align: center;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -2.88px
}

.case-implemented-div .blog-cont {
  padding-top: 85px
}

.case-implemented-div .feature-wrap3 .swiper-slide {
  border-radius: 14px 14px 10px 10px;
  background: rgba(155, 153, 164, .14);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  height: auto
}

.case-implemented-div .feature-wrap3 .swiper-slide.swiper-slide-next {
  border-radius: 16px 16px 10px 10px
}

.case-implemented-div .feature-wrap3 .swiper-slide.active,
.case-implemented-div .feature-wrap3 .swiper-slide.swiper-slide-duplicate-prev {
  margin-top: 0
}

.text-case-imp {
  padding: 25px 30px
}

.text-case-imp p {
  color: #f8f8f8;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: .2px !important;
  padding-bottom: 14px;
  text-align: left !important
}

.text-case-imp h3:hover {
  opacity: .5
}

.text-case-imp h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -.4px
}

.case-implemented-div img,
.contact-us-country .grid-pagination,
body.home .grid-pagination {
  width: 100%
}

.swiper-button-next-country,
.swiper-button-prev-country {
  margin-top: -18rem
}

.swiper-button-next-country {
  margin-right: 30px
}

.swiper-button-prev-country {
  margin-left: 30px
}

.home .swiper-button-next-imp,
.home .swiper-button-prev-imp {
  margin: -17rem 0 0
}

.home .swiper-button-next-imp,
.home .swiper-button-prev-imp,
.swiper-button-next-country,
.swiper-button-prev-country {
  border: 1px solid #303033 !important;
  background: #27262b !important
}

.home .home-blog .next-home-blog,
.home .swiper-button-next-imp {
  margin-right: 30px
}

.home .home-blog .prev-home-blog,
.home .swiper-button-prev-imp {
  margin-left: 30px
}

.home .blog-casestudy {
  padding: 100px 0
}

.home .home-blog .next-home-blog,
.home .home-blog .prev-home-blog {
  margin-top: 22rem
}

.gallery-bg .swiper-slide,
.gray-box-contact img {
  display: flex;
  margin: auto
}

.gallery-bg .swiper-slide img {
  border-radius: 4px
}

.gallery-bg .swiper-slide.swiper-slide-prev img {
  height: auto;
  width: auto
}

.gallery-bg .gallery-swiper {
  padding-top: 40px
}

.next-home-gallery,
.prev-home-gallery {
  margin-top: -17.5rem
}

.next-home-gallery {
  margin-right: 30px
}

.prev-home-gallery {
  margin-left: 30px
}

.home .stat-count {
  padding-top: 150px
}

.blog-back-mobile,
.display-hide,
.feature3-img-mobile,
.industry-grid {
  display: none
}

.certificate-btn {
  color: #0b020a;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .8px;
  text-transform: capitalize;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #454545
}

.white-box-section {
  padding: 32px 0 0
}

.gray-box-contact img {
  width: auto
}

.gray-box-contact {
  background: #2c272f;
  padding: 0 30px;
  height: 100px;
  display: flex
}

#location-1 .gray-box-contact,
#location-2 .gray-box-contact,
#location-6 .gray-box-contact {
  padding: 30px;
  display: flex
}

#location-4 .gray-box-contact {
  padding: 25px 30px
}

#location-5 .gray-box-contact {
  padding: 30px
}

#location-7 .gray-box-contact {
  padding: 0 60px 0 50px
}

#location-1 .text-contact-vertical,
#location-2 .text-contact-vertical,
#location-3 .text-contact-vertical,
#location-4 .text-contact-vertical,
#location-5 .text-contact-vertical,
#location-6 .text-contact-vertical,
#location-7 .text-contact-vertical {
  bottom: 180px
}

.career-gallery2 {
  padding: 100px 0;
  background: #fff
}

.career-gray {
  background: #fff
}

.part-left-para {
  color: #343a50;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.5px;
  padding-top: 16px
}

.contactcountry a:hover {
  opacity: .6;
  color: #fff !important
}

.about-us p.stat-subtitle {
  padding-left: 0;
  height: auto
}

.left-test {
  width: 57px;
  height: 45px
}

.left-test2,
.right-test {
  width: 39.644px;
  height: 31.715px
}

.left-test2 {
  width: 40.022px
}

.right-test2 {
  width: 80.044px;
  height: 63.431px
}

.video-testimonial {
  padding: 100px 108px;
  background: #f9f5ff
}

.video-testimonial a img {
  width: 276px;
  float: right
}

.video-testimonial h2 {
  color: #000;
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -2px
}

.video-testimonial h2 span {
  background: linear-gradient(0deg, #70748a 0, #1d1e24 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 110px;
  font-weight: 700;
  line-height: 120px;
  text-transform: uppercase
}

.mobile-testimonial-slide,
.news-listing-page h5 {
  display: none
}

.pb-18 {
  padding-bottom: 80px
}

.single-news {
  padding-top: 80px
}

#not-found-msg,
.news-section h3.news-heading-arrow,
.single-news header h1 {
  color: #252f41;
  font-size: 56px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -.8px
}

#not-found-msg {
  display: none;
  font-size: 38px;
  text-align: center;
  padding-bottom: 80px
}

.single-news h3,
.single-news header p {
  color: #343a50;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.single-news h3 {
  color: #263238 !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px
}

.box {
  padding: 10px;
  border: 1px solid #252f41;
  border-radius: 10px;
  outline: 0;
  font-size: 20px;
  background: 0 0;
  height: 45px
}

.news-list-block {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 64px #0000000f;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between
}

.blog-list-latest .news-list-block {
  gap: 0
}

.news-list-author {
  width: 30px;
  height: 30px;
  border-radius: 30px
}

.news-section .news-list-author {
  width: 90px;
  height: 90px;
  border-radius: 90px
}

.news-listing-page,
.news-listing-page li:hover {
  transition: all .3s ease-in-out
}

.news-listing-page li:hover {
  box-shadow: 0 0 10px #00000040;
  opacity: .98;
  border-radius: 10px
}

.new-author-heading {
  color: #263238;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px
}

.news-section h3.news-heading-arrow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 59px;
  font-size: 32px;
  line-height: 48px
}

.news-section h3.news-heading-arrow.casestudy-challenge-title {
  font-size: 27px
}

.news-section h3.news-heading-arrow.news-heading-arrow-program {
  margin: 0 0 16px;
  padding-top: 16px
}

.hubspot-serve,
.our-certification-news h4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -.8px
}

.hubspot-serve {
  color: #737a85;
  text-align: center;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid #e5e5eb;
  background: #fff;
  padding: 13px 0
}

.grid-serve-news {
  gap: 20px;
  padding-bottom: 42px
}

.our-certification-news {
  gap: 32px;
  margin-bottom: 56px
}

.our-certification-news h4 {
  color: #626871;
  font-weight: 500;
  margin: 0
}

.certification-gap {
  gap: 8px
}

.our-certification-news img {
  margin: 0;
  box-shadow: none;
  height: 24px
}

.news-heading-arrow img {
  box-shadow: none;
  margin: 0
}

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

.single-news-header {
  margin-bottom: 72px
}

footer .text-sm .mb-2 {
  margin-bottom: 19px !important
}

.new-author-date {
  color: #66737a;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px
}

.ecosoft-banner,
.sil-banner {
  background-size: 100% 100% !important
}

.ecosoft-banner {
  background: url(/assets/images/ecosoft-banner.webp)no-repeat center;
  padding: 70px 0
}

.rrl-page .rrl-banner {
  background: url(/assets/images/newzeland-banner.webp)no-repeat center;
  background-size: cover !important;
  padding: 70px 0
}

.xurpas-page .xurpas-banner {
  background: url(/assets/images/xurpas-banner.webp)no-repeat center;
  background-size: cover !important;
  padding: 70px 0
}

.xurpas-page .innometa-banner {
  background: url(/assets/images/innometa-banner.webp)no-repeat center;
  background-size: cover !important;
  padding: 60px 0
}

.sil-banner {
  background: url(/assets/images/sil-bg.webp)no-repeat center;
  padding: 60px 0
}

.calysto-banner,
.petalm-banner {
  background-size: 100% 100% !important;
  padding: 70px 0
}

.petalm-banner {
  background: url(/assets/images/petalm-banner.png)no-repeat center
}

.calysto-banner {
  background: url(/assets/images/calysto.png)no-repeat center
}

.rrl-page .eco-banner-text h1,
.rrl-page .eco-banner-text h2,
.rrl-page .eco-banner-text h3,
.rrl-page .eco-banner-text p {
  color: #fff
}

.xurpas-page.rrl-page .eco-banner-text h2 {
  padding-bottom: 30px
}

.petalm-page.rrl-page .eco-banner-text h2 {
  padding-bottom: 42px
}

.rrl-page .eco-banner-text h1 {
  line-height: 40px;
  letter-spacing: -.6px;
  padding-top: 40px
}

.rrl-page .eco-banner-text a:hover {
  opacity: .7
}

.ecosoft-logo {
  height: 114px;
  margin-left: -15px
}

.calysto-logo {
  height: 75px;
  margin-top: 48px
}

.eco-banner-text h1,
.eco-banner-text h3 {
  color: #1e1c1c;
  font-size: 32px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -.6px
}

.eco-banner-text h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 6px
}

.rrl-page .eco-banner-text h3.pt-address {
  font-size: 24px
}

.eco-banner-text {
  padding-left: 10px;
  padding-top: 20px
}

.eco-banner-text h2,
.eco-banner-text p,
.ecosoft-content p {
  color: #1e1c1c;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.6px
}

.eco-banner-text h2 {
  font-size: 52px;
  font-style: italic !important;
  font-weight: 800;
  line-height: 60px;
  padding-bottom: 56px
}

.ecosoft-banner-flex {
  gap: 8rem
}

.ecosoftform {
  border-radius: 16px;
  border: 2px solid #d3f9fe;
  background: #fff;
  box-shadow: 0 22px 64px -24px #00000059;
  padding: 40px 40px 25px;
  margin-left: 100px
}

.ecosoft-content-text {
  padding: 100px 0
}

.ecosoft-content p {
  color: #343a50;
  line-height: 36px;
  letter-spacing: -.5px
}

.ecosoft-content h2 {
  color: #252f41;
  padding-bottom: 32px;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1.003px
}

.ecosoft-expertise {
  background: #f5f5f8;
  padding-bottom: 100px
}

.expertise-box {
  background: url(/assets/images/ecosoft-expertise-bg.webp)no-repeat left;
  background-size: 100% 100%;
  box-shadow: 0 29.0982px 72px -90.27856px #0000001a;
  width: 100%;
  padding: 56px 0
}

.expertise-box-text h3 {
  color: #313278;
  font-size: 42px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -.134px;
  padding-bottom: 17px;
  text-align: center
}

.ecosoft-line {
  position: absolute;
  top: 0;
  margin: -55px 0
}

.expertise-box-text h4 {
  color: #020202;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  opacity: .8;
  text-align: center
}

.ecosoft-logo-mobile {
  display: none
}

.ecosoft-expertise .ecosoft-content-text {
  padding: 100px 0 38px
}

.expertise-box-center {
  padding: 0 180px
}

.ecosoftform h4 {
  color: #17171e;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  letter-spacing: .2px;
  margin-bottom: 16px
}

.calysto-address-mobile,
.mobile-list-news-none {
  display: none
}

.calysto-line {
  position: absolute;
  left: 22%;
  margin-top: 22px
}

#calysto-partner-logo img {
  padding: 0 20px
}

#ecosoft-partner-logo img {
  padding: 0 50px
}

.mobile-food-banner,
.order-food-diagram2 {
  display: none
}

.accordion-collapse {
  padding-left: 0 !important
}

.what-we-offer-box {
  padding: 0;
  background: 0 0;
  border-radius: 0
}

.what-we-flex2 h3 {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -.6px;
  margin: 0;
  padding: 42px 0 24px
}

.what-we-flex2 {
  gap: 24px
}

.what-we-offer-mkt h2 {
  color: #000;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.what-we-offer-mkt .what-we-flex2 h3 {
  padding: 34px 0 12px
}

.what-we-offer-mkt .mkt-p32 {
  padding-left: 32px
}

.steps-section h5,
.what-we-flex2 p {
  color: #545454;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -.6px
}

.market-line {
  position: absolute;
  inset: 0;
  margin: -16rem auto auto;
  height: 260%
}

.mkt-learn.business-btn {
  border-radius: 32px;
  background: #4b3ff5;
  box-shadow: 0 2px 10px #0b1d3933;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 36px 12px 70px;
  border: 0;
  margin-top: 14px
}

#Merchant-Panel .market-line {
  display: block !important
}

#Merchant-Panel .mx-auto.max-w-7xl.flex {
  padding-left: 8rem
}

.what-we-flex2 p {
  color: #4d4c4f;
  font-size: 18px;
  line-height: 32px;
  margin: 0
}

.mobile-img {
  display: none
}

section.pt-24.market-logos {
  padding-top: 100px
}

.notibell-page .Manrope {
  font-family: Inter !important
}

.new-InfosoftPOS -banner h1 {
  font-size: 158px;
  font-style: normal;
  font-weight: 700;
  line-height: 50.4px;
  letter-spacing: -.085px
}

.InfosoftPOS -feature-grid h4 {
  color: #4e4747;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -.16px
}

.new-InfosoftPOS -page .accordion-button:not(.collapsed):after {
  background: url(/assets/images/pos-open.webp)no-repeat center;
  transform: none
}

.new-InfosoftPOS -page .accordion-button:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(/assets/images/pos-close.webp)no-repeat center;
  float: right
}

.new-InfosoftPOS -banner img {
  margin-top: -65px
}

.purple-btn.button:after,
.purple-btn.button:before {
  content: "";
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  transition: all .3s ease;
  line-height: 30px
}

.purple-btn.button:before {
  background: #796df9
}

.purple-btn.button:after {
  background: url(/assets/images/right-arrow.webp)no-repeat center center
}

.new-InfosoftPOS -banner-txt {
  position: absolute;
  right: 17%;
  top: 47%
}

.new-InfosoftPOS -banner-txt p {
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.085px;
  opacity: .9;
  padding-bottom: 30px
}

.point-of-sale {
  background: url(/assets/images/pos-bg.webp)no-repeat center;
  background-size: 100% 100% !important;
  padding: 90px 0
}

.point-of-sale h2 {
  color: #454751;
  font-size: 56px;
  font-style: italic;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: -2px
}

.point-of-sale p {
  color: #454751;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px;
  opacity: .9
}

.InfosoftPOS -faq {
  padding-bottom: 100px
}

.InfosoftPOS -faq h2,
.InfosoftPOS -industries h2 {
  padding: 100px 0 64px;
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.InfosoftPOS -types-grid {
  padding: 100px 0 54px 220px
}

.InfosoftPOS -types-grid .items-center {
  padding-bottom: 46px
}

.InfosoftPOS -faq-gap {
  gap: 24px
}

.InfosoftPOS -faq-img {
  width: 100%;
  height: 564px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px
}

.new-InfosoftPOS -page button.accordion-button.collapsed {
  background: 0 0;
  padding: 24px !important
}

.new-InfosoftPOS -page .accordion-button {
  background: 0 0;
  padding: 24px 24px 20px !important
}

.new-InfosoftPOS -page .accordion-button,
.new-InfosoftPOS -page .accordion-header {
  color: #48495f;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: .24px
}

.pos-industry-box {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a
}

.pos-industry-img h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  z-index: 999;
  position: relative;
  margin-top: -64px;
  padding: 0 32px 64px
}

.new-InfosoftPOS -page .accordion-item:first-of-type .accordion-button {
  background: 0 0
}

.InfosoftPOS -industries-grid {
  gap: 24px;
  padding-bottom: 100px
}

.InfosoftPOS -industries a:hover {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a, 0 24px 32px -3px #0b152d1f
}

.pos-work-box {
  padding: 28px 0 28px 76px
}

.how-pos-works h5,
.pos-work-box h4 {
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase
}

.pos-work-box h4 {

  font-size: 12px;
  font-style: normal;
  letter-spacing: 2.422px;
  border-radius: 20px;
  background: #f3f2fa;
  padding: 6px 16px
}

.pos-work-box h3:before {
  content: "";
  display: inline-block;
  width: 40px;
  position: absolute;
  height: 40px;
  background: url(/assets/images/InfosoftPOS-ball.webp)no-repeat left center;
  left: 0;
  margin-top: -4px
}

.InfosoftPOS -ball-line {
  position: absolute;
  margin-left: 11px
}

.pos-work-box h3 {
  color: #121213;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1px;
  padding-top: 16px;
  padding-bottom: 12px
}

.pos-work-box p {
  color: #121213;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1px;
  opacity: .7
}

.how-pos-works h5 {
  color: #fff;
  font-size: 18px;
  letter-spacing: -.058px;
  opacity: .5;
  padding-bottom: 16px
}

.InfosoftPOS -listitems {
  padding: 0 32px 32px
}

.InfosoftPOS -listitems .listitems:before {
  margin-right: 10px;
  background: url(/assets/images/InfosoftPOS-arrow.png)no-repeat left center
}

.InfosoftPOS -listitems .listitems {
  color:   var(--accent-color);;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 8px
}

.InfosoftPOS -industries-grid img {
  width: 100%
}

.new-InfosoftPOS -page .accordion-item {
  box-shadow: 0 2px 6px #0b152d24;
  border-radius: 24px !important
}

.InfosoftPOS -faq-gap-24 {
  gap: 24px;
  justify-content: end
}

.new-InfosoftPOS -page .accordion-item:last-of-type .accordion-collapse {
  padding: 0;
  margin: 0;
  box-shadow: none
}

.new-InfosoftPOS -page .accordion-body {
  padding: 0 24px 24px
}

.new-InfosoftPOS -page .accordion-body:before {
  content: "";
  display: block;
  position: relative;
  border: 1px solid #eae0e0;
  margin-bottom: 16px
}

.new-InfosoftPOS -page .accordion-collapse.collapse.show {
  box-shadow: 0 15px 10px -15px #0b152d1a, 0 24px 32px -3px #0b152d1f !important;
  border-radius: 24px
}

.new-InfosoftPOS -page .accordion-body p {
  color: #48495f;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: .16px
}

.InfosoftPOS -types {
  background: #0f0610 url(/assets/images/type-of-pos.png)no-repeat center;
  background-size: 100% 100% !important;
  padding: 100px 0 0
}

.InfosoftPOS -types h2 {
  color: #fff
}

.InfosoftPOS -types h2,
.how-pos-works h2,
.how-pos-works2 h2,
.pos-features p {
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.how-pos-works h2 {
  color: #30303f !important
}

.how-pos-works2 h2,
.pos-features p {
  color: #30303f
}

.how-pos-works2 .h2-div {
  position: absolute;
  z-index: 9;
  right: 160px;
  margin-top: 100px
}

.how-pos-works h2 {
  padding-bottom: 70px
}

.how-pos-works {
  padding: 100px 0 76px
}

.InfosoftPOS -work-grid {
  padding-bottom: 24px
}

.InfosoftPOS -types h3 {
  color: #fff;
  line-height: 30px;
  letter-spacing: -.2px;
  opacity: .8
}

.pos-features {
  background: #fbf9ff;
  padding: 100px 0 50px
}

.pos-features h2 {
  color: #30303f;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1px
}

.pos-features p {
  opacity: .9
}

.InfosoftPOS -types h3,
.testimonials-cont p {

  font-size: 20px;
  font-style: normal;
  font-weight: 400
}

.testimonials-cont p {
  color: #494f59 !important;
  text-align: justify;
  line-height: 38px;
  letter-spacing: -.6px
}

.new-InfosoftPOS -page .testimonials-cont .swiper-pagination-bullet-active {
  background: #407bff !important
}

.new-InfosoftPOS -page .testimonials-cont {
  padding-bottom: 20px
}

.feature-pos-gap {
  gap: 8rem
}

.new-InfosoftPOS -page .detail-form-bg {
  background: #f8f4fe
}

.new-InfosoftPOS -page .form-section-title {
  color: #0b020a;
  text-shadow: 0 4px 29px rgba(255, 255, 255, .25);

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -.2px;
  padding-bottom: 42px
}

.pos-div {
  border-radius: 62px;
  list-style: none;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -1px;
  padding: 10px 0
}

.pos-div1 {
  background: linear-gradient(86deg, #c67efc -36.2%, #ea3c5e 125.55%)
}

.pos-div2 {
  background: linear-gradient(129deg, #c67efc -58.08%, #7052f0 38.01%, #453cea 97.47%)
}

.pos-div3 {
  background: linear-gradient(99deg, #ffa6a6 -15.79%, #ff7070 108.89%)
}

.pos-div5 {
  background: linear-gradient(257deg, #42e16f 6.38%, #34e1ad 83.99%)
}

.pos-div4 {
  background: linear-gradient(201deg, #fff -168.18%, #59efb0 -45.4%, #3374f3 123.16%)
}

.new-InfosoftPOS -page .form-left-text {
  padding-right: 130px
}

.feature-pos-boxes {
  padding-top: 64px
}

.InfosoftPOS -feature-grid {
  gap: 50px;
  padding-bottom: 50px
}

.InfosoftPOS -feature-grid h3 {
  color: var(--Subheading-Colors, #111833);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.2px;
  padding: 20px 0 16px
}

.InfosoftPOS -feature-grid p {
  color: #4e4747;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -.16px;
  padding: 20px 0 16px
}

.hubspot-banner .btn,
.hubspot-banner h1,
.hubspot-drive .btn {
  color: #ff4a17;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .42px
}

.sales-hubspot {
  padding-left: 250px
}

.approach-card a:hover {
  color: #ff4a17 !important
}

.hubspot-banner h2 {
  color: #000;
  font-size: 54px;
  font-weight: 700;
  line-height: 134%;
  letter-spacing: .54px;
  padding: 14px 0 24px
}

.hubspot-banner p,
.hubspot-drive p {
  color: #76798a
}

.hubspot-banner .btn,
.hubspot-drive .btn {
  color: #fff !important;
  font-weight: 600;
  padding: 20px 25px;
  border-radius: 4px;
  border: 0;
  margin: 0
}

.hspt-btn-flex {
  gap: 20px;
  padding: 32px 0 42px
}

.hubspot-left-img img {
  height: 65px
}

.hubspot-left-img h3 {
  color: #000;
  font-size: 26px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.13px
}

section.relative.hubspot-banner {
  padding: 12px 0 100px
}

.hubspot-left-img h4 {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%
}

.hubspot-left-img {
  gap: 16px
}

.black-hspt {
  background: var(--dia-gray, #080E21) !important
}

.org-hspt {
  background: #ff4f1d !important
}

.hubspot-page .logoSlider {
  padding: 0 !important
}

.diadem-approach-txt {
  padding-top: 100px
}

.diadem-approach-txt h2,
.sales-hubspot h2 {
  color: #3f3e4e;
  font-size: 46px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .46px
}

.sales-hubspot h2 {
  padding: 100px 0;
  text-align: left
}

.diadem-approach {
  padding-bottom: 100px
}

.diadem-certified {
  padding: 0 115px 100px 200px
}

.hubspot-drive h2 {
  color: #3f3e4e;
  font-size: 46px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .46px;
  padding-bottom: 18px
}

.hubspot-drive {
  padding: 0 0 100px
}

.diadem-approach-txt h3 {
  color: #3f3e4e;
  font-size: 20px;
  font-weight: 500;
  line-height: 26.2px;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 24px 0 18px
}

.diadem-approach-txt h3 span {
  color: #ff4a17
}

.diadem-approach-txt p,
.hubspot-banner p,
.hubspot-drive p,
.hubspot-sizzling p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px
}

.diadem-approach-txt p {
  color: #76798a;
  text-align: center;
  padding-bottom: 68px
}

.approach-card {
  border-radius: 10px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a;
  padding: 18px 24px 60px
}

.approach-list {
  gap: 20px;
  padding: 0 52px
}

.approach-head {
  color: var(--dia-gray, #080E21);
  font-size: 30px;
  font-weight: 800;
  line-height: 143.523%;
  letter-spacing: .3px
}

.approach-head span {
  color: var(--dia-gray, #FF4A17)
}

.approach-text {
  color: var(--dia-paragraph, #5D5D5D);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding: 17px 0
}

.approach-btn {
  border-radius: 4px;
  border: 1px solid rgba(255, 74, 23, .5);
  background: #ffe2da;
  color: #ff4a17;
  font-size: 12.853px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .129px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center
}

.hubspot-sizzling {
  background: #080e21;
  padding: 100px 0
}

.hubspot-sizzling-gap {
  gap: 200px
}

.hubspot-sizzling h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 50px;
  background: rgba(255, 255, 255, .06);
  -webkit-backdrop-filter: blur(14.5px);
  backdrop-filter: blur(14.5px);
  padding: 8px 0;
  width: 210px;
  text-align: center
}

.hubspot-sizzling h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: 1.38px;
  padding: 12px 0 24px
}

.hubspot-sizzling h2 span {
  color: #ff4a17;
  border-bottom: 3px solid #ff4a17
}

.hubspot-sizzling p {
  color: #fff;
  padding-bottom: 16px
}

.hubspot-sizzling h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .42px;
  text-decoration-line: underline
}

.white-hspt {
  border-radius: 4px;
  background: #fff;
  color: #000 !important
}

.diadem-integration h2,
.hspt-swiper h2 {
  color: #3f3e4e;
  font-size: 46px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .46px
}

.diadem-integration h2 {
  padding-bottom: 100px
}

.diadem-integration h2 span,
.sales-hubspot h2 span {
  color: #ff4a17
}

.diadem-integration {
  padding: 80px 0 100px
}

.blue-gradient-hspt {
  border-radius: 611px;
  opacity: .15;
  background: rgba(93, 147, 251, .5);
  filter: blur(175px);
  position: absolute;
  height: 400px;
  margin: 0;
  width: 650px;
  right: 0
}

.hspt-slider,
.hspt-slider2 {
  border-radius: 10px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff
}

.hspt-slider {
  box-shadow: 0 2px 6px #0b152d1a;
  text-align: center;
  padding: 40px 29px 50px;
  height: 100%
}

.hspt-slider2 {
  padding: 30px 30px 34px;
  height: 587px
}

.hspt-slider2 h3,
.sales-hspt-btn {
  color: var(--dia-gray, #080E21);
  font-size: 18px;
  font-weight: 600;
  line-height: 143.523%
}

.sales-hspt-btn {

  font-size: 12px;
  font-style: normal;
  line-height: 22px;
  gap: 18px;
  margin-top: 14px;
  cursor: pointer;
  position: absolute;
  bottom: 30px
}

.org-hspt-sales {
  display: flex;
  height: 60px;
  padding: 21px 25px;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .42px;
  border-radius: 4px;
  background: #ff4a17 !important;
  border: 0;
  margin: 80px auto 10px
}

.hspt-slider2 p,
.hubspot-page .detail-form-bg li {
  color: var(--dia-paragraph, #5D5D5D);
  font-weight: 400
}

.hspt-slider2 p {
  font-size: 15px;
  line-height: 143.523%;
  padding-top: 10px
}

.hspt-slider2 .slider-card-logo {
  margin: 30px 0 14px;
  height: 45px
}

.hspt-slider img {
  display: flex;
  margin: auto
}

.hubspot-page .detail-form-bg .p-10 {
  padding-top: 0
}

.left-hspt {
  position: absolute;
  right: 141px;
  margin-top: 200px
}

.right-hspt {
  position: absolute;
  left: 30px;
  margin-top: 32px
}

.bottom-hspt {
  position: absolute;
  right: 24px;
  margin-top: -30px;
  z-index: 9
}

.hspt-slider img.slider-top-img {
  padding-bottom: 38px
}

.hspt-slider .slider-card-owner {
  width: 52px;
  border-radius: 52px;
  margin-bottom: 14px
}

.hspt-slider .fs-16-600 {
  color: #3f3e4e;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 146%;
  padding-bottom: 8px
}

.hubspot-page .testimonial-resp {
  background: #faf6f5;
  padding: 100px 0
}

.hspt-swiper h3 {
  border-radius: 50px;
  background: #ff4a17;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  line-height: 18px;
  width: 130px;
  padding: 10px 0
}

.hspt-swiper h2 {
  padding: 12px 0 16px
}

.hspt-para,
.hspt-slider p {
  color: #76798a;
  text-align: center
}

.hspt-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 65px
}

.hubspot-page .form-left-text {
  background: url(/assets/images/hspt-form-bg.webp)no-repeat center;
  background-size: contain;
  background-position: left;
  padding: 50px 0 0 90px;
  margin-left: 100px
}

.hubspot-page .form-section-title {
  color: #000;
  font-size: 38px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .42px
}

.hubspot-page .detail-form-bg h3 {
  color: #ff4a17;
  font-size: 28px;
  font-weight: 700;
  line-height: 36.7px
}

.hubspot-page .form-section-title span {
  color: #ff4a17;
  background: 0 0;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: initial !important
}

.hspt-swiper {
  margin: 0 90px
}

.hubspot-page .detail-form-bg {
  background: #fff
}

.hubspot-page .detail-form-bg p {
  color: #3b3b3b;
  font-size: 18px;
  font-weight: 500;
  line-height: 26.2px;
  padding: 8px 0
}

.hubspot-page .list-disc.fs-18 {
  padding-left: 20px;
  margin-top: 10px
}

.hubspot-page .detail-form-bg li {
  font-size: 18px;
  line-height: 26.2px
}

.hspt-swiper .swiper-button-next:after,
.hspt-swiper .swiper-button-prev:after {
  content: none
}

.hspt-swiper .swiper-button-next,
.hspt-swiper .swiper-button-prev {
  width: 41px
}

.hspt-swiper .swiper-button-next svg,
.hspt-swiper .swiper-button-prev svg {
  border-radius: 100%
}

.hspt-slider p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px
}

.hspt-slider img.slider-horizontal-line {
  margin: 12px auto
}

.hubspot-page .logoSlider {
  display: block
}

.InfosoftPOS -news-grid {
  gap: 24px;
  padding-bottom: 24px
}

.new-InfosoftPOS -page .nav-link.btn-gradient:hover {
  color: #fff !important
}

.casestudy-detail-page .erpsection-btn {
  padding: 10px 20px;
  color: #f9f8fb !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .8px;
  display: flex;
  margin: auto;
  gap: 8px
}

.news-section h3.news-heading-arrow.news-heading-arrow-casestudy {
  margin: 56px 0 30px
}

.nav-link.btn-gradient-white {
  border-radius: 34px;
  background: #fff;
  box-shadow: 8px 7px 40px #00000036;
  padding: 0 30px;
  display: inline-flex;
  height: 55px;
  line-height: 55px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.051px
}

.casestudy-detail-page .katana-blog-subheading {
  padding-left: 1.6em !important
}

.casestudy-detail-page .katana-blog-subheading li::marker {
  font-weight: 700
}

.video-22 {
  display: none
}

.hubspot-testimonial-gap {
  gap: 32px
}

.hspt-test-mobile {
  display: none
}

.blog-list-latest .single-news-header {
  margin: 0
}

.blog-list-latest .btn-ghost,
.news-listing-page .btn-ghost {
  padding: 20px 20px 15px 30px !important;
  margin-bottom: 50px
}

.blog-list-latest .btn-ghost.btn-ghost-prev,
.news-listing-page .btn-ghost.btn-ghost-prev {
  padding: 20px 20px 15px 10px !important;
  margin-bottom: 50px
}

.erp-flexitude-cs .client-section img {
  margin: 50px 0
}

.erp-healthcare-cs .client-section2.client-section6 img {
  width: 80%;
  margin-bottom: 20px
}

.fixed-section-class {
  position: sticky;
  top: 130px
}

.case-detail-banner {
  padding: 77px 20px 66px
}

.case-detail-banner .share-btns {
  gap: 19px
}

.case-detail-banner h1 {
  color: #252f41;
  font-size: 42px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -.8px
}

.written-likes-case {
  padding: 14px 0 32px
}

.case-detail-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ryk-cs-updated .case-detail-img img {
  height: auto;
  -o-object-position: top;
  object-position: top
}

.case-navigation {
  border-radius: 8px;
  border: 1px solid #dfe4ea;
  padding: 24px 0
}

.case-blog-list h3,
.case-navigation a,
.case-navigation h3,
.client-section2 h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -.8px;
  padding: 0 24px 14px
}

.case-blog-list h3,
.case-navigation a,
.client-section2 h3 {
  padding: 0 0 14px
}

.case-blog-list h3,
.case-navigation a {
  padding: 0 0 24px
}

.case-navigation a {
  color: #5c516f;

  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 24px
}

.case-navigation .active {
  background: #f5f2fa
}

.fixed-section-class .client-section {
  display: none
}

.case-blog-list .blog-div a,
.casestudy-wrap h4,
.erp-healthcare-cs .client-section2 p {
  color: #5c516f;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -.8px
}

.erp-healthcare-cs .client-section2 {
  border-radius: 8px;
  border: 1px solid #dfe4ea;
  background: #f5f2fa;
  padding: 24px;
  margin-top: 32px
}

.erp-healthcare-cs .client-section2 h5 {
  color: #343a50;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -.5px;
  padding: 20px 0 12px
}

.erp-healthcare-cs .client-section2 h6 {
  color: #6d6f78;
  font-size: 18px;
  font-style: italic !important;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.5px
}

.erp-healthcare-cs .home .grid-pagination {
  width: 150px
}

.erp-healthcare-cs .grid-pagination .swiper-button-next,
.erp-healthcare-cs .grid-pagination .swiper-button-prev {
  background: #eaeaeb;
  border: 1px solid #fff;
  box-shadow: 0 0 23px #00000017
}

.erp-healthcare-cs .blog-cont .blog-title {
  font-size: 18px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 26px;
  height: 50px
}

.erp-healthcare-cs .blog-grid .blog-cont .blog-text {
  font-size: 16px;
  line-height: 24px;
  color: var(--styles-500, #343A50);
  font-weight: 400;
  letter-spacing: -.26px
}

.date-format-mobile,
.fixed-section-class .case-blog-list,
.fixed-section-class .client-section2 {
  display: none
}

.case-blog-list {
  margin-top: 32px
}

.case-blog-list .blog-div {
  gap: 12px;
  margin-bottom: 25px
}

.case-blog-list .blog-div a,
.casestudy-wrap h4 {
  font-size: 18px;
  line-height: 28px
}

.new-download-btn {
  padding: 10px 20px !important
}

.casestudy-wrap h4 {
  color: #252f41;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  padding: 32px 0 16px
}

.casestudy-wrap h4.challenge-sub {
  font-size: 20px;
  padding-bottom: 12px
}

.casestudy-wrap h4.challenge-main-sub {
  font-size: 18px;
  padding-bottom: 12px
}

.erp-healthcare-cs .home .blog-grid .healthcare {
  padding: 0 20px
}

#Reasons-gray {
  color: #000 !important
}

.swiperTest h4,
.swiperTest h5 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.5px;
  padding-top: 20px
}

.swiperTest h5 {
  color: #727272;
  font-size: 18px;
  font-weight: 400;
  padding-top: 2px
}

.saahas-blog3-benifits,
.saahas-blog3-challenges {
  width: 96%
}

.blog-list-latest picture img {
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  border-radius: 10px 10px 0 0
}

.ryk-challenges,
.ryk-features {
  width: 90%
}

.Retail-Page .ERP-education1.ERP-Retail1 {
  background: url(/assets/images/retail1-banner.webp)no-repeat center;
  background-size: cover
}

.ERP-education1 .erpone-btn {
  width: 205px;
  border: 0;
  border-radius: 34px;
  background: #5749f8;
  box-shadow: 8px 7px 40px #00000036;
  padding: 0 30px;
  text-transform: inherit;
  display: inline-flex;
  height: 60px;
  line-height: 55px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.051px
}

.Retail-Page span.vectorclass {
  background: #796df9;
  height: 26px;
  margin-left: 10px;
  width: 26px;
  border-radius: 27px
}

.retail-trusted-section {
  background: #f2f3f7
}

.ERP-Retail3 p,
.trusted-retail-section h2 {
  color: #454751;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -.06px
}

.ERP-Retail3 h3 span,
.Retail4-section span,
.Retail6-section h2 span,
.InfosoftPOS -faq h2 span,
.point-of-sale h2 span,
.pos-features h2 span,
.trusted-retail-section h2 span {
  color: #407bff
}

.ERP-Retail3 h3.text-base {
  text-align: center;
  width: auto
}

.ERP-Retail3 p {
  color: #3e414b;
  text-align: justify;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}

.ERP-Retail3 .erp3-btn,
.ERP-education3 .erp3-btn {
  border-radius: 10px;
  background: #0e0d15;
  text-transform: initial
}

.ERP-Retail3 a,
.ERP-education3 a {
  display: flex;
  margin: auto
}

.ERP-Retail3 h3.text-base,
.Educationfeature1-section h5,
.Retail4-section h2,
.Retail5-section h2,
.Retail6-section h2,
.Retail6-section h5,
.retail5-box h4 {
  color: #30303f;

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.Retail-Support .support-box,
.Retail4-section .benefit-box {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a
}

.Retail5-section {
  background: url(/assets/images/Retail5-banner.webp)no-repeat center;
  background-size: cover
}

.Educationfeature1-section h5,
.Retail5-section h2,
.Retail6-section h2,
.Retail6-section h5 {
  color: #fff;
  text-align: center
}

.retail5-box h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-left: .5rem;
  line-height: 60px;
  letter-spacing: -.06px
}

.Educationfeature1-section h5,
.Retail6-section h2,
.Retail6-section h5 {
  color: #30303f
}

.Educationfeature1-section h5,
.Retail6-section h5 {
  color: #51545c;
  font-size: 20px;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: -.24px
}

.Retail-Page .Retail-features p {
  color: #263238;
  font-weight: 400
}

.Retail-Page .Retail-features .bluevector {
  padding-top: 5px
}

.retail-support h2 span {
  color: #a158ff
}

.Retail-Page p.text-black.text-xl.leading-8.tracking-tighter.p-1.px-0 {
  text-align: initial
}

.Retail-casestudy {
  background: #6558ff;
  padding: 80px 20px
}

.Retail-accordian h4,
.Retail-casestudy h1 {

  font-style: normal;
  line-height: 30px
}

.Retail-casestudy h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  padding-top: 0;
  margin-bottom: 12px
}

.Retail-Page .Retail-features p,
.Retail-casestudy .erpone-btn,
.Retail-casestudy p {

  font-size: 16px;
  font-style: normal;
  line-height: 24px
}

.Retail-casestudy p {
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  whitespace: nowrap;
  font-weight: 400;
  padding-bottom: 16px
}

.Retail-casestudy .erpone-btn {
  border-radius: 10px;
  background: #fff;
  color: #455a64;
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: capitalize;
  margin-bottom: 0
}

.retailcase-img-right {
  height: auto;
  position: absolute;
  right: 0;
  margin-top: -9.5rem
}

.Retail-Detailform h2,
.Retail-accordian h2,
.Retail-accordian p {
  color: #000;

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.Retail-accordian h2 span {
  color: #407bff
}

.Retail-accordian h4 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .11px
}

.Retail-Detailform h2,
.Retail-accordian p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: .09px
}

.Retail-Detailform h2 {
  color: #0b020a;
  text-shadow: 0 4px 29px 0 rgba(255, 255, 255, .25);
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: .8px
}

.Retail-Detailform h2 span,
.Retail-Page .detail-form p span {
  background: #407bff
}

.Retail-Detailform .circle-arrow {
  display: flex;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #407bff;
  box-shadow: 0 4px 29px #ffffff40;
  justify-content: center;
  align-items: center
}

.Retail7-section,
.Retail9,
.management,
.multilingual {
  background: #f8f6fa
}

.Retail-Page .testimonials-cont,
.Retail-Support {
  background: #f8f4fe
}

.ERP Fast Track -software .platform-section h2 span {
  color: #f33897 !important;
  -webkit-text-fill-color: #f33897 !important
}

.ERP-education1 {
  background: url(/assets/images/education-banner.webp)no-repeat center;
  background-size: 100%;
  height: 860px;
  background-position: 0 0
}

.education-img-right {
  width: 85%
}

.ERP-education1 .banner-inner {
  padding-top: 3.5rem
}

.ERP-education1 h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 76px;
  letter-spacing: -2px;
  color: #fafafa;
  padding-bottom: 18px
}

.ERP-education1 h1 span {
  font-weight: 400
}

.ERP-education1 p {
  color: #dbdce0;
  font-size: 20px;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -.24px;
  padding-bottom: 32px
}

.left-section-education1 {
  padding-left: 8rem
}

.ERP-education3 p,
.trusted-education-section h2 {
  color: #454751;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -.06px
}

.education-trusted-section {
  background: #f2f3f7
}

.ERP-education3 h3 span,
.education4-section h2 span {
  color: #407bff
}

.ERP-education3 p {
  color: #3e414b;
  text-align: justify;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}

.ERP-education3 h3,
.Education5-right h2,
.education4-section h2,
.education4-section h4 {

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.ERP-education3 h3,
.education4-section h2 {
  color: #30303f;
  text-align: center
}

.education4-section {
  background: #f8f6fa
}

.education4-section h4 {
  color: var(--styles-500, #343A50);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -.06px
}

.Education5home {
  background: url(/assets/images/education5-banner.webp)no-repeat center;
  background-size: cover
}

.Retail-LMS-Page .nav-links,
body.Retail-Page .nav-links {
  color: #fff !important
}

.Retail-LMS-Page .logo-white,
body.Retail-Page .logo-white {
  display: block
}

.Retail-LMS-Page .logo-dark,
.stepping-section h2.font-heading:after,
body.Retail-Page .logo-dark {
  display: none
}

.Retail-LMS-Page .btn.header-btn,
body.Retail-Page .btn.header-btn {
  border: 1.5px solid #fff;
  color: #fff
}

.Education5-right h2 {
  color: #fff
}

.Education5-right h2 span {
  color: #b281ff
}

.Education5-right p,
.Educationfeature1-section h2 {
  color: #fff;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: -.24px
}

.Education5-right .erpsection-btn {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .8px;
  border-radius: 10px;
  background: #fff
}

.Education-features h3 {
  text-transform: inherit
}

.Educationfeature1-section h2 {
  color: #30303f;
  font-size: 48px;
  text-align: center;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.Educationfeature1-section h2 span,
.LMS-Page .faq-section span,
.LMS-support-section h2 span,
.LMSmodules-section h2 span,
.Retail-Page .standards-section2 h3 span {
  color: #407bff
}

.Retail-accordian .accordion-body ol li,
.education-features p {
  color: #263238;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.Retail4-section {
  background: #f8f6fa
}

.Retail4 img {
  width: 40px
}

.Retail-accordian .accordion-body ol li {
  color: #000;
  font-size: 18px;
  line-height: 29x;
  letter-spacing: .09px
}

.Retail-box-section img {
  width: 45px
}

.LMS-Page .button:after,
.Retail-LMS-Page .button:after,
.Retail-Page .button:after,
.ERP Fast Track -software .button:after {
  content: "";
  position: absolute;
  right: 0;
  background: url(/assets/images/right-arrow.webp)no-repeat center center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  transition: all .3s ease;
  line-height: 30px
}

.education4-box img {
  width: 60px
}

.LMS-casestudy {
  background: linear-gradient(276deg, #c67efc -25.21%, #d563bc 22.91%, #de5395 76.55%, #ea3c5e 118.8%);
  background-size: 100%;
  margin-bottom: 100px
}

.LMS-casestudy h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  padding-bottom: 12px
}

.Retail-Page .manufacturing-trusted img {
  width: 412px
}

.LMS-casestudy p,
.new-lms-cs h4 {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px
}

.new-lms-cs h4 {
  padding: 12px 0 30px
}

.LMS-casestudy .erpone-btn,
.New-Education-Page .erpone-btn,
.lms-industry-section .erpone-btn {
  border-radius: 10px;
  background: #fff;
  text-transform: inherit;
  padding: 10px 20px !important;
  color: #000 !important
}

.lms-industry-btn {
  margin-top: 48px;
  display: flex;
  justify-content: center
}

.LMS-casestudy-image {
  height: 522px;
  width: 100rem;
  margin-top: -5rem
}

.LMS-box-section img {
  width: 50px
}

.lms-support-box {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a
}

.LMS-support-section h2 {
  color: #30303f;

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px;
  text-align: center
}

.lms-support-box p {
  color: #132a38;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.LMS-Page .testimonials-cont {
  background: #f8f4fe
}

.LMS-Page .accordion-item:last-of-type .accordion-collapse {
  background: #f4f3f7;
  border-radius: 0 !important;
  padding: 0 25px 0 44px
}

.LMS-Page .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-btn-color)
}

.LMS-Page .accordion-item:first-of-type .accordion-button {
  padding-left: 64px
}

.accordion-button:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(/assets/images/plus-icon.webp)no-repeat center;
  float: right
}

.LMS-Page .button:before,
.ERP Fast Track -software .button:before {
  content: "";
  width: 30px;
  height: 30px;
  right: 0;
  transition: all .3s ease;
  background: #796df9;
  position: absolute;
  border-radius: 50px;
  line-height: 30px
}

.Educationfeature2-section,
.Educationfeature4,
.Educationfeature6,
.Educationfeature8 {
  background: #f8f6fa
}

.best-educator-right {
  padding-right: 120px
}

.LMSmodules-section h2 {
  color: #30303f;

  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.LMSmodules-section {
  background: #f8f6fa
}

.Retail-Page .accordion-item #q3 a {
  color: #0075ed
}

.testimonials-cont .swiper-pagination-bullet-active {
  background: #9150f1 !important
}

.LMS-box-section h4,
.LMSmodules-section h3 {

  font-style: normal;
  font-weight: 600
}

.LMSmodules-section h3 {
  color: var(--styles-500, #343A50);
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -.06px
}

img.educationimg1 {
  width: 346px;
  height: auto
}

.manufacturing-benifits img {
  width: 60px
}

.Education-left-img {
  margin-top: .5rem
}

.Education-features img.flex {
  width: 510px;
  height: 240px;
  flex-shrink: 0
}

.left-feature {
  padding-left: 1.4rem
}

.LMS-box-section h4 {
  color: var(--subheading-colors, #111833);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.18px;
  text-transform: inherit
}

.LMS-Page .blog-casestudy {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.LMS-Page .stepping-section h3 {
  padding-left: 6px
}

.Registration-Page .nav-links,
body.LMS-Page .nav-links {
  color: #fff !important
}

.Registration-Page .btn.header-btn,
body.LMS-Page .btn.header-btn {
  border: 1.5px solid #fff;
  color: #fff
}

.Registration-Page .logo-white,
body.LMS-Page .logo-white {
  display: block
}

.Registration-Page .logo-dark,
body.LMS-Page .logo-dark {
  display: none
}

.Retail-Detailform h2.font-extrabold {
  color: #0b020a;
  text-shadow: 0 4px 29px 0 rgba(255, 255, 255, .25);
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: .8px
}

.career-video-slider img {
  width: 60%;
  height: auto;
  display: flex;
  margin: auto
}

.career-video-slider {
  padding-bottom: 100px;
  background: #f8f6fa;
  height: 880px
}

.career-Bootcamp h2,
.career-Bootcamp p,
.career-video-slider h2 {
  color: #212529;
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -.8px
}

.career-video-slider h2 {
  text-align: center;
  padding: 100px 0 64px
}

.career-Bootcamp h2 span,
.career-video-slider h2 span {
  background: linear-gradient(204deg, #fe15a0 42.81%, #de29c8 68.07%, #7059fe 106.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.career-video-slider .swiper-slide {
  transform: scaleY(.85)
}

.career-video-slider .swiper-slide-prev img {
  float: right
}

.career-video-slider .swiper-slide-next img {
  float: left
}

.career-video-slider .swiper-slide.swiper-slide-active {
  transform: scaleY(1) translateZ(0) !important
}

.LMS-Page .blog-casestudy h2 {
  color: #30303f
}

.Retail-Page .standards-section2 {
  padding-bottom: 70px
}

.Retail-Page .standards-section2 h3 {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  text-align: center;
  letter-spacing: -2px;
  padding-bottom: 64px
}

.career-Bootcamp h2,
.career-Bootcamp p {
  padding-bottom: 24px
}

.apply-bootcamp:hover {
  opacity: .6
}

.career-Bootcamp p {
  color: #343a50;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.career-Bootcamp {
  padding: 100px 0 76px;
  background: #f8f6fa
}

.Manufacturing-Landing-banner,
.Pharma-Landing-banner {
  background-size: cover !important;
  height: auto;
  background-position: 0 0;
  padding: 200px 0 100px
}

.Manufacturing-Landing-banner {
  background: url(/assets/images/Manufacturing-Landing-banner.webp)no-repeat center
}

.Pharma-Landing-banner {
  background: url(/assets/images/pharma-industry-bg.webp)no-repeat center
}

.ErpSoftware-Landing-banner,
.POS-Landing-banner {
  background-size: cover !important;
  height: auto;
  background-position: 0 0 !important;
  padding: 150px 0 100px
}

.ErpSoftware-Landing-banner {
  background: url(/assets/images/software-landing-banner.webp)no-repeat center
}

.POS-Landing-banner {
  background: url(/assets/images/pos-landing-bg.webp)no-repeat center
}

.LMS-Landing-banner {
  background: url(/assets/images/LMS-landing-banner.webp)no-repeat center
}

.CRM-Landing-banner,
.Education-Landing-banner,
.LMS-Landing-banner {
  background-size: cover !important;
  height: auto;
  background-position: 0 0 !important;
  padding: 150px 0 100px
}

.Education-Landing-banner {
  background: url(/assets/images/Education-landing-banner.webp)no-repeat center
}

.CRM-Landing-banner {
  background: url(/assets/images/crm-image.webp)no-repeat center
}

.Retail-Landing-banner {
  background: url(/assets/images/retail-landing-bg.webp)no-repeat center;
  background-size: cover;
  height: auto;
  background-position: 0 0;
  padding: 150px 0 100px
}

.detail-form-landing {
  border-radius: 16px;
  border: 2px solid #d3f9fe;
  background: #fff;
  padding: 50px 25px 25px;
  width: 550px;
  height: auto;
  float: right
}

.form-landing-inside {
  padding: 0 29px;
  min-height: 350px
}

.inner-banner-landing {
  gap: 130px
}

.Education-Landing-banner .inner-banner-landing,
.LMS-Landing-banner .inner-banner-landing {
  gap: 0
}

.Manufacturing-Landing-text h1 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -2px
}

.Manufacturing-Landing-text h1 span {
  color: var(--407-bff, #407BFF)
}

.Manufacturing-Landing-text p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -.24px;
  padding: 26px 0 70px
}

.detail-form-landing h3,
.detail-form-landing p {
  color: #17171e;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: .2px
}

.detail-form-landing p {
  color: #656569;
  font-size: 18px;
  line-height: 28px;
  padding-top: 10px;
  padding-bottom: 30px
}

.Manufacturing-integrate-landing h2,
.best-manufacturing h2,
.manufacturing-landing-industries h2 {
  color: #30303f;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  padding-bottom: 28px
}

.Manufacturing-Experts h2 span,
.Manufacturing-integrate-landing h2 span,
.Retail-Experts h2 span,
.best-manufacturing h2 span,
.manufacturing-erp-software .Retail-Detailform h3 span,
.manufacturing-erp-software .detail-form p span,
.manufacturing-landing-choose h2 span,
.manufacturing-landing-choose p span,
.manufacturing-landing-industries h2 span,
.market-logo h3 span {
  color: #407bff;
  background: 0 0;
  -webkit-text-fill-color: initial !important
}

.manufacturing-erp-software .Retail-Detailform h3 {
  padding: 20px 0
}

.best-manufacturing p,
.manufacturing-landing-industries p {
  color: #3e414b;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px;
  padding-bottom: 80px
}

.best-manufacturing.best-retail p {
  color: #2f3134;
  text-align: justify;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 0
}

.blue-left-circle {
  position: absolute;
  margin-top: 100px
}

.best-manufacturing,
.manufacturing-landing-industries {
  padding: 100px 0
}

.best-manufacturing img {
  width: 82px
}

.best-manufacturing h3,
.manufacturing-landing-industries h3 {
  color: #3e414b;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 36.073px
}

.best-manufacturing .best-gap {
  gap: 62px
}

.Manufacturing-integrate-landing h2,
.manufacturing-landing-industries h2 {
  padding-bottom: 64px
}

.manufacturing-landing-industries h2 {
  padding-bottom: 32px
}

.manufacturing-landing-industries p {
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  padding-bottom: 60px
}

.easy-graphic,
.thanks-content img {
  width: 85%;
  display: flex;
  margin: auto
}

.manufacturing-landing-industries .best-gap {
  gap: 32px
}

.manufacturing-landing-industries h3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -.06px
}

.manufacturing-erp-software .health-diff {
  margin: 0;
  height: auto
}

.Manufacturing-integrate-landing {
  background: #f8f4fe;
  padding: 100px 0
}

.Manufacturing-integrate-landing p.health-diff-cntnt {
  font-size: 18px;
  line-height: 28px;
  text-align: justify
}

.Manufacturing-integrate-landing.pos-lp-features p.health-diff-cntnt {
  text-align: left
}

.Manufacturing-Experts,
.Retail-Experts {
  background-size: cover;
  background-position: 0 0;
  padding: 100px 0
}

.Manufacturing-Experts {
  background: url(/assets/images/Manufacturing-expert-bg.webp)no-repeat center
}

.dubai-software-page.crm-landing-page .Manufacturing-Experts {
  background: url(/assets/images/crm-experts.webp)no-repeat center;
  background-size: cover;
  background-position: 0 0;
  padding: 150px 0
}

.dubai-software-page.crm-landing-page.lms-landing-page .lms-landing-experts.Manufacturing-Experts {
  background: url(/assets/images/lms-landing-experts.webp)no-repeat center;
  background-size: cover
}

.dubai-software-page.crm-landing-page.lms-landing-page .Education-landing-experts.Manufacturing-Experts {
  background: url(/assets/images/education-experts.webp)no-repeat center;
  background-size: cover
}

.Retail-Experts {
  background: url(/assets/images/Retail-young.webp)no-repeat center
}

.Manufacturing-Experts h2,
.Retail-Experts h2 {
  color: #fff;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  font-size: 42px;
  font-weight: 700;
  line-height: 68px
}

.crm-landing-page.manufacturing-erp-software .Retail-Detailform h3 {
  padding-bottom: 0;
  font-style: normal
}

.webinar-list-ul {
  padding-bottom: 20px;
  list-style-type: disc;
  padding-left: 25px
}

.healthcare-Webinar-Page .saahas-webinar-banner {
  align-items: start
}

.announcement-box h5,
.webinar-list-ul li {
  color: #25242e;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400
}

.crm-landing-page .right-box-manu img {
  border-radius: 10px;
  width: 400px
}

.manufacturing-erp-software .erpsection-btn {
  border: 0
}

.Manufacturing-Experts .erpsection-btn,
.Retail-Experts .erpsection-btn,
.manufacturing-landing-choose .erpsection-btn {
  color: #000;
  background: #fff;
  background-color: #fff !important
}

.Manufacturing-Experts .erpsection-btn:hover,
.Retail-Experts .erpsection-btn:hover,
.hvr-color button a:hover,
.manufacturing-landing-choose .erpsection-btn:hover {
  color: #000 !important
}

.manufacturing-landing-choose {
  background: #0b020a url(/assets/images/Landing-choose-bg.png)no-repeat center;
  background-position: center 0;
  padding: 100px 0;
  background-size: cover
}

.pos-landing-choose {
  background: linear-gradient(180deg, #f8f4ff 0, #fdcbff 100%);
  background-position: center 0;
  background-size: cover
}

.pos-landing-choose.manufacturing-landing-choose h2 {
  color: #30303f !important
}

.pos-landing-choose.manufacturing-landing-choose h3 {
  color: #23232f !important
}

.manufacturing-landing-choose h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  padding-bottom: 32px;
  text-align: center
}

.manufacturing-landing-choose p {
  color: #fff;
  font-size: 22px;
  padding-bottom: 50px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -.06px
}

.manufacturing-landing-choose h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 69.4px;
  letter-spacing: -.086px
}

.gap-3674 {
  gap: 36.74px
}

.Landing-choose-grid {
  -moz-column-gap: 200px;
  column-gap: 200px
}

#landing-choose1 {
  height: 24px
}

#landing-choose2 {
  height: 34.31px
}

#landing-choose3 {
  height: 38.58px
}

#landing-choose4 {
  height: 38.11px
}

#landing-choose5 {
  height: 38.58px
}

#landing-choose6 {
  height: 30.96px
}

#landing-choose7 {
  height: 41.47px
}

#landing-choose8 {
  height: 29.77px
}

#landing-choose9 {
  height: 30.86px
}

#landing-choose10 {
  height: 26.2px
}

.market-logo {
  padding: 100px 0
}

.market-logo h3 {
  padding-bottom: 100px
}

.manufacturing-erp-software .Retail-Detailform h3 {
  color: #646464;
  text-shadow: 0 4.508px 32.681px rgba(255, 255, 255, .25);

  font-size: 28px;
  font-style: italic;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: .902px
}

.thanks-content,
.thanks-page,
.thanks-page #header {
  background: #fcfbfd
}

.market-logo h3,
.thanks-content h2,
.thanks-content h3 {
  color: #30303f;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px
}

.thanks-content h3 {
  font-size: 28px;
  font-weight: 500;
  padding: 50px 0
}

.thanks-content {
  padding: 100px 0;
  height: 800px
}

.thanks-content img {
  width: 120px
}

.manufacturing-erp-software .health-diff img {
  width: 46px !important
}

.blog-whatsapp-flex {
  gap: 16px;
  padding: 10px 0
}

.erp-healthcare-cs .blog-whatsapp-flex {
  padding: 8px 0 0
}

.blog-whatsapp {
  gap: 8px
}

.registration-banner {
  background: url(/assets/images/wabinar-banner2.webp)no-repeat center;
  background-size: cover;
  height: auto;
  background-position: 0 0;
  padding: 189px 164px 0
}

.harsh-author img {
  width: 73px
}

.harsh-author {
  gap: 16px;
  padding: 18px 0 32px;
  align-items: center
}

.registration-banner .right-image img {
  width: 511px;
  float: right
}

.registration-banner h1 {
  color: #fafafa;

  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 76px;
  letter-spacing: -2px;
  padding-bottom: 18px
}

.registration-banner h1 span,
body.\/how-can-ERP Fast Track -manufacturing-software-revolutionize-your-business.antialiased.text-page.bg-white.dark\:text-slate-300.tracking-tight.dark\:bg-dark p.max-w-3xl.mx-auto.mt-2.mb-8.px-4.text-center.sm\:px-6.text-base {
  font-weight: 600
}

.registration-banner h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -2px;
  padding: 58px 0 18px
}

.new-education-banner p,
.registration-banner p {
  color: #dbdce0;
  font-size: 20px;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -.24px
}

.registration-banner h3 {
  color: #fff8f8;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.5px;
  padding: 0 0 2px
}

.registration-banner h4 {
  color: #9d9d9d;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -.5px
}

.date-announcement {
  padding: 48px 0
}

.announcement-grid {
  gap: 30px
}

.announcement-box {
  border-radius: 10px;
  border: 1.164px solid rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 29.098px 52px -23.279px #00000030;
  padding: 10px 21px 8px;
  width: 146px
}

.announcement-box h5 {
  color: #a1a1a1;
  text-align: center;
  font-weight: 600
}

.announcement-box h6,
.registration-detail-form h3 {
  color: #f6f6f6;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px
}

.webinar-stats {
  padding: 100px 0
}

.webinar-stats #timer {
  color: #000;
  display: flex;
  justify-content: center;
  gap: 0
}

.webinar-stats #timer .span-time,
.webinar-stats #timer p {

  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.webinar-stats #timer p {
  color: #4e5152;
  display: flex;
  font-size: 24px
}

.webinar-stats #timer .span-time {
  color: #fb5f5f;
  font-size: 9px;
  text-transform: uppercase;
  padding-left: 2px
}

.webinar-stats #timer .span-time.span-time-hours {
  padding-left: 0
}

.registration-detail-form {
  background: #fff url(/assets/images/registration-form-bg.webp)no-repeat;
  background-size: 100% 100%;
  padding: 46px 54px 29px;
  width: 550px
}

.registration-detail-form h3 {
  color: #9ba1a6;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  padding-bottom: 2px
}

.registration-detail-form p.title-para {
  color: #17171e;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .2px;
  padding: 60px 0
}

.past-gap10 h3,
.webinar-stats h2 {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px
}

.right-webinar-image img {
  width: 500px
}

.blue-span-class {
  color: var(--407-bff, #407BFF)
}

.image-highlights img {
  width: 42px
}

.webinar-text h4 {
  color: #30303f;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -.058px
}

.first-webinar-text {
  padding-top: 8px
}

.second-webinar-text {
  padding-top: 3.5rem
}

.webinar-highlights-section {
  gap: 12px;
  padding-top: 43px
}

#hubspotwebForm {
  min-height: 200px
}

.past-webinar {
  background: url(/assets/images/past-webinar-banner.webp)no-repeat center;
  background-size: cover;
  background-position: 0 0;
  padding: 100px 0
}

.past-webinar h2 {
  color: #fff;
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.8px
}

.past-gap10 {
  gap: 60px;
  padding: 76px 130px 0
}

.past-gap10 h3 {
  color: #263238;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -.5px;
  padding-bottom: 14px
}

.past-cap {
  position: absolute;
  right: 100px;
  margin-top: -70px
}

.new-education-banner {
  background: url(/assets/images/new-education-banner.webp)no-repeat center;
  background-size: cover;
  height: 900px;
  background-position: 0 0;
  padding: 220px 0 106px 170px
}

.new-education-banner h1,
.new-lms-cs h3 {
  background-clip: text;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent
}

.new-education-banner h1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 76px;
  letter-spacing: -2px;
  background: linear-gradient(110deg, #fafafa -2.65%, #f6f5f7 50.43%, #a9a3c0 110.9%)
}

.new-education-banner h1 span {
  font-weight: 400
}

.new-education-banner p {
  font-weight: 400;
  padding: 18px 0 0
}

.education-right-img img {
  width: 850px
}

.New-Education-Page .manufacturing-stepping h3,
.saahas-webinar-left h1 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: .11px;
  padding-bottom: 20px
}

.New-Education-Page .manufacturing-stepping p {
  padding-bottom: 24px
}

.New-Education-Page .manufacturing-benifits p,
.lms-industry-section p {
  color: #3e414b;
  text-align: justify;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px;
  padding: 64px 200px 0 100px
}

.new-lms-cs h3 {
  font-size: 157.42px;
  font-weight: 600;
  line-height: 125px;
  letter-spacing: -4.032px;
  opacity: .05;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 242%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  width: 100%
}

.new-lms-cs {
  background: linear-gradient(276deg, #21fef1 -25.21%, #3fadfd 42.38%, #6e71fd 76.55%, #9f37fe 118.8%);
  height: 373px;
  margin-bottom: 70px
}

.new-lms-cs h2,
.new-lms-cta h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  padding: 100px 0 0
}

.new-lms-cs-image img {
  height: 513px;
  position: absolute;
  right: 0;
  margin-top: -95px
}

.new-lms-cta {
  background: linear-gradient(276deg, #b04fd4 -25.21%, #7b37ce 42.38%, #1b73f7 76.55%, #2164fa 118.8%);
  height: 404px
}

.new-lms-cta h2 {
  text-transform: capitalize;
  padding: 20px 0 24px
}

.industry-items,
.new-lms-cta h4 {
  font-style: normal;
  position: absolute
}

.industry-items {
  display: flex;
  z-index: 9;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  width: 100%;
  color: #fff;

  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 16px 12px
}

.new-lms-cta h4 {
  font-size: 157.42px;
  font-weight: 600;
  line-height: 125px;
  letter-spacing: -4.032px;
  opacity: .05;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 242%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  text-align: center
}

.new-lms-last-image img {
  float: right
}

.career-video-slider .youtube-video-news iframe {
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 50%
}

.mobile-banner {
  display: none
}

.form-line,
.manu-support-section h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}

.form-line {
  color: #2f3134;
  text-align: left !important;
  padding: 18px 0 40px
}

.mx-auto.px-6.sm\:px-6.max-w-3xl.pt-8.md\:pt-4.pb-12.md\:pb-20 {
  padding-left: 16px
}

.news-section-blog .news-author-section {
  margin-top: 67px
}

.news-section-blog .new-author-heading,
.news-section-blog .news-list-author {
  margin: 0
}

.waste-management-blog4 .katana-blog-subheading.katana-blog-subheading2 {
  list-style-type: disc;
  margin: 0 0 32px !important
}

.blog-post-page .waste-management-blog4 ul li:before {
  background: 0 0 !important;
  width: 0
}

.blog-post-page .waste-management-blog4 h2.casestudy-challenge-title,
.blog-post-page .waste-management-blog4 h3.h3-title,
.blog-post-page .waste-management-blog4 h4.h4-title {
  font-size: 22px;
  margin-bottom: 12px;
  line-height: normal
}

.h3-title,
.h4-title {
  margin: 32px 0 16px
}

.waste-management-blog4 .katana-blog-subheading {
  margin: 0 0 20px !important;
  padding-left: 45px !important
}

.waste-management-blog4 b {
  font-weight: 600 !important
}

.waste-management-blog4 h4.challenge-sub-18 {
  font-size: 18px;
  line-height: normal
}

.saahas-blog-stages {
  width: 100%;
  padding: 50px 0
}

.saahas-blog4-benifits,
.saahas-blog4-challenges,
.saahas-blog4-features {
  width: 100%;
  padding: 50px 0;
  box-shadow: none !important
}

.pacific-features,
.pacific-features2 {
  padding: 20px 0;
  box-shadow: none !important
}

.pacific-features2 {
  width: 95%
}

.manu-support-section h3 {
  color: #3e414b;
  font-style: normal;
  letter-spacing: -.06px;
  padding: 0 80px 24px
}

.dubai-software-page .Manufacturing-integrate-landing.features-crm h2,
.manu-support-section h3.support-subtitle {
  padding-bottom: 64px
}

#padding-left10 {
  padding-left: 4.5rem
}

#padding-left11 {
  padding-left: 5rem
}

.manufacturing-top-benifits {
  margin-top: 2.5rem !important
}

.retail-landing-industries {
  padding: 60px 0
}

.retaail-industry-border {
  border-left: 1px solid #d9d9d9;
  height: 80px;
  width: 1.14px;
  position: absolute
}

.retail-landing-industries2 {
  padding-bottom: 60px
}

.retail-landing-industries img,
.retail-landing-industries2 img {
  width: 67px;
  height: 67px
}

.border-inner2 {
  border-radius: 0 0 24px 24px;
  border: 1px solid #d9d9d9;
  border-top: none
}

.border-inner {
  border-radius: 24px 24px 0 0;
  border: 1px solid #d9d9d9;
  border-bottom: none
}

.empower-retail {
  padding-top: 48px
}

.empower-retail img {
  width: 73px;
  height: 73px
}

img.cart-retail {
  position: absolute;
  right: 0;
  margin-top: -150px;
  box-shadow: 0 24px 32px -3px #0b152d1f;
  border-radius: 123.403px
}

.purple-left-circle {
  position: absolute;
  right: 0;
  margin-top: -200px
}

.retail-best-section.manufacturing-stepping h2 {
  padding: 0
}

.retail-best-section h3 {
  color: #3e414b;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -.06px;
  padding: 32px 0
}

.form-subline,
.saahas-webinar-left h3,
ul.dubai-list {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500
}

.form-subline {
  color: #656569;
  text-align: center;
  letter-spacing: .2px;
  padding-top: 10px;
  padding-bottom: 30px
}

.lms-industry-section {
  background: url(/assets/images/lms-industry-section.png)no-repeat center;
  background-size: cover;
  padding: 100px 180px
}

.dubai-logos h2,
.lms-industry-section h2 {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px
}

.lms-industry-section h2 {
  color: #fff;
  letter-spacing: -2px
}

.lms-industry-section p {
  color: #fff;
  line-height: 37px;
  letter-spacing: -.24px;
  padding: 24px 0 65px;
  text-align: center
}

.Whatsapp_icon_landing {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  width: auto;
  cursor: pointer
}

.Whatsapp_icon_landing img {
  height: 60px
}

#preloader {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #f8f6fa !important
}

#loader,
#loader:after,
#loader:before {
  border-radius: 50%;
  border: 3px solid transparent
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0-75px;
  border-top-color: #9370db;
  animation: spin 2s linear infinite
}

#loader:after,
#loader:before {
  content: "";
  position: absolute;
  inset: 5px;
  border-top-color: #ba55d3;
  animation: spin 3s linear infinite
}

#loader:after {
  inset: 15px;
  border-top-color: #f0f;
  animation: spin 1.5s linear infinite
}

.dubai-software-page .health-diff {
  background: #f1f0f8;
  padding: 34px
}

.dubai-software-page .Manufacturing-integrate-landing,
.dubai-software-page.crm-landing-page .features-crm .health-diff,
.dubai-software-page.crm-landing-page .features-lms .health-diff {
  background: #fff
}

.dubai-software-page p.health-diff-head {
  font-size: 22px;
  line-height: 28px
}

.dubai-software-page .Manufacturing-integrate-landing p.health-diff-cntnt {
  font-size: 20px;
  line-height: 30px
}

div#padding-left30 {
  padding-left: 80px
}

.dubai-logos h2 {
  color: #30303f
}

.dubai-logos h4,
.dubai-logos p {
  color: #3e414b;
  font-size: 20px;
  letter-spacing: -.06px;
  display: flex;
  justify-content: center
}

.dubai-logos p {
  text-align: justify;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 80px
}

.dubai-logos h4 {
  font-weight: 500;
  line-height: normal;
  padding-top: 60px
}

.border-radius-img img {
  border-radius: 10px
}

.dubai-software-page .Manufacturing-Experts {
  background: url(/assets/images/dubai-software-experts.webp)no-repeat center;
  background-size: cover;
  background-position: 0 0;
  padding: 130px 0
}

.dubai-software-page .Manufacturing-Experts.POS-Experts {
  background: url(/assets/images/POS_Experts.webp)no-repeat center;
  background-size: cover;
  background-position: center;
  padding: 100px 0
}

ul.dubai-list {
  display: flex;
  color: #fff;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -.24px;
  gap: 24px;
  padding: 34px 0 28px
}

.POS-Landing-banner ul.dubai-list {
  font-size: 20px;
  line-height: normal;
  padding: 34px 0 56px
}

.ErpSoftware-Landing-banner .Manufacturing-Landing-text p,
.POS-Landing-banner .Manufacturing-Landing-text p {
  padding-bottom: 0;
  padding-right: 50px
}

.Education-Landing-banner .Manufacturing-Landing-text p,
.LMS-Landing-banner .Manufacturing-Landing-text p {
  font-size: 28px;
  line-height: 42px;
  padding-bottom: 0
}

ul.dubai-list li img {
  height: 20px;
  width: 20px
}

ul.dubai-list li {
  display: flex;
  align-items: center;
  gap: 6px
}

.dubai-software-page .left-box-manu p {
  text-align: justify;
  width: 550px
}

.dubai-logos h2,
.dubai-software-page .Manufacturing-integrate-landing h2 {
  padding-bottom: 32px
}

.saahas-webinar-left h1 {
  font-size: 52px;
  line-height: 70px;
  letter-spacing: -2px;
  padding-bottom: 32px
}

.saahas-webinar-left h3 {
  color: #398dff;
  padding-bottom: 16px
}

.saahas-webinar-left h4,
.saahas-webinar-left p {
  color: #25242e;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400
}

.saahas-webinar-right-color {
  background: #00265d url(/assets/images/saahas-webinar-bg.webp)no-repeat center;
  background-size: cover
}

.saahas-webinar-right-color2 {
  background: #0d42e4 url(/assets/images/saahas-webinar-bg.webp)no-repeat center;
  background-size: cover
}

.saahas-webinar-right-color3 {
  background: linear-gradient(214deg, #d700ff 0, #8a00ff 98.76%), url(/assets/images/saahas-webinar-bg.webp)no-repeat center;
  background-size: cover
}

.saahas-webinar-right-color4 {
  background: url(/assets/images/marble-webinar.webp)no-repeat center;
  background-size: cover
}

.saahas-webinar-right-color5 {
  background: linear-gradient(214deg, #282ec6 0, #226791 98.76%);
  background-size: cover
}

.saahas-webinar-right {
  padding: 40px
}

.saahas-form {
  border: 1px solid #fff;
  padding: 40px
}

.saahas-webinar-banner {
  gap: 140px;
  align-items: center;
  padding: 20px 0 100px
}

.saahas-form h5,
.saahas-webinar-right h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: -2px
}

.saahas-form h5 {
  font-size: 32px;
  line-height: 48px;
  padding: 32px 0 22px
}

.saahas-webinar-right h3 {
  font-size: 56px;
  line-height: 76px;
  padding-bottom: 24px;
  text-align: center
}

.saahas-webinar-right h4 {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 48px
}

.saahas-webinar-right ul {
  list-style-type: disc
}

.saahas-webinar-right ul li::marker {
  color: #fff;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.saahas-webinar-right ul li {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -.5px
}

.webinar-card {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #ebf0fa !important;
  padding: 50px 20px;
  width: 267px;
  background: #fff;
  position: relative;
  margin-left: 16px
}

.webinar-card-saahas h5 {
  padding: 100px 0 42px
}

.saahas-webinar-left h2,
.webinar-card-saahas h5 {
  color: #000;
  font-size: 32px;
  line-height: normal;
  font-weight: 600;
  letter-spacing: -2px
}

.webinar-card .author-name {
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -.5px;
  text-align: center;
  padding: 8px 0
}

.webinar-card .author-designation {
  color: #9d9d9d;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -.5px;
  text-align: center
}

.webinar-card .author-img {
  width: 100px;
  display: flex;
  margin: auto
}

.saahas-card-border {
  position: absolute;
  margin-top: -18px;
  height: 328px
}

.saahas-card-border2,
.saahas-card-border3 {
  position: absolute;
  margin-top: -18px;
  height: 302px
}

.saahas-card-border3 {
  height: 322px
}

.frappe-logo-saahas {
  box-shadow: #64646f33 0 7px 29px;
  border-radius: 7.29px;
  width: 133px;
  margin-bottom: 20px;
  transition: all ease .3s
}

.frappe-logo-saahas:hover {
  transform: scale(1.1);
  transition: all ease .3s
}

.book-you-seat {
  margin-bottom: 50px !important
}

.crm-landing-page .Retail-Detailform h2.font-extrabold {
  padding-right: 100px
}

.registration-closed {
  width: 60%
}

.key-response p {
  padding-top: 4px
}

.career-jd .lg\:max-w-7xl {
  padding: 0 100px
}

.lms-landing-para {
  color: #3e414b;
  text-align: justify;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding: 32px 0 0;
  letter-spacing: -.06px;
  display: flex;
  justify-content: center
}

.switch-lg {
  position: relative;
  display: flex;
  margin: 0 5px
}

.switch-lg>button {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 35px;
  padding: 0;
  border: 0;
  background-color: #407bff;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.switch-lg>button:nth-child(1) {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px
}

.switch-lg>button:nth-child(2) {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-left: 1px solid #000
}

.switch-lg>button:hover {
  background-color: #407bff;
  color: #2c2626
}

.switch-lg>button:focus {
  background-color: #407bff
}

.switch-lg>button:focus-visible {
  background-color: #407bff
}

.text-on {
  display: block
}

.text-off {
  display: none !important
}

.close-lg {
  position: absolute;
  right: 5px;
  top: 5px;
  background-size: 12px !important
}

.close-lg:focus {
  box-shadow: none !important
}

.para-erp-software .market-logo h3 {
  padding-bottom: 5px
}

.para-erp-software .lms-landing-para {
  padding-bottom: 80px
}

.para-erp-software .manufacturing-landing-industries img {
  width: 73px
}

.para-erp-software .best-manufacturing {
  background: #f8f4fe
}

.para-erp-software .Manufacturing-integrate-landing.easy-integrate h2 {
  padding-bottom: 28px
}

.para-erp-software .Manufacturing-integrate-landing.easy-integrate h3 {
  color: #3e414b;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -.06px;
  padding-bottom: 80px
}

.para-erp-software .Manufacturing-integrate-landing.easy-integrate h4 {
  color: #5749f8;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.06px;
  padding: 80px 0 60px
}

.pharma-gradient1,
.pharma-gradient2 {
  position: absolute;
  background: #9c5aff;
  border-radius: 6px
}

.pharma-gradient1 {
  width: 128px;
  height: 128px;
  opacity: .8;
  filter: blur(78px);
  top: 100px;
  right: 100px
}

.pharma-gradient2 {
  width: 265.975px;
  height: 265.975px;
  opacity: .4;
  filter: blur(124.3499984741211px);
  top: 500px;
  left: 0
}

.pharma-gradient3,
.pharma-gradient4 {
  position: absolute;
  background: #8345e2;
  filter: blur(124.3499984741211px)
}

.pharma-gradient3 {
  width: 292.106px;
  height: 292.106px;
  opacity: .3;
  top: 600px;
  right: 0
}

.pharma-gradient4 {
  width: 128px;
  height: 128px;
  opacity: .4;
  border-radius: 6px;
  bottom: 0;
  left: 200px
}

.mt-50px {
  margin-top: 50px !important
}

.para-erp-software.manufacturing-erp-software .health-diff img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -30px;
  width: 65px !important
}

.para-erp-software p.health-diff-head {
  text-align: center !important
}

.para-erp-software .health-diff li::marker {
  color: #343a50;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -.5px
}

.para-erp-software .health-diff li {
  padding-bottom: 4px
}

.para-erp-software .health-diff ul {
  list-style-type: disc;
  padding-left: 20px !important
}

.box-click {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.screenshort-view {
  padding: 32px 0;
  box-shadow: none
}

.screenshort-view img {
  box-shadow: none;
  border: .5px solid #f2e7e7
}

.dubai-software-page .detail-form {
  padding-top: 98px;
  padding-bottom: 98px
}

.hrms-software-page.dubai-software-page .left-box-manu p {
  width: 100%
}

.hrms-gap16 {
  gap: 5rem
}

.hrms-gap28 {
  gap: 7rem
}

.hrms-landing-banner h1 {
  color: #f6f8ff;
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize
}

.hrms-landing-banner h2,
.hrms-partner-text h2 {
  font-weight: 700;
  text-transform: capitalize;
  line-height: normal
}

.hrms-landing-banner h2 {
  color: #f6f8ff;
  font-size: 48px;
  padding: 10px 0 32px
}

.hrms-landing-banner p {
  color: #f6f8ff;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: .2px;
  padding-bottom: 64px
}

.hrms-landing-form {
  border-radius: 4px;
  background: var(--Black-and-White-W, #F6F8FF);
  box-shadow: 0 0 24px #00000026;
  padding: 40px 44px;
  width: 550px;
  float: right;
  margin-top: 30px
}

.hrms-landing-form h3,
.hrms-landing-form h4 {
  color: #000521;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .2px
}

.hrms-landing-form h4 {
  color: #5a5b62;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 0 45px
}

.hrms-landing-banner {
  background: url(/assets/images/hrms-banner.webp)no-repeat;
  background-size: 100% 89%;
  padding: 100px 0
}

.hrms-banner-gap {
  align-items: flex-start;
  gap: 150px
}

.hrms-page .nav-link.btn-gradient {
  border-radius: var(--radius-input, 4px);
  transition: all .3s ease-in-out;
  border: 1px solid var(--Black-and-White-W, #F6F8FF);
  box-shadow: none;
  background: 0 0
}

.hrms-page #header {
  background: #2848ed
}

.hrms-page .nav-link.btn-gradient:hover {
  opacity: .8;
  box-shadow: 0 12px 20px #6b5feb94 !important;
  color: #fff;
  text-decoration: none;
  transform: translateY(-3px)
}

.hrms-page .button:before,
.hrms-page .button:hover:before {
  background: 0 0
}

.hrms-page .button:after {
  background: url(/assets/images/right-btn-arrow.webp)no-repeat center center
}

.hrms-page .logo-white {
  display: block
}

.hrms-page .logo-dark {
  display: none
}

.hrms-page .btn.header-btn {
  border: 1.5px solid #fff;
  color: #fff
}

.hrms-line-hero {
  position: absolute;
  top: 98px;
  margin-left: 105px
}

.hrms-partner-text h2 {
  color: #2848ed;
  font-size: 64px
}

.hrms-partner-logos,
.hrms-partners-gap {
  gap: 150px;
  align-items: center
}

.hrms-line-partners {
  margin-left: 150px
}

.hrms-partners {
  padding: 100px 0;
  background: #f6f8ff
}

.blog-sub-heading,
.business-consulting-res {
  padding-bottom: 28px;
  display: none
}

.choose-best-india .blog-sub-heading,
.provider-left.nav-tabs .nav-link.active .provider-link {
  display: block
}

.blog-sub-heading span {
  color: #343a50db;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -.5px;
  margin: 0 0 20px
}

#imageModal-second {
  max-width: 991px;
  width: 991px
}

#imageModal-second .btn-close-white {
  opacity: 1
}

#imageModal-second .btn-close-white:hover {
  opacity: .7
}

#imageModal-second .btn-close:focus {
  box-shadow: none
}

.news-slide-img {
  cursor: pointer;
  margin-top: 24px
}

.news-slide-img:hover {
  box-shadow: 0 4px 4px #00000040
}

.news-frappe-pb4 {
  padding-bottom: 20px
}

.blog-left {
  width: 900px;
  padding-right: 40px
}

.blog-right {
  width: 400px;
  display: flex
}

.blog-main-div {
  width: 1300px;
  padding-bottom: 100px
}

.blog-form,
.blog-left-para {
  border-radius: 8px;
  border: 1px solid #dfe4ea;
  padding: 24px
}

.blog-left-para {
  background: #f5f2fa
}

.blog-form {
  background: #fff;
  margin: 32px 0;
  width: 400px
}

.blog-left-para h4,
.blog-right h4 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -.8px;
  padding-bottom: 12px
}

.news-section .blog-left-para p,
.what-flex h4 {
  line-height: 30px;
  color: #5c516f
}

.fixed-section-class .blog-left-para {
  display: none
}

.fixed-section-class .blog-form {
  margin-top: 0
}

.blog-main-back {
  padding-left: 0 !important
}

.blog-back-mobile .btn:hover,
.btn.blog-main-back:hover {
  box-shadow: none !important;
  background: 0 0;
  transform: initial
}

.lazy-video {
  opacity: 0;
  transition: opacity 1s ease-in-out
}

.lazy-video.loaded {
  opacity: 1
}

.zoom-motion {
  opacity: 0
}

.what-flex-box1 {
  border-radius: 12px;
  border-top: 1px solid #e9c0fd;
  border-right: 1px solid #e9c0fd;
  border-bottom: 6px solid #e9c0fd;
  border-left: 1px solid #e9c0fd;
  background: #fdf9ff;
  padding: 24px 0 0 24px;
  color: #a232d6
}

.what-flex-box2 {
  border-top: 1px solid #a2f1ff;
  border-right: 1px solid #a2f1ff;
  border-bottom: 6px solid #a2f1ff;
  border-left: 1px solid #a2f1ff;
  background: #f2fdff;
  margin-top: -55px;
  color: #29afc8
}

.what-flex-box2,
.what-flex-box3,
.what-flex-box4 {
  border-radius: 12px;
  padding: 24px 0 0 24px
}

.what-flex-box3 {
  border-top: 1px solid #d1cdff;
  border-right: 1px solid #d1cdff;
  border-bottom: 6px solid #d1cdff;
  border-left: 1px solid #d1cdff;
  background: #f8f6ff;
  color: #5749f8
}

.what-flex-box4 {
  border-top: 1px solid #ffd2c0;
  border-right: 1px solid #ffd2c0;
  border-bottom: 6px solid #ffd2c0;
  border-left: 1px solid #ffd2c0;
  background: #fff8f6;
  margin-top: -55px;
  color: #d46134
}

.what-flex2 {
  margin-top: 24px
}

.what-flex h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 16px;
  padding-right: 24px
}

.what-flex {
  gap: 24px
}

.what-flex h4 {
  color: #3c4252;
  font-size: 18px;
  font-weight: 400;
  padding-right: 24px
}

.what-flex-icon {
  width: 71px;
  float: right
}

.what-flex-box1,
.what-flex-box2,
.what-flex-box3,
.what-flex-box4 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.home-logo2 {
  width: 90px
}

.home-logo13 {
  width: 150px
}

.manufacturing-hero {
  padding: 166px 0 66px 45px;
  background: url(/assets/images/manufacturing-hero-bg.webp)no-repeat center;
  background-size: cover
}

.new-manufacturing header {
  border-bottom: 1px solid #d2e7fc;
  background: #fff
}

.manufacturing-hero h1 {
  color: #1e1c1c;
  font-size: 26px;
  font-weight: 800;
  line-height: 33.8px;
  text-transform: uppercase
}

.manufacturing-hero h2 {
  font-size: 66px;
  font-weight: 800;
  line-height: 85.8px;
  background: linear-gradient(180deg, #ff9f5f 0, #f60 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 4px 0
}

.manufacturing-hero p {
  color: #1e1c1c;
  font-size: 26px;
  font-weight: 500;
  line-height: 36.4px;
  padding-bottom: 38px
}

.manufacturing-hero-text {
  padding-left: 55px
}

.manufacturing-hero-image {
  padding-right: 30px
}

.manufacturing-hero-img {
  width: 220px;
  border: 4px solid #fff;
  border-radius: 18px;
  background: #fff
}

.manufacturing-hero-image .flex {
  gap: 20px
}

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

.manu-hero-btn {
  border-radius: 12px;
  background: #5749f8;
  padding: 17.5px 25.29px;
  color: var(--mind-white, #FFF);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  transition: all .3s ease;
  letter-spacing: -.058px
}

.manu-hero-btn:hover {
  position: relative;
  z-index: 9;
  box-shadow: 0 12px 20px #6b5feb30
}

.business-hire-btn:hover {
  opacity: .8;
  transform: translateY(-3px);
  box-shadow: 0 12px 20px #6b5feb30
}

.manu-hero-icon7,
.manu-hero-icon8 {
  width: 40px;
  position: absolute;
  margin: 0 0 0 200px
}

.manu-hero-icon8 {
  width: 92px;
  margin: 43px 0 0
}

.manu-hero-icon1 {
  margin: 80px 0 0-55px
}

.manu-hero-icon2 {
  top: -33px;
  margin-left: -25px;
  z-index: 1
}

.manu-hero-icon3 {
  right: 0;
  margin: 50px 100px 0 0
}

.manu-hero-icon4 {
  margin: 75px 0 0-75px
}

.manu-hero-icon9 {
  margin: 210px 0 0 190px
}

.manu-hero-icon5 {
  margin: 0 0 0-80px;
  bottom: 0
}

.trusted-img {
  gap: 35px;
  padding: 47px 100px 0
}

.trusted-text {
  padding: 0 100px
}

.menu-benefit-box h3,
.trusted-text h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 39px
}

.trusted-manu {
  padding: 55px 0
}

.manu-new-benefits {
  padding: 60px 0;
  background: #f5faff
}

.manu-new-benefits h2 {
  color: #1e1c1c;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  text-transform: capitalize
}

.manu-new-benefits p,
.provider-left .nav-link span {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px
}

.manu-new-benefits p {
  color: #5a5c65;
  padding-top: 12px
}

.menu-benefit-box {
  padding: 30px;
  border-radius: 12px;
  border: 1px solid #e3e5ee;
  background: #fff;
  width: 350px;
  transition: all .3s ease
}

.menu-benefit-box h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.new-benefits-flex {
  gap: 32px
}

.new-benefits-padding {
  padding: 0 50px
}

.new-benefits-first {
  padding: 32px 0 0
}

.menu-benefit-box img {
  width: 72px;
  padding-bottom: 20px
}

.cta-business h2,
.cta-manufacturing h2 {
  color: #1e1c1c;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  padding: 80px 0 0
}

.cta-business h2 {
  padding: 0
}

.cta-business h3,
.cta-manufacturing h3 {
  color: #1e1c1c;
  font-size: 41px;
  font-weight: 700;
  line-height: 130%;
  text-transform: capitalize;
  padding-bottom: 30px
}

.cta-manu-box {
  margin: 68px 50px 42px;
  border-radius: 12px;
  background: radial-gradient(50% 50%at 50% 50%, #fff 0, #edf7ff 100%);
  padding: 0 0 80px 80px
}

.manu-cta-new.manu-cta-new {
  width: 615px;
  position: absolute;
  right: 51px;
  top: -27px
}

.container-features {
  border-radius: 30px;
  border: 1px solid #e3e5ee
}

.provider-left {
  border-radius: 30px 0 0 30px;
  background: linear-gradient(180deg, #ff7519 0, #ff8f45 100%);
  padding: 32px;
  gap: 28px
}

.provider-left.nav-tabs .nav-link.active {
  padding: 11px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .38);
  border: 0;
  background: #f16e17
}

.provider-left .nav-link h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px
}

.provider-left.nav-tabs .nav-link {
  width: 100%;
  padding: 11px 16px;
  margin: 0;
  border: 0
}

.provider-left.nav-tabs .nav-link:hover {
  border: 0;
  margin: 0
}

.provider-left .nav-link span {
  color: #fff;
  opacity: .5
}

.provider-icon-div h3 {
  color: #5a5c65;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%
}

.provider-icon-div img {
  width: 40px
}

.provider-icon-div {
  gap: 16px;
  padding: 18px 42px 18px 24px;
  margin-left: 24px
}

.provider-icon-div1 {
  border-radius: 12px;
  background: #f4f6f6
}

.provider-middle {
  margin-right: 45px;
  padding-top: 40px
}

.provider-right {
  border-radius: 24.605px;
  background: #f4f6f6;
  width: 280px;
  height: 96%;
  margin: 14px;
  float: right
}

.provider-img {
  width: 700px;
  margin-top: 6%;
  right: 5%
}

.container-features .tab-content>.active {
  height: 100%
}

.feature-provider h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  padding-bottom: 55px
}

.feature-provider {
  padding: 30px 0 60px
}

.provider-img2 {
  width: 850px;
  margin-top: 4%;
  right: 6%
}

.provider-link {
  margin-left: 18.4%;
  margin-top: 1.5%;
  display: none
}

.provider-line {
  display: flex;
  align-items: center;
  margin: auto -6px auto auto
}

.cta2-manufacturing {
  padding: 0 0 60px
}

.cta2-manu-div {
  padding: 0 60px;
  border-radius: 12px;
  background: #f5faff
}

.successfull-manu {
  background: #0f0610;
  padding: 60px 0
}

.successfull-manu h2 {
  color: #fff;
  text-align: center;
  padding-bottom: 50px
}

.manu-modes p,
.marketing-stage-box h5,
.successfull-manu h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.successfull-manu-div {
  margin: 0 50px
}

.successfull-manu-div img {
  width: 31px
}

.successfull-manu-box {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 12px;
  border-top: 1px solid rgba(255, 255, 255, .11);
  border-right: 1px solid rgba(255, 255, 255, .11);
  border-bottom: 4px solid rgba(255, 255, 255, .11);
  border-left: 1px solid rgba(255, 255, 255, .11);
  background: linear-gradient(180deg, #271731 0, #271731 100%);
  transition: all .3s ease
}

.guide-demo:hover,
.successfull-manu-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 54px -20px #0003
}

.blue-box-g1:after {
  background: #2278e3
}

.blue-box-g1:hover {
  border-top: 1px solid #2278e3;
  border-right: 1px solid #2278e3;
  border-bottom: 4px solid #2278e3;
  border-left: 1px solid #2278e3
}

.blue-box-g2:after {
  background: #88cf14
}

.blue-box-g2:hover {
  border-top: 1px solid #88cf14;
  border-right: 1px solid #88cf14;
  border-bottom: 4px solid #88cf14;
  border-left: 1px solid #88cf14
}

.blue-box-g3:after {
  background: #ef28ff
}

.blue-box-g3:hover {
  border-top: 1px solid #ef28ff;
  border-right: 1px solid #ef28ff;
  border-bottom: 4px solid #ef28ff;
  border-left: 1px solid #ef28ff
}

.blue-box-g4:after {
  background: #e8d102
}

.blue-box-g4:hover {
  border-top: 1px solid #e8d102;
  border-right: 1px solid #e8d102;
  border-bottom: 4px solid #e8d102;
  border-left: 1px solid #e8d102
}

.blue-box-g5:after {
  background: #dd3e81
}

.blue-box-g5:hover {
  border-top: 1px solid #dd3e81;
  border-right: 1px solid #dd3e81;
  border-bottom: 4px solid #dd3e81;
  border-left: 1px solid #dd3e81
}

.blue-box-g6:after {
  background: #f60
}

.blue-box-g6:hover {
  border-top: 1px solid #f60;
  border-right: 1px solid #f60;
  border-bottom: 4px solid #f60;
  border-left: 1px solid #f60
}

.blue-box-g7:after {
  background: #ff9655
}

.blue-box-g7:hover {
  border-top: 1px solid #ff9655;
  border-right: 1px solid #ff9655;
  border-bottom: 4px solid #ff9655;
  border-left: 1px solid #ff9655
}

.blue-box-g8:after {
  background: #50edf9
}

.blue-box-g8:hover {
  border-top: 1px solid #50edf9;
  border-right: 1px solid #50edf9;
  border-bottom: 4px solid #50edf9;
  border-left: 1px solid #50edf9
}

.blue-box-g9:after {
  background: #6894eb
}

.blue-box-g9:hover {
  border-top: 1px solid #6894eb;
  border-right: 1px solid #6894eb;
  border-bottom: 4px solid #6894eb;
  border-left: 1px solid #6894eb
}

.streamline-manu-box:after,
.successfull-manu-box:after {
  content: "";
  position: absolute;
  top: -50px;
  right: -24px;
  width: 66px;
  height: 66px;
  filter: blur(71.5px);
  border-radius: 50%;
  z-index: 9
}

.menu-benefit-box:hover {
  box-shadow: 0 27px 31px #e1ececcc
}

.cta2-manu-left {
  padding: 60px 0
}

.successfull-manu-grid {
  gap: 30px
}

.cta2-manu-left h3 {
  color: #1e1c1c
}

.cta2-manufacturing h2,
.manu-modes h2,
.successfull-manu h2 {
  font-size: 46px;
  font-weight: 700;
  line-height: 60px
}

.cta2-manufacturing h2 {
  color: #1e1c1c;
  text-align: center;
  font-style: normal;
  padding-bottom: 50px
}

.cta2-manu-left .cta2-manu-box img {
  width: 24px;
  margin-right: 12px
}

.cta2-manu-box {
  padding-bottom: 20px
}

.cta2-manu-btn {
  padding-top: 22px
}

.cta2-manu-btn .manu-hero-icon7 {
  margin: 0 0 0 125px
}

.choose-manu-img {
  width: 640px;
  float: right;
  margin-bottom: -30px
}

.manu-modes {
  background: #f4f6f6;
  padding: 60px 0
}

.manu-modes h2 {

  padding-bottom: 8px
}

.manu-modes p {
  color: #5a5c65;
  text-align: center;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px;
  padding-bottom: 50px
}

.manu-modes-grid {
  border-radius: 12px;
  border: 1px solid #ddebeb;
  background: var(--mind-white, #FFF);
  box-shadow: 0 12px 20.4px #dfe9e95e;
  margin: 0 100px;
  padding: 12px
}

.cta2-manu-left h3,
.manu-modes-grid h3,
.streamline-manu-box h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.manu-modes h2,
.manu-modes-grid h3 {
  color: #1e1c1c;
  text-align: center
}

.manu-modes-grid img {
  width: 52px
}

.manu-modes-box {
  padding: 20px;
  gap: 16px;
  border-radius: 12px
}

.manu-modes-box1:hover {
  background: rgba(255, 102, 0, .09)
}

.manu-modes-box2:hover {
  background: rgba(92, 160, 255, .09)
}

.manu-modes-box3:hover {
  background: rgba(246, 178, 52, .09)
}

.streamline-manu {
  padding: 43px 0 60px;
  background: url(/assets/images/stremline-bg.png)no-repeat center;
  background-size: cover
}

.streamline-manu h2,
.streamline-manu p {
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 46.5px
}

.streamline-manu p {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -.06px;
  padding: 12px 0 32px
}

.streamline-manu-grid {
  padding-top: 55px;
  gap: 32px
}

.streamline-manu-div {
  margin: 0 200px
}

.streamline-manu-box {
  gap: 18px;
  border-radius: 12px;
  border-top: 1px solid rgba(255, 255, 255, .11);
  border-right: 1px solid rgba(255, 255, 255, .11);
  border-bottom: 4px solid rgba(255, 255, 255, .11);
  border-left: 1px solid rgba(255, 255, 255, .11);
  background: linear-gradient(180deg, rgba(39, 23, 49, .6)0, rgba(39, 23, 49, .6) 100%);
  padding: 21.5px 24px;
  transition: all .3s ease;
  position: relative;
  overflow: hidden
}

.streamline-manu-box:hover {
  transform: translateY(-3px)
}

.streamline-manu-box h3 {
  color: var(--mind-white, #FFF)
}

.stremline-box1:after {
  background: #ef28ff
}

.stremline-box1:hover,
.stremline-box2:hover {
  border-top: 1px solid #ef28ff;
  border-right: 1px solid #ef28ff;
  border-bottom: 4px solid #ef28ff;
  border-left: 1px solid #ef28ff;
  transition: all .3s ease
}

.stremline-box2:after {
  background: #50edf9
}

.stremline-box2:hover {
  border-top: 1px solid #50edf9;
  border-right: 1px solid #50edf9;
  border-bottom: 4px solid #50edf9;
  border-left: 1px solid #50edf9
}

.stremline-box3:after {
  background: #f60
}

.stremline-box3:hover,
.stremline-box4:hover {
  border-top: 1px solid #f60;
  border-right: 1px solid #f60;
  border-bottom: 4px solid #f60;
  border-left: 1px solid #f60;
  transition: all .3s ease
}

.stremline-box4:after {
  background: #e8d102
}

.stremline-box4:hover {
  border-top: 1px solid #e8d102;
  border-right: 1px solid #e8d102;
  border-bottom: 4px solid #e8d102;
  border-left: 1px solid #e8d102
}

.stremline-box5:after {
  background: #b0ff61
}

.stremline-box5:hover,
.stremline-box6:hover {
  border-top: 1px solid #b0ff61;
  border-right: 1px solid #b0ff61;
  border-bottom: 4px solid #b0ff61;
  border-left: 1px solid #b0ff61;
  transition: all .3s ease
}

.stremline-box6:after {
  background: #ff7c9b
}

.stremline-box6:hover {
  border-top: 1px solid #ff7c9b;
  border-right: 1px solid #ff7c9b;
  border-bottom: 4px solid #ff7c9b;
  border-left: 1px solid #ff7c9b
}

.streamline-manu-box img {
  width: 48px
}

.cta3-manu-box {
  padding: 28px 0 0;
  background: radial-gradient(50% 50%at 50% 50%, #fff 0, #edf7ff 100%);
  border-radius: 12px;
  margin: 0 25px;
  align-items: center;
  gap: 100px
}

.manu-cta3-left {
  top: 0
}

.cta3-manufacturing {
  padding: 60px 0
}

.cta3-manu-box h2,
.cta3-manu-box h3,
.manufacturing-faq h2 {
  color: #1e1c1c;
  font-size: 41px;
  font-weight: 700;
  line-height: 31px;
  text-align: center
}

.cta3-manu-box h3 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 18px
}

.manu-cta3 {
  margin-top: 24px
}

.new-manufacturing .home .blog-casestudy {
  padding-top: 60px;
  padding-bottom: 60px
}

.business-hero,
.container-features,
.cta-manufacturing,
.cta2-manufacturing,
.cta3-manu-div,
.dms-choose,
.dms-section,
.manu-detail-form,
.manufacturing-hero,
.new-manufacturing,
.retail-implement,
.streamline-manu {
  overflow-x: hidden !important
}

.cta2-manufacturing,
.cta3-manu-box,
.marketing-stages {
  overflow: hidden
}

.manu-cta3-left {
  width: 40%
}

.manufacturing-faq {
  background: linear-gradient(180deg, #fff 0, #f4f6f6 100%);
  padding: 60px 0
}

.manufacturing-faq h2 {
  color: #30303f;
  font-size: 46px;
  line-height: 62px;
  letter-spacing: -2px;
  padding-bottom: 34px
}

.manufacturing-faq .accordion-item:first-of-type .accordion-button {
  background: 0 0;
  color: #1e1c1c;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  padding: 20px 32px 18px
}

.manufacturing-faq .accordion-item:first-of-type .accordion-button.collapsed {
  color: #5a5c65
}

.manufacturing-faq .accordion-item:first-of-type .accordion-button.collapsed:hover {
  color: #1e1c1c
}

.manufacturing-faq .accordion-button:after {
  background: url(/assets/images/manu-accordplus.webp)no-repeat center;
  background-size: contain !important
}

.manufacturing-faq .accordion-button:not(.collapsed):after {
  background: url(/assets/images/manu-accordminus.webp)no-repeat center;
  background-size: contain !important
}

.accordion-item {
  border-radius: 12px !important
}

.manufacturing-faq .accordion {
  border-radius: 12px !important;
  border: 1px solid #e3e5ee;
  background: var(--mind-white, #FFF);
  margin-top: 24px !important
}

.manufacturing-faq .accordion-item:last-of-type .accordion-collapse {
  opacity: 1;
  padding: 0;
  box-shadow: 0 27px 35.3px #dfe6e680;
  border-radius: 0;
  margin-bottom: 0
}

.manufacturing-faq .accordion-body {
  padding: 0 32px 24px
}

.manu-detail-form p,
.manufacturing-faq .accordion-body p {
  color: #5a5c65;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -.06px
}

.manufacturing-faq .accordion-body p {
  padding-bottom: 4px
}

#loadMoreBtn {
  border-radius: 12px;
  border: 2px solid #1e1c1c;
  background: #fff;
  justify-content: center;
  color: #1e1c1c;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.051px;
  padding: 10px 16px;
  width: 140px;
  display: flex;
  transition: all .3s ease-in-out;
  margin: 46px auto 0
}

.manu-detail-form {
  padding: 60px 0;
  background: #f4f6f6
}

.manu-detail-form h2 {
  color: #30303f;
  font-size: 46px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px;
  padding-bottom: 66px
}

.manu-detail-form h3 {
  color: #1e1c1c;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%
}

.manu-detail-form p {
  font-style: normal;
  padding-top: 12px
}

.detail-fill .flex,
.detail-next .flex {
  gap: 14px
}

.detail-fill {
  padding-bottom: 56px
}

.detail-next {
  padding-bottom: 39px
}

.detail-form-arrow {
  width: 26px
}

.form-images {
  width: 52px
}

.form-images-right {
  margin-left: -11.5px
}

.manu-detail-flex {
  gap: 150px
}

.manu-form {
  border-radius: 12px;
  background: #ebf0f0;
  padding: 32px;
  margin-left: 100px
}

.implementation-manu {
  padding: 60px 0 320px;
  background: #f4f6f6
}

.implementation-manu h2,
.retail-implement h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  padding-bottom: 273px
}

.retail-implement {
  padding: 49px 0 157px;
  background: #f5faff
}

.retail-implement h2 {
  padding-bottom: 110px
}

.imp-process1,
.imp-process9 {
  left: 50%;
  transform: translate(-50%, -50%)
}

.imp-process1 {
  width: 12.438%;
  margin-top: -90px;
  z-index: 9
}

.imp-process9 {
  width: 11.875%;
  position: absolute;
  top: 74%;
  opacity: 1 !important
}

.imp-process2 {
  width: 17.563%;
  right: 30%;
  margin-top: -86px;
  z-index: 9
}

.imp-process3 {
  right: 23.5%;
  width: 17%;
  margin-top: 55px;
  z-index: 9
}

.imp-process4 {
  width: 18.4%;
  right: 29%;
  margin-top: 265px;
  z-index: 9
}

.imp-process5 {
  width: 13%;
  z-index: 9;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, -50%)
}

.imp-process10 {
  width: 432px;
  display: flex;
  margin: auto
}

.imp-process6,
.imp-process8 {
  width: 16%;
  left: 32%;
  bottom: -10%;
  z-index: 9
}

.imp-process8 {
  left: 31%;
  bottom: 31%
}

.imp-process7 {
  width: 18.5%;
  left: 21%;
  bottom: 3%;
  z-index: 9
}

.imp-process10 {
  transition: transform 2s ease-in-out
}

.imp-process10.rotate {
  transform: rotate(360deg)
}

.imp-manu-digram img[class*=imp-process]:not(.imp-process10) {
  opacity: 0;
  transition: opacity .5s ease
}

.imp-manu-digram.show-images img[class*=imp-process]:not(.imp-process10) {
  opacity: 1;
  animation: fadeIn .5s ease forwards
}

.animated-highlight,
.animated-subtitle,
.animated-title {
  transform: translateY(30%);
  opacity: 0;
  transition: transform .5s ease, opacity .5s ease
}

.animated-link {
  opacity: 0;
  transition: transform .8s ease, opacity .8s ease
}

.animates {
  transform: translateY(0);
  opacity: 1
}

.manu-hero-icon6 {
  width: 0;
  height: 15px;
  transition: width .3s ease
}

.expand-width {
  width: 49.5px;
  height: 15px
}

.bottom-animates,
.right-animates {
  opacity: 0
}

.bottom-animates,
.manufacturing-hero4,
.right-animates {
  transition: transform .5s ease, opacity .5s ease
}

.left-animates,
.manufacturing-hero7,
.top-animates {
  opacity: 0;
  transition: transform .5s ease, opacity .5s ease
}

.shade-in {
  opacity: 0
}

.bottom-animates {
  transform: translateY(100px)
}

.right-animates {
  transform: translate(100px)
}

.manufacturing-hero4 {
  opacity: 0
}

.left-animates {
  transform: translate(-100px)
}

.manufacturing-hero7,
.top-animates {
  transform: translateY(-80px)
}

.shade-in {
  transition: opacity 1s ease
}

.animate-bottom {
  opacity: 1;
  transform: translateY(0)
}

.animate-left,
.animate-right {
  opacity: 1;
  transform: translate(0)
}

.animate-top {
  opacity: 1;
  transform: translateY(0)
}

.fade-in {
  opacity: 1
}

.manufacturing-blogs .swiper-button-next,
.manufacturing-blogs .swiper-button-prev {
  position: absolute;
  background: #ebebeb;
  z-index: 1;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .09));
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  margin-top: 15px
}

.manufacturing-blogs .swiper-button-next {
  margin-right: 50px
}

.manufacturing-blogs .swiper-button-prev {
  margin-left: 50px
}

.manufacturing-blogs .swiper-button-next svg,
.manufacturing-blogs .swiper-button-prev svg {
  color: #000
}

.manufacturing-blogs .swiper-button-next:after,
.manufacturing-blogs .swiper-button-prev:after {
  content: none
}

.manufacturing-gap {
  gap: 120px
}

.new-manufacturing .nav-tabs .nav-link.manu-provide-btn {
  border: 0;
  border-bottom: 8px solid transparent;
  width: 100%;
  border-radius: 12px;
  height: 176px;
  padding: 20px 20px 8px
}

.manu-provide-btn img {
  height: 56px;
  margin-bottom: 20px
}

.manu-provide-btn {
  color: #5a5c65;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px
}

.manu-provide-btn h3 {
  line-height: 25px
}

.manu-provide-btn:hover,
.nav-tabs .nav-link.active {
  border-radius: 12px;
  color: #5a5c65 !important;
  border-bottom: 8px solid #f60 !important;
  background: rgba(255, 102, 0, .05) !important
}

.feature-provider1 {
  margin: 0 100px
}

.new-manufacturing .nav-tabs {
  border: 0
}

.feature-blogs.manufacturing-blogs .swiper-button-next,
.feature-blogs.manufacturing-blogs .swiper-button-prev {
  margin: 55px 0 0;
  color: #292d32;
  border: 1px solid #d2e7fc;
  background: #f5faff;
  filter: none
}

.feature-blogs.manufacturing-blogs .swiper-button-next:hover,
.feature-blogs.manufacturing-blogs .swiper-button-prev:hover,
.news-detail-page .next-home-blog:hover,
.news-detail-page .prev-home-blog:hover {
  color: #fff;
  border: 1px solid #1e1c1c;
  background: #1e1c1c;
  filter: none
}

.feature-blogs.manufacturing-blogs .swiper-button-next:hover svg,
.feature-blogs.manufacturing-blogs .swiper-button-prev:hover svg,
.news-detail-page .next-home-blog:hover svg,
.news-detail-page .prev-home-blog:hover svg {
  fill: #fff;
  color: #fff
}

.feature-menu-flex {
  gap: 20px;
  margin-bottom: 20px
}

.business-hero.implementation-hero p,
.business-hero.implementation-hero.crm-services-hero p,
.feature-box-menu h4 {
  color: #1e1c1c;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize
}

.feature-box-menu img {
  width: 16px
}

.feature-box-menu {
  border-radius: 8px;
  border-top: 1px solid #cde3f8;
  border-right: 1px solid #cde3f8;
  border-bottom: 4px solid #cde3f8;
  border-left: 1px solid #cde3f8;
  background: var(--mind-white, #FFF);
  padding: 12px 16px;
  gap: 10px
}

.feature-provider-div {
  border-radius: 12px;
  background: #f5faff;
  padding: 0 0 0 48px;
  margin-top: 42px;
  align-items: center
}

.feature-pro-img {
  width: 600px;
  float: right
}

.feature-pro-img2 {
  width: 360px;
  float: right;
  margin: 20px 0
}

.business-hero {
  background: linear-gradient(180deg, #fff -17.55%, #f4f9ff 76.25%);
  padding: 54px 0 87px
}

.business-hero p {
  color: #1e1c1c;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  padding-bottom: 8px
}

.business-hero.implementation-hero p {
  font-size: 26px;
  line-height: 36.4px;
  padding: 14px 0 0
}

.business-hero.implementation-hero.crm-services-hero p {
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 4px
}

.business-hero h1 {
  font-size: 60px;
  font-weight: 800;
  background: linear-gradient(180deg, #ff9f5f 0, #f60 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 70px;
  text-transform: capitalize
}

.business-hero.implementation-hero h1 {
  font-size: 66px;
  font-weight: 800;
  line-height: 72.6px
}

.business-form {
  border-radius: 12px;
  border: 1px solid #d2e7fc;
  background: rgba(232, 245, 255, .67);
  box-shadow: 0 5px #c7d9e9a1;
  -webkit-backdrop-filter: blur(16.5px);
  backdrop-filter: blur(16.5px);
  padding: 32px;
  width: 40%;
  float: right;
  height: 580px
}

.business-box,
.business-boxes {
  position: relative;
  overflow: hidden
}

.business-box {
  padding: 12px 12px 19px;
  gap: 14px;
  border-radius: 8px;
  border-bottom: 5px solid #deebf7;
  background: var(--mind-white, #FFF);
  width: 166px
}

.business-boxes {
  gap: 38px;
  padding-top: 95px
}

.new-retail-hero .business-boxes {
  gap: 18px;
  padding-top: 105px
}

.new-retail-hero.business-hero p {
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  padding-bottom: 10px;
  text-transform: capitalize
}

.new-retail-hero.business-hero h1 {
  font-size: 66px;
  line-height: 73px
}

.new-retail-hero.business-hero h2 {
  color: #1e1c1c;
  font-size: 48px;
  font-weight: 800;
  line-height: 120%
}

.new-retail-hero .business-box {
  width: 200px
}

.new-retail-hero .business-box-img:after {
  width: 176px
}

.new-retail-hero .business-icon {
  width: auto;
  height: 94px
}

.business-box-img:after {
  background: linear-gradient(180deg, #e8f3ff 0, #fff 100%);
  content: "";
  position: absolute;
  width: 142px;
  height: 92px;
  border-radius: 8px;
  z-index: 9;
  overflow: hidden
}

.business-icon {
  width: 60px;
  height: auto;
  margin-top: 9px
}

.business-box2 {
  margin-top: -57px
}

.business-box h3,
.menu-benefit-back h4 {
  color: #5a5c65;
  text-align: center;
  line-height: 24px
}

.business-box h3 {
  font-size: 16px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.06px;
  z-index: 10;
  padding-top: 20px
}

.business-icon3 {
  top: -10px;
  height: 530px;
  left: 51%
}

.business-icon1 {
  width: 50px;
  top: 15%;
  left: 48%
}

.business-icon4 {
  bottom: 0;
  right: 6.8%;
  width: 102px
}

.business-icon2 {
  margin: -4rem 0 0 14.5rem;
  width: 0;
  height: 70.5px;
  animation: expandWidth .5s ease-in-out forwards
}

.left-animates2 {
  animation: left-animates 1s ease-in-out forwards
}

.right-animates2 {
  animation: right-animates 1s ease-in-out forwards
}

.top-animates2 {
  animation: top-animates 1s ease-in-out forwards
}

.top-animates3 {
  animation: top-animates 1.5s ease-in-out forwards
}

.bottom-animates2 {
  animation: bottom-animates 1s ease-in-out forwards
}

.fade-in2 {
  animation: fade-in2 1s ease-in-out forwards
}

.business-gap {
  gap: 120px;
  padding-left: 20px
}

.menu-benefit-box.business-benifit-box {
  perspective: 1000px;
  height: 210px
}

.menu-benefit-inner {
  transform-style: preserve-3d;
  transition: transform .6s
}

.menu-benefit-box:hover .menu-benefit-inner {
  transform: rotateY(180deg)
}

.menu-benefit-back,
.menu-benefit-front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden
}

.menu-benefit-back {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateY(180deg);
  height: 210px;
  margin-top: -30px
}

.menu-benefit-back h4 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0
}

.cta-business-box {
  border-radius: 12px;
  background: linear-gradient(90deg, #f2fbf9 0, #ccebef 100%);
  padding: 0 0 0 89px;
  align-items: center;
  height: auto;
  margin: 68px 50px 43px
}

.crm-cta1-bg1 {
  left: 50px;
  bottom: 0
}

.crm-cta1-bg2 {
  right: 50px;
  top: 0
}

.cta-business-box.cta3-implement-box {
  margin-top: 50px;
  margin-bottom: 50px
}

.cta-business-box.cta-business-box2 {
  background: linear-gradient(90deg, #ddeeea 0, #a9d6db 100%)
}

.cta-business1 .manu-hero-icon7 {
  width: 40px;
  position: absolute;
  margin: 0 0 0 100px
}

.business-cta-img1 {
  margin-top: -57px;
  width: 400px;
  float: right
}

.implementation-cta-img1 {
  margin-top: -60px;
  width: 400px;
  float: right
}

.implementation-cta-icon1 {
  width: 74px;
  right: 90px;
  margin-top: 40px
}

.implementation-cta-icon2 {
  left: 50px;
  bottom: 0
}

.business-cta-icon2 {
  bottom: 0;
  left: 38%;
  width: 300px
}

.business-cta-icon1 {
  width: 15px;
  margin: -37px 125px 0 0;
  right: 0
}

.business-cta-icon3 {
  width: 25px;
  margin: 0 0 0 70px;
  bottom: 110px
}

.business-cta-icon4 {
  right: 70px;
  width: 17px;
  margin-top: 110px
}

.feature-provider-div.feature-provider-div2 {
  padding: 0 48px 0 90px
}

.feature-menu-flex:last-child {
  margin-bottom: 0
}

.feature-pro-bg {
  width: 250px;
  border-radius: 12px
}

.choose-manu-img2 {
  position: absolute;
  width: 613px;
  top: 10px;
  right: 0
}

.round-bg-circle1 {
  border-radius: 286px;
  border: 2px solid #d2e7fc;
  width: 286px;
  height: 286px;
  position: absolute;
  top: -95px
}

.round-bg-circle2 img {
  position: absolute;
  margin: -70px 0 0-60px
}

.round-bg-circle3 {
  position: absolute;
  bottom: 0;
  width: 320px
}

.business-cta2-icon1 {
  width: 17px;
  left: 80%;
  margin-top: 20px
}

.business-cta2-icon2 {
  bottom: 0;
  margin-left: -95px
}

.business-cta2-icon3 {
  width: 30px;
  margin: 8%0 0 6%
}

.case-list-subheading li,
.cta2-manu-div,
.news-section .blog-post-page .accordion p {
  margin: 0
}

.manu-form.manu-form2 {
  border-radius: 12px;
  border: 1px solid #d2e7fc;
  background: rgba(232, 245, 255, .67);
  box-shadow: 0 5px #c7d9e9a1;
  -webkit-backdrop-filter: blur(16.5px);
  backdrop-filter: blur(16.5px)
}

.consultancy-box h3,
.crm-process-box h3 {
  border-radius: 17px;
  width: 31px;
  height: 31px;
  background: #1e1c1c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.154px
}

.consultancy-box h4,
.crm-process-box h4 {
  color: #1e1c1c;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -.06px
}

.consultancy-box h4 {
  font-size: 20px;
  font-weight: 500;
  padding-top: 25px
}

.consultancy-icons {
  width: 52px;
  margin-bottom: 19px
}

.consultancy-diagram {
  padding: 71px 0;
  border-radius: 12px;
  background: radial-gradient(67.12% 67.12%at 50% 50%, #fff 0, #f5faff 100%)
}

.consultancy-diagram h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  padding-bottom: 43px
}

.consultancy-process-bg {
  margin-top: 85.5px;
  padding: 0 180px
}

.consultancy-box1 {
  padding: 0 280px
}

.consultancy-box2 {
  padding: 65px 260px 0 445px
}

.consultancy-box3 {
  padding: 104px 260px 0 445px
}

.consultancy-box4 {
  padding: 295px 0 0 105px
}

.business-cta3-box {
  background: #5749f8;
  filter: drop-shadow(0 5px 14px rgba(8, 15, 52, .04));
  height: 300px;
  border-radius: 20px;
  padding: 0 99px 0 113px
}

.business-cta3 {
  padding: 41px 0 31px
}

.business-cta3-box h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 130%
}

.business-cta3-box h4,
.crm-cta3-div h3 {
  color: #fff;
  font-size: 41px;
  font-weight: 700;
  line-height: 130%;
  text-transform: capitalize
}

.business-hire-btn {
  color: #1e1c1c;
  font-size: 18px;
  font-weight: 600;
  transition: all .3s ease;
  line-height: 24px;
  letter-spacing: -.058px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 11px 17px #5749f824;
  padding: 18px 40.22px;
  float: right
}

.business-cta3-img5 {
  width: 30px;
  top: 0;
  margin: 20px 0 0 33%
}

.business-cta3-img6 {
  right: 20%;
  margin-top: 8%
}

.business-cta3-img2 {
  border-bottom-left-radius: 20px
}

.quick-summary {
  padding: 20px;
  background-color: #ffebca;
  margin-bottom: 30px;
  border-radius: 8px
}

.blog-new-whatsapp a,
.blog-new-whatsapp img {
  height: 52px
}

.blog-new-whatsapp {
  position: absolute;
  z-index: 9;
  margin: 130px 0 0 50px
}

.implementation-cta1-img3 {
  right: 100px;
  width: 500px
}

.implement-why {
  width: 650px;
  right: 0;
  bottom: 0
}

.implement-why2 {
  width: 360px;
  right: 0;
  top: 100px
}

.implement-why3 {
  width: 450px;
  right: 26%;
  bottom: 0
}

.implement-why4 {
  width: 30px;
  margin: 50px 0 0-33%
}

.cta2-manu-left h3 span,
.marketing-stages p {
  color: #5a5c65;
  font-weight: 400
}

.implement-cta3 {
  margin-left: -89px;
  bottom: 0;
  width: 100px
}

.implement-cta1 {
  width: 300px;
  float: right
}

.implement-cta2 {
  margin-left: -150px;
  width: 150px
}

.implement-cta4 {
  width: 500px;
  right: 0;
  bottom: 0;
  margin-right: 150px
}

.left-imple-cta1 {
  height: 300px;
  left: 0
}

.left-imple-cta2 {
  height: 300px;
  right: 0
}

.imple-cta2-icon2 {
  bottom: 0;
  margin-left: 0;
  left: 52%
}

.imple-cta2-icon1 {
  width: 30px;
  margin: 2%0 0;
  left: 68%
}

.trusted-logo {
  transition: all .3s ease-in-out;
  cursor: pointer
}

.trusted-logo:hover {
  box-shadow: 1px 18px 34px #8e8d9b26;
  border-radius: 8px
}

.crm-services-hero .business-boxes {
  padding-top: 90px
}

.business-cta2-upper {
  margin-top: 19px
}

.business-form-height.business-form {
  height: 550px !important
}

.crm-cta2 {
  width: 700px;
  position: absolute;
  right: 0;
  bottom: 0
}

.crm-diagram {
  border-radius: 12px;
  background: #f5faff;
  padding: 49px 0
}

.crm-diagram h2 {
  padding-bottom: 38px
}

.crm-process-box {
  width: 996px;
  margin: auto
}

.crm-process-icons {
  width: 146px;
  box-shadow: (0 24px 51.5px rgba(223, 235, 246, .43))
}

.crm-process-box2 {
  padding-top: 165px
}

.crm-consult-box {
  gap: 22px;
  width: 302px
}

.crm-process-bg {
  position: absolute;
  width: 1068px;
  height: 675px;
  margin: 83px auto 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.crm-consult-box2 {
  margin-top: 37px
}

.crm-consult-box3 {
  margin-top: -28px
}

.crm-cta3-div {
  background: url(/assets/images/crm-cta3-icon3.webp)no-repeat center;
  background-size: cover;
  padding: 52px 96px 60.5px;
  border-radius: 12px
}

.retail-cta1.crm-cta3-div {
  background: url(/assets/images/retail-cta1.webp)no-repeat center
}

.crm-cta3-div h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 10px
}

.crm-cta3-div h4,
.marketing-stage-box h4 {
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize
}

.crm-cta3-div h4 {
  color: #fff;
  text-align: center;
  font-size: 41px;
  padding-bottom: 27px
}

.crm-cta3 {
  margin: 50px 0 29px
}

.crm-cta3-icon2 {
  width: 70px
}

.crm-cta3-icon1 {
  width: 80px
}

.crm-cta-star1 {
  width: 25px;
  margin: 0 0 0 100px
}

.crm-cta-star2 {
  width: 17px;
  margin: 48px 0 0;
  top: 0
}

.crm-cta-star3 {
  width: 25px;
  margin: 20px 240px 0 0;
  right: 0;
  top: 0
}

.crm-cta-star4 {
  width: 17px;
  margin: 0 63px 0 0;
  right: 0
}

.digital-hero {
  background: #fffdfa;
  padding: 54px 0 47px;
  overflow: hidden
}

.digital-hero1,
.digital-hero2 {
  width: 64px;
  margin: 0 8px
}

.business-hero.digital-hero h1 {
  color: #1e1c1c;
  font-size: 52px;
  font-weight: 800;
  line-height: 73px;
  text-transform: capitalize;
  background: 0 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: initial;
  padding-left: 34px
}

.business-hero.digital-hero p {
  color: #1e1c1c;
  font-size: 31px;
  font-weight: 400;
  line-height: 44px;
  padding: 16px 0 42px 34px;
  text-transform: capitalize
}

.business-hero.digital-hero h2 {
  color: #5a5c65;
  font-size: 24px;
  font-style: normal;
  padding-left: 34px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -.06px
}

.digital-hero3 {
  height: 700px;
  float: left;
  width: 42px;
  top: 0;
  position: absolute;
  overflow: hidden
}

.digital-hero4 {
  width: 32.5px;
  height: 32.5px;
  margin-top: 23px
}

.digital-hero5 {
  margin: -3rem 0 0 17rem;
  width: 100px
}

.toc {
  padding: 14px 20px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f5f2fa
}

.dropdown-btn.active .dropdown-icon {
  transform: rotate(180deg)
}

.crm-diagram h2,
.marketing-stages h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px
}

.marketing-stages p {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -.06px;
  padding: 16px 0 75px
}

.marketing-stages {
  padding: 40px 0 58px
}

.marketing-stage-box h3 {
  color: #5a5c65;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase
}

.marketing-stage-box h4 {
  color: #5749f8;
  font-size: 30px;
  padding-top: 60px
}

.marketing-stage-box h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.06px;
  padding-top: 12px
}

.marketing-left {
  padding-top: 70px
}

.marketing-right {
  padding: 80px 0 0 148px
}

.marketing-right .flex {
  row-gap: 60px;
  -moz-column-gap: 83px;
  column-gap: 83px;
  padding-bottom: 60px
}

.marketing-stage-icon {
  width: 46px;
  margin-bottom: 20px
}

.marketing-stage-bg {
  position: absolute;
  right: 0;
  margin-top: 271px;
  width: 53%;
  height: 1773px
}

.marketing-stage-icon15 {
  width: 50px;
  position: absolute;
  margin-left: -11.9rem;
  margin-top: -20px
}

.marketing-stage-icon16,
.marketing-stage-icon17 {
  width: 50px;
  position: absolute;
  margin-left: -10.5rem;
  margin-top: -20px
}

.marketing-stage-icon17 {
  margin-left: -9.45rem
}

.marketing-stage-bg2 {
  width: 25px;
  height: 1773px;
  position: absolute;
  right: 0;
  margin-top: 271px
}

.guide-demo {
  height: 56px;
  transition: all .3s ease-in-out
}

.guide3-img4 {
  border: .5px solid #6e696947
}

.markerting-cta-img2 {
  width: 645px;
  float: right
}

.markating-cta1-div {
  border-radius: 12px;
  background: linear-gradient(90deg, #fcfcff 0, #fff5e7 100%)
}

.markating-cta1-div h2,
.markating-cta1-div h3 {
  color: #1e1c1c;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  text-transform: capitalize;
  padding: 0 0 0 94px
}

.markating-cta1-div h3 {
  font-size: 41px;
  font-weight: 700;
  line-height: 54px;
  padding: 12px 0 31.5px 94px
}

.markating-cta1-btn {
  padding: 0 0 0 94px
}

.markating-cta1 {
  padding: 45px 0 42px
}

.markating-cta2.markating-cta1 {
  padding-bottom: 21px;
  padding-top: 45px
}

.markating-cta1-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17.17px;
  height: 100%;
  background-image: url(/assets/images/markerting-cta-img1.webp);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px
}

.news-section p.news-slider-para {
  margin-top: 115px
}

.dms-section {
  padding: 37px 0 51px
}

.dms-section h2 {
  color: #1e1c1c;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px
}

.dms-grid h4,
.dms-section p {
  color: #5a5c65;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px
}

.dms-section p {
  text-align: center;
  padding: 12px 0 32px
}

.dms-btn,
.dms-grid h3 {
  color: #1e1c1c;
  font-weight: 600
}

.dms-btn {
  border-radius: 8px;
  border: 2px solid #1e1c1c;
  background: #fff;
  padding: 10px 27px;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -.051px
}

.dms-btn:hover {
  border: 2px solid #000;
  background: #000;
  color: #fff
}

.dms-grid h3 {
  font-size: 22px;
  line-height: 30px;
  text-transform: capitalize
}

.dms-grid h4 {
  padding-top: 12px
}

.accordion-button:not(.collapsed) {
  color: initial
}

.dms-box {
  padding: 40px 0 0 40px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.dms-box1 {
  background: #fff4f1
}

.dms-box2 {
  background: #f0f6ff
}

.dms-box3 {
  background: #f1f3ff
}

.dms-box4 {
  background: #fffbea
}

.news-section-blog .blog-post-page .faq-section h4 {
  line-height: 30px
}

.dms-grid {
  padding: 47px 160px 0;
  gap: 24px
}

.dms-grid-img {
  height: 196px;
  float: right;
  display: flex;
  margin: auto 0 auto auto;
  border-bottom-right-radius: 8px
}

.dms-choose {
  background: #6052fe;
  padding: 60px 0
}

.dms-choose h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  padding-top: 35px
}

.dms-choose h4,
.dms-choose p {
  color: #fff;
  font-weight: 400;
  letter-spacing: -.06px
}

.dms-choose p {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  padding: 12px 0 0
}

.dms-choose h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}

.dms-choose h4 {
  font-size: 18px;
  line-height: 27px;
  padding-top: 14px
}

.dms-choose-img {
  width: 115px
}

.dms-choose-text {
  width: 85%;
  padding-left: 34px
}

.dms-choose-box {
  border-radius: 12px;
  background: #6659fd;
  padding: 30px;
  height: 100%
}

.dms-choose-grid {
  gap: 24px;
  padding: 60px 30px 0
}

.dms-choose-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background-image: url(/assets/images/why-dmsbg.webp);
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 12px
}

.why-dms1 {
  margin-top: -60px;
  height: 25px
}

.home .home-blog-latest.home-blog .next-home-blog,
.home .home-blog-latest.home-blog .prev-home-blog {
  margin-top: 10rem
}

.home-blog-latest.home-blog .blog-img img {
  height: auto
}

.home .home-blog-latest.home-blog .blog-cont .blog-highlight {
  margin: 0;
  bottom: -12px
}

.key-take {
  padding: 30px;
  background: #f5f2fa;
  margin-top: 40px;
  border-radius: 8px;
  border: 1px solid #dfe4ea
}

.key-icon {
  position: absolute;
  margin-top: -41px
}

.home .blog-cont .blog-title {
  margin-top: 5px !important;
  height: auto
}

#header .py-3 {
  padding-bottom: 13.1px !important;
  padding-top: 13.1px !important
}

.streamline-manu-grid.streamline-manu-retail {
  padding: 32px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(9, 9, 15, .37);
  margin: 10px 0 40px
}

.streamline-manu-div.streamline-manu-div-retail {
  margin: 0 32px
}

.retail-implement-flex {
  gap: 88px;
  padding-bottom: 44px
}

.retail-implement h4 {
  border-radius: 17px;
  width: 31px;
  height: 31px;
  background: #1e1c1c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.154px
}

.retail-implement h3 {
  color: #1e1c1c;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.06px
}

.retail-implement .retail-implement-left h4 {
  margin-right: -14px
}

.retail-implement .retail-implement-right h4 {
  margin-left: -14px
}

.retail-implement .retail-implement-left h3 {
  text-align: right;
  padding-right: 55px
}

.retail-implement .retail-implement-right h3 {
  padding-left: 55px
}

.Retail-implement-icon {
  width: 200px
}

.Retail-implement-inner {
  right: 15px;
  z-index: -1;
  margin-top: 70px
}

.Retail-implement-inner2 {
  width: 168px;
  left: 16px;
  z-index: -1;
  margin-top: 70px
}

.Retail-implement-inner {
  width: 168px
}

.box-shadow-retail {
  background: rgba(229, 236, 244, .4);
  filter: blur(90px);
  position: absolute;
  height: 250px;
  z-index: -1;
  width: 250px
}

.Retail-implement-line {
  position: absolute;
  top: 200px;
  left: 49.2%;
  width: 17px
}

.retail-implement-right {
  width: 468.72px
}

.retail-implement-left {
  width: 468.72px;
  justify-content: end
}

.Partnership .black-social,
.about-us .black-social,
.contact-us .black-social {
  display: inherit
}

.Partnership .white-social,
.about-us .white-social,
.black-social,
.contact-us .white-social {
  display: none
}

.mobile-img-hspt,
.mobile-view {
  display: none !important
}

.erp-healthcare-cs .client-section img {
  height: auto;
  width: 301px
}

.erp-healthcare-cs .client-section2 img {
  height: auto;
  display: flex;
  margin: auto;
  width: 136px
}

.erp-healthcare-cs .client-section2.client-section5 img {
  width: 60%;
  margin-bottom: 12px
}

.client-section2.client-image-avon img {
  width: 110px;
  padding-bottom: 20px;
  margin: auto
}

.erp-healthcare-cs .client-section2.client-section3 img {
  height: auto;
  display: flex;
  margin: auto;
  width: 183px;
  padding-bottom: 20px
}

.case-list-subheading {
  list-style-type: disc;
  padding-left: 40px !important
}

.case-list-subheading li::marker {
  color: #343a50
}

.manufacturing-challenges {
  width: 804px;
  height: 717px
}

.erp-healthcare-features {
  width: 80%;
  height: auto
}

.erp-manufacturing-features {
  width: 804px;
  height: 717px;
  margin-top: 3rem !important
}

.margin-auto {
  display: flex;
  margin: auto
}

.erp-healthcare-cs-img1 {
  height: 100%
}

.blog-casestudy .py-36 {
  padding-top: 0
}

.written-by .flex img {
  border-radius: 50%;
  width: 115px;
  height: 115px;
  margin: 0 25px 0 0;
  transition: all ease .3s;
  box-shadow: none
}

.the_author {
  color: #8d8d8d;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  padding-top: 12px
}

.author_name {
  color: #0a66c2;
  font-size: 18px;
  font-weight: 700;
  padding: 0
}

.written-by-name span {
  color: #000;
  font-size: 16px;
  display: block;
  font-weight: bolder
}

body.\/reasons-to-implement-ERP Fast Track -software-for-healthcare.antialiased.text-page.bg-white.dark\:text-slate-300.tracking-tight.dark\:bg-dark p.max-w-3xl.mx-auto.mt-2.mb-8.px-4.text-center.sm\:px-6.text-base {
  text-align: left !important
}

.Whatsapp_icon {
  position: fixed;
  right: 4rem;
  bottom: 0;
  z-index: 99999999;
  width: 90px;
  cursor: pointer
}

.Whatsapp_icon img {
  height: 95px;
  width: 80px;
  margin-right: 101px;
  margin-top: -7.7rem
}

.ERP Fast Track -software .banner-form .form-left-text {
  color: #fff;
  border-radius: 30px 0 0 30px;
  background: linear-gradient(144deg, #253041 0, #121a21 100%);
  padding-left: 4rem
}

.ERP Fast Track -software .banner-image {
  border-radius: 0 30px 30px 0;
  background: #deeaff
}

.ERP Fast Track -software .banner-form {
  margin-bottom: 4rem
}

.ERP Fast Track -software .erp-banner {
  width: auto
}

.ERP Fast Track -software .erpone-btn {
  border-radius: 34px;
  background: #5749f8;
  box-shadow: 8px 7px 40px #00000036;
  padding: 0 30px;
  display: inline-flex;
  height: 55px;
  line-height: 55px;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.051px
}

.ERP Fast Track -software .erpone-btn:hover {
  background-color: #4b3ff5
}

.vectorimg {
  margin: 7px 0 0 9px;
  height: 13px;
  width: 9px
}

.ERP Fast Track -software span.vectorclass {
  background: #6f65f7;
  height: 26px;
  margin-left: 10px;
  width: 26px;
  border-radius: 27px
}

.ERP Fast Track -software .first-section li {
  list-style: none
}

.ERP Fast Track -software .first-section .flex {
  padding-top: 1rem
}

.ERP Fast Track -software .md\:mx-auto.max-w-7xl.basis-1\/2.first-section {
  margin-left: -3.2rem;
  padding-right: 1rem
}

.ERP Fast Track -software li.divone {
  width: 202px;
  color: #fff;
  height: 55px
}

.ERP Fast Track -software li.div2,
.ERP Fast Track -software li.div3,
.ERP Fast Track -software li.div4,
.ERP Fast Track -software li.div5,
.ERP Fast Track -software li.div6,
.ERP Fast Track -software li.div7 {
  width: 202px;
  height: 55px
}

.ERP Fast Track -software li.div2,
.ERP Fast Track -software li.div3,
.ERP Fast Track -software li.divone {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0
}

.ERP Fast Track -software li.divone {
  border-radius: 52px;
  background: linear-gradient(174deg, #c67efc 0, #7052f0 61.78%, #453cea 100%)
}

.ERP Fast Track -software li.div2,
.ERP Fast Track -software li.div3 {
  color: #fff
}

.ERP Fast Track -software li.div2 {
  background: linear-gradient(49deg, #c67efc 0, #ea3c5e 100%);
  border-radius: 52px
}

.ERP Fast Track -software li.div3 {
  background: linear-gradient(182deg, #fff 0, #59efb0 42.14%, #3374f3 100%);
  border-radius: 0 42px 42px 0
}

.erpsection-btn,
button.btn.py-2\.5.px-5\.5.md\:px-6.font-semibold.bg-black.shadow-none.text-white.md\:text-sm.max-sm\:text-xs.button-black.erpopensection-btn {
  border-radius: 10px;
  background: #0e0d15;
  color: #f9f8fb;
  font-size: 16px;

  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .8px
}

.second-sec {
  padding-left: 7rem
}

.second-sec p {
  color: var(--400, #636981);
  font-size: 20px;
  font-family: Graphik;
  font-style: normal;
  font-weight: 400;
  line-height: 30px
}

.ERP Fast Track -software li.div4 {
  background: linear-gradient(199deg, #42e16f 0, #34e1ad 100%);
  align-items: center;
  display: flex
}

.ERP Fast Track -software li.div4,
.ERP Fast Track -software li.div5,
.ERP Fast Track -software li.div6,
.ERP Fast Track -software li.div7 {
  text-align: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 52px;
  color: #fff
}

.ERP Fast Track -software li.div5,
.ERP Fast Track -software li.div6 {
  background: linear-gradient(152deg, #ffa6a6 0, #ff7070 100%);
  align-items: center;
  display: flex
}

.ERP Fast Track -software li.div7 {
  background: linear-gradient(174deg, #c67efc 0, #7052f0 61.78%, #453cea 100%)
}

.ERP Fast Track -software .benefits-section h2,
.ERP Fast Track -software .platform-section h2,
.trusted-section h2 {
  color: #30303f;
  font-size: 48px;

  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.erp-second h2 span,
.ERP Fast Track -software .newsletter h2 span,
.ERP Fast Track -software .platform-section h2 span,
.trusted-section h2 span {
  background: #f33897
}

.opensource-box {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 4px #0b152d33
}

.opensource-box h6 {
  color: var(--darker-blue, #283452);
  text-align: center;
  font-size: 18px;
  font-family: HK Grotesk;
  font-style: normal;
  font-weight: 600;
  line-height: 24px
}

.ERP Fast Track -software .benefits-section h2 {
  text-align: center
}

.ERP Fast Track -software .benefits-section h5 {
  color: #51545c;
  text-align: center;
  line-height: 37px;
  letter-spacing: -.24px
}

.open-source-section {
  background: #f8f4fe
}

.trusted-section h2 {
  color: #454751;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -.06px
}

div#whyclass1,
div#whyclass2 {
  margin-left: 8rem
}

.erp-next-open h6,
.erp-second p,
.ERP Fast Track -software .banner-form p,
.ERP Fast Track -software .benefits-section h5 {
  font-size: 20px;

  font-style: normal;
  font-weight: 400
}

.erp-next-open h6 {
  color: #2a3940;
  text-align: center;
  line-height: 30px;
  letter-spacing: -.2px
}

.opennext {
  align-items: center
}

.ERP Fast Track -software li.div7,
section.scroll-mt-16.erp-open-section.flex {
  display: flex;
  align-items: center
}

.erp-second h2,
.ERP Fast Track -software .newsletter h2 {
  color: #30303f;
  font-size: 48px;

  font-style: normal;
  line-height: 62px;
  letter-spacing: -2px
}

.open-source-img {
  display: flex;
  justify-content: center
}

.erp-second p,
.ERP Fast Track -software .banner-form p {
  color: #51545c;
  line-height: 37px;
  letter-spacing: -.24px
}

button.btn.py-2\.5.px-5\.5.md\:px-6.font-semibold.bg-black.shadow-none.text-white.md\:text-sm.max-sm\:text-xs.button-black.erpopensection-btn {
  margin-top: 22px
}

.ERP Fast Track -software .erp-second {
  padding-left: 6rem
}

.ERP Fast Track -software .erp-open-section {
  background: #f8f4fe
}

.ERP Fast Track -software .newsletter h2 {
  color: #0b020a;
  text-shadow: 0 4px 29px 0 rgba(255, 255, 255, .25);

  font-weight: 700;
  letter-spacing: .8px
}

.ERP Fast Track -software .banner-form p {
  color: #dbdce0
}

.erpopen-next img {
  width: 80px
}

.cntctUsLeft li p,
.newsletter h4.mb-4 {
  color: #17171e;
  font-size: 23px;

  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: .2px
}

.newsletter h4.mb-4 span {
  color: #f33897
}

.erp-second h2,
.modal-title {
  font-weight: 700
}

.blogpagehome ul {
  padding: 0 !important
}

img.healthcare-challenges.margin-auto {
  width: 60%;
  height: auto
}

.erp-healthcare-cs .blog-casestudy {
  padding-top: 0
}

.bg-wave {
  position: relative
}

.let-cards {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap
}

.let-card {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a;
  width: 100%;
  height: 100%;
  padding: 24px
}

.let-card img {
  margin-bottom: 10px
}

.stats-box {
  background: #0b020a
}

.about-stats-visible .font-heading {
  color: #fff
}

.bd-rds {
  border-radius: 8px
}

.about-team-line .together-about {
  border-top: none
}

.about-us .detail-form-bg-about {
  background: url(/assets/images/about-us-background.webp)no-repeat center center;
  background-size: 100%
}

.py-15 {
  padding-top: 15px
}

.about-section .together-about {
  border-top: none
}

.about-section,
.cntctUsLeft .cntctus-address {
  padding-top: 30px
}

.cntctUsLeft li p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.145px;
  margin-left: 8px
}

.cntctUsLeft li {
  list-style-type: none;
  display: flex
}

.ml-48 {
  margin-left: 48px
}

img.lets-cheer-img {
  position: absolute;
  bottom: -90px;
  width: 100%;
  display: none
}

.leader-cont.core-leader-cont img {
  width: 100%;
  height: 100%
}

.icon-left {
  display: flex;
  border-radius: 10px;
  background-color: #fff;
  color: #2f2f2f !important
}

.icon-left img {
  margin-right: 10px
}

.icon-left a {
  text-decoration: none !important
}

.pad-left {
  margin-left: 32px
}

.pyk-2 {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #2f2f2f;
  padding-left: 10px
}

.object-inherit {
  -o-object-fit: inherit;
  object-fit: inherit
}

.about-section .together-about {
  display: flow-root
}

.pt-120 {
  padding: 120px 108px
}

.ERP Fast Track -healthcareNew .banner-text {
  background: 0 0
}

.cntctUsLeft li p,
.partner-left-text h1 {
  padding-bottom: 16px
}

.partner-left-text h1,
.partnership-testimonials h2 {
  color: #212529;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -.8px
}

.content-gap p,
.partner-left-text p {
  color: #343a50;
  font-weight: 400;
  letter-spacing: -.5px
}

.partner-left-text p {
  font-size: 18px;
  line-height: 32px;
  padding-bottom: 32px
}

.partnership-box {
  border-radius: 10px;
  background: #fff;
  height: 107px;
  width: 100%;
  transition: all ease .3s;
  cursor: pointer;
  box-shadow: 0 29.09819984436035px 52px -23.278562545776367px #00000030
}

.partner-left {
  background: #f0f3f9;
  padding: 152px 108px 152px 110px
}

.purple-partner {
  color: #4b3ff5
}

.lg\:pt-70 {
  padding-top: 70px
}

.partner-right {
  background: url(/assets/images/partner-right-bg.webp)no-repeat;
  padding: 132px 101px;
  background-size: 100% 100%
}

.Partnership .detail-form h3,
.partner-right h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: .2px
}

.partnership-main-section {
  padding-top: 100px
}

.Partnership .contact-us-country {
  margin-top: 0
}

.content-gap {
  gap: 1rem
}

.content-gap p {
  font-size: 22px;
  font-style: normal;
  line-height: 36px
}

.partnership-content h2 {
  color: #252f41;

  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: -1.003px
}

.partnership-country {
  padding-bottom: 140px
}

.contact-us-country.partnership-country {
  margin-bottom: 120px
}

.content-gap svg {
  margin-top: 10px;
  width: 100%;
  height: 18px;
  max-width: 18px
}

.Partnership .leader-section {
  background: #fff;
  padding-top: 120px
}

.Partnership .stat-border {
  border-top: 1px solid #818181cc;
  padding-top: 42px
}

#your-logo {
  border-radius: 10px;
  border: 1.164px dashed rgba(184, 183, 200, .4);
  background: rgba(255, 255, 255, .4)
}

.Partnership .leader-section h2 {
  padding-bottom: 42px
}

.Partnership .leader-section h4 {
  padding-top: 14px
}

.Partnership .leader-section h5 {
  padding-bottom: 38px
}

.partnership-testimonial-box {
  border-radius: 10px;
  background: #f8f7fb;
  padding: 40px
}

.partnership-testimonial-box p {
  padding: 45px 120px 28px 0;
  color: var(--styles-500, #343A50);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -.4px
}

.partnership-testimonial-box h4,
.partnership-testimonial-box h5 {

  font-style: normal;
  line-height: 20px;
  letter-spacing: -.4px
}

.partnership-testimonial-box h5 {
  color: var(--styles-400, #636981);
  font-size: 14px;
  font-weight: 400
}

.partnership-testimonial-box h4 {
  color: var(--styles-500, #343A50);
  font-size: 16px;
  font-weight: 600
}

.partnership-testimonials {
  padding: 120px 0
}

.partnership-testimonials h2 {
  padding-bottom: 65px
}

.Partnership footer .footer-dark-logo {
  display: block
}

.Partnership .footer-light-logo {
  display: none
}

.Partnership footer p {
  font-weight: 400
}

.Partnership .copyright-txt,
.Partnership .copyright-txt a,
.Partnership .footer-contact li svg {
  color: #616161
}

.Partnership .footer-headings {
  color: #0a0b12
}

.Partnership .footer-contact li a,
.Partnership .footer-links {
  color: #080e21
}

.Partnership footer .text-white,
.Partnership footer p {
  color: #080e21 !important
}

.partnership-detail-form {
  border-radius: 16px;
  background: rgba(80, 80, 82, .1);
  padding: 60px;
  border: 1px solid #423456
}

.Partnership .detail-form {
  border-radius: 0;
  padding: 120px 0;
  background: #0b020a url(/assets/images/detai-form-bg.png)no-repeat;
  background-size: 100%
}

.Partnership .detail-form h2 {
  color: #fff;
  text-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
  font-size: 56px;

  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -.8px
}

.Partnership-main-banner.manufacturing-banner {
  background: #0f050f url(/assets/images/partnership-newbanner.png)no-repeat right;
  background-size: 100% 100%;
  height: auto
}

.partnership-text.manufacturing-text h1 {
  line-height: normal
}

.Partnership .banner-inner {
  padding: 170px 45px 84px 170px;
  align-items: end
}

.Partnership .logo-white {
  display: block
}

.Partnership .logo-dark {
  display: none
}

.Partnership .nav-links,
body.ERP Fast Track -healthcareNew .nav-links,
body.ERP Fast Track -manufacturing-page .nav-links {
  color: #fff !important
}

.Partnership .btn.header-btn {
  background: 0 0;
  color: #fff;
  border: 1.5px solid #fff
}

.partnership-content {
  padding-top: 100px
}

.main-content-homepage,
.manufacturing-banner h1 {

  font-style: normal;
  font-weight: 600
}

.main-content-homepage {
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 1.86px;
  text-transform: uppercase;
  border-radius: 40px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid #f70d8417;
  padding: 6px 28px;
  margin-bottom: 16px
}

.gradient-border {
  border-radius: 40px
}

.home .detail-form-bg .circle-arrow {
  background: linear-gradient(137deg, #d62dcc 0, #8450f4 100%);
  box-shadow: 0 4px 29px #ffffff40
}

.detail-form-partner {
  background: linear-gradient(33.96deg, #c67efc 5.11%, #ea3c5e 104.95%), linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important
}

.manufacturing-banner {
  background: url(/assets/images/manufacturing-banner.webp)no-repeat center;
  background-size: cover;
  height: 880px
}

body.ERP Fast Track -healthcareNew .logo-white,
body.ERP Fast Track -manufacturing-page .logo-white {
  display: block
}

body.ERP Fast Track -healthcareNew .logo-dark,
body.ERP Fast Track -manufacturing-page .logo-dark {
  display: none
}

body.ERP Fast Track -healthcareNew .btn.header-btn,
body.ERP Fast Track -manufacturing-page .btn.header-btn {
  border: 1.5px solid #fff;
  color: #fff
}

.nav-link.btn-gradient {
  border-radius: 34px;
  background: #5749f8;
  box-shadow: 8px 7px 40px #00000036;
  padding: 0 30px;
  display: inline-flex;
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.051px
}

.nav-link.btn-gradient:hover {
  color: #fff
}

.button {
  position: relative;
  width: 36px;
  display: flex;
  align-items: center
}

.button:after,
.button:before {
  content: "";
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  transition: all .3s ease;
  line-height: 30px
}

.button:before {
  background: #796df9
}

.home .button:before {
  background: 0 0 !important
}

.button:after {
  background: url(/assets/images/right-arrow.webp)no-repeat center center
}

.btn-gradient:after {
  content: " ";
  text-align: center;
  font-size: 22px;
  display: inline-block;
  border-radius: 50px
}

.button:hover:before {
  background: #3f36a5
}

.button:hover:after {
  right: -5px
}

.manufacturing-banner h1 {
  background: linear-gradient(110deg, #fafafa -2.65%, #f6f5f7 50.43%, #a9a3c0 110.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  line-height: 76px;
  letter-spacing: -2px;
  padding-bottom: 18px
}

.manufacturing-banner h1 span {
  font-weight: 400
}

.manufacturing-text p {
  font-size: 20px;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: -.23999999463558197px;
  text-align: left;
  color: #dbdce0;
  padding-bottom: 32px
}

.partnership-text.manufacturing-text p {
  font-size: 22px;
  color: #fff
}

.manufacturing-trusted {
  background: #f2f3f7;
  padding: 85px 0
}

.manufacturing-trusted .banner-inner {
  padding: 0 70px
}

.New-Education-Page .manufacturing-trusted .banner-inner {
  padding: 0 20px
}

.manufacturing-trusted h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -.060440339148044586px;
  text-align: left;
  color: #454751
}

.manufacturing-stepping {
  padding: 100px 0
}

.health-modules h2,
.manufacturing-benifits h2,
.manufacturing-features-section h2,
.manufacturing-stepping h2,
.manuwhome-right-text h2 {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.manufacturing-stepping p {
  color: #3e414b;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.06px;
  text-align: justify
}

.manufacturing-stepping-span,
.manufacturing-trusted h4 span {
  color: #407bff
}

.gray-light-bg {
  background: #f8f6fa
}

.manufacturing-benifits h3 {
  color: var(--styles-500, #343A50);
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -.06px;
  padding-top: .7rem
}

.manufacturing-benifits,
.manuwhome {
  padding: 100px 0
}

.manuwhome {
  background: #0b020a url(/assets/images/whomemanu-bg.webp)no-repeat;
  background-size: 100%
}

.manuwhome-right-text p,
.whom-content p {
  color: #fff;
  font-size: 20px;
  font-weight: 400
}

.whom-content p {
  line-height: 30px;
  letter-spacing: -.2px;
  padding-top: 29px
}

.health-modules h2,
.manuwhome-right-text h2 {
  color: #f7e1ff
}

.manuwhome-right {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.manuwhome-right-text p {
  line-height: 37px;
  letter-spacing: -.24px
}

.manuwhome .erpsection-btn {
  color: #000;
  border-radius: 10px;
  background: #fff
}

.manu-casestudy .erpsection-btn,
.manuwhome .erpsection-btn,
.pad-left p,
.pad-left p a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .8px
}

.manu-casestudy .erpsection-btn {
  color: #455a64;
  border-radius: 10px;
  background: #fff
}

.feature-text-image {
  padding: 70px 0
}

.manufacturing-features-section {
  padding-top: 100px
}

.manufacturing-features-section h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.01em;
  text-align: left;
  color: #111833
}

.health-modules h2 {
  color: #fff;
  padding-bottom: 64px
}

.health-modules h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.2px;
  opacity: .8
}

.health-modules {
  padding: 100px 0;
  background: #0b020a url(/assets/images/whomemanu-bg.webp)no-repeat;
  background-size: 100%
}

.gap-46px {
  gap: 46px
}

.right-box-manu img {
  width: 650px;
  box-shadow: 0 4px 20px #0000001f
}

.left-box-manu h3 {
  color: var(--subheading-colors, #111833);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -.24px;
  padding-bottom: 20px
}

.benefit-bg-Benefits {
  border-radius: 50px;
  width: 218px;
  height: 55px;
  margin: 46px 0 32px
}

.pad-left p,
.pad-left p a {
  color: #fff;

  font-style: normal
}

.health-benefits-card-layout {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a;
  padding: 32px 62px 32px 32px
}

.bg-skyblue {
  background: #e8ecff
}

.bg-pink {
  background: #ffe8fe
}

.bg-green {
  background: #e8ffe9
}

.align-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

p.benefits-style {

  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 62px;
  letter-spacing: -1px
}

p.text-skyblue {
  color: #376bdf
}

p.text-pink {
  color: #df37c4
}

p.text-green {
  color: #55a108
}

.justify-spaceevenly {
  justify-content: space-evenly
}

.m-24 {
  margin: 0 24px
}

.health-benefits-card-layout img {
  margin-bottom: 20px
}

p.mb-12 {
  margin-bottom: 12px
}

.healthcare-banner.manufacturing-banner {
  background: url(/assets/images/healthbanner-imageDr.webp)no-repeat center;
  background-size: cover;
  height: 900px;
  background-position: 0 0
}

p.health-benefitHead {
  color: #111833;

  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.18px
}

.healthcare-difference,
p.health-benefitCntnt {
  color: #132a38;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.healthcare-difference {
  color: #a4a4c1;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px;
  margin-bottom: 54px
}

.ERP Fast Track -healthcareNew .standards-section2 {
  padding: 86px 0
}

.health-makeDifference-span {
  font-size: 177px;
  font-weight: 800;
  line-height: 160px;
  letter-spacing: -4.032px;
  background: linear-gradient(92deg, #fff -15.26%, #4f40ff 22.52%, #ab40ff 55.21%, #db00ff 74.18%, rgba(64, 123, 255, 0) 121.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.cs-health-padding {
  padding-left: 8rem
}

.flex-wrap {
  flex-wrap: wrap
}

.health-diff {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .2);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a;
  padding: 32px;
  margin: 10px
}

.gap-experience {
  gap: 12px
}

.Retail-Page .health-diff {
  margin: 0
}

.manu-support-box h4,
p.health-diff-head {
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.18px
}

p.health-diff-head {
  padding: 20px 0 18px;
  color: #111833;

  font-size: 18px;
  font-style: normal
}

p.health-diff-cntnt {
  color: #132a38;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.health-diff img {
  width: 50px
}

.manu-casestudy.health-casestudy {
  background: #a158ff;
  height: auto;
  padding: 0;
  border-radius: 0
}

.manu-casestudy.health-casestudy h2 {
  padding: 0 0 16px
}

.manu-casestudy.health-casestudy p {
  font-size: 18px;
  line-height: 28px
}

.health-form.detail-form p span {
  background: #407bff
}

.blog-casestudy p {}

.health-accordionResp {
  margin-bottom: 80px
}

.health-form-bottom {
  padding: 96px 66px 88px 107px
}

.left-box-manu p,
.manu-support-box p {
  color: #263238;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px
}

.manufacturing-erp-software .left-box-manu p {
  line-height: 30px
}

.manu-support-box {
  border-radius: 24px;
  border: 1px solid rgba(2, 39, 47, .1);
  background: #fff;
  box-shadow: 0 2px 6px #0b152d1a
}

.manu-support-box h4 {
  color: var(--subheading-colors, #111833);
  font-size: 20px;
  padding-bottom: 12px
}

.manu-support-box p {
  color: #132a38;
  line-height: 28px
}

.manu-support-box img {
  width: 52px;
  height: auto
}

.manu-support-section {
  padding: 30px 0 100px
}

.ERP Fast Track -manufacturing-page .blog-casestudy h2,
.manu-support-section h2,
.manufacturing-testimonial h3 {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px
}

.manu-support-section h2 {
  margin-bottom: 0;
  padding-bottom: 56px
}

.manu-casestudy {
  background: #140916 url(/assets/images/manu-casestudy-bg.webp)no-repeat;
  background-size: 100%;
  height: auto;
  background-position: 0;
  padding: 80px 0;
  border-radius: 12px
}

.manu-casestudy-image img {
  width: 20%;
  position: absolute;
  margin-left: 137px;
  margin-top: -60px
}

.manu-casestudy h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
  padding: 0
}

.manu-casestudy p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-right: 9rem;
  padding-bottom: 24px
}

.manufacturing-testimonial h3 {
  color: #0a0e20;
  text-align: center;
  font-size: 52px;
  line-height: 64px;
  margin-bottom: 42px
}

.manufacturing-testimonial p {
  color: #494f59 !important;
  text-align: justify !important;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 32px;
  letter-spacing: -.6px
}

.manufacturing-testimonial {
  background: #f8f4fe;
  padding: 100px 0 40px
}

.client-name-manu,
.client-name-manu span {
  color: #000;

  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.5px
}

.client-name-manu span {
  color: #727272;
  font-size: 18px;
  font-weight: 400
}

.manufacturing-testimonial .swiper-pagination-bullet {
  background: #fff;
  opacity: 1
}

.manufacturing-testimonial .swiper-pagination-bullet-active {
  background: #9150f1 !important
}

.ERP Fast Track -manufacturing-page .blog-casestudy h2 {

  font-style: normal
}

.ERP Fast Track -manufacturing-page .blog-casestudy p {
  color: var(--styles-500, #343A50);

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -.4px
}

.ERP Fast Track -manufacturing-page .blog-cont .blog-title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 28px;
  height: 58px
}

.Retail-accordian .accordion-item:last-of-type .accordion-collapse {
  background: #f4f3f7;
  border-radius: 0 !important;
  padding: 0 25px 0 64px
}

.Retail-accordian .accordion-button:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(/assets/images/plus-icon.webp)no-repeat center;
  float: right
}

.accordion-button:not(.collapsed):after {
  background: url(/assets/images/minus-icon.webp)no-repeat center
}

.Retail-accordian .accordion-item:first-of-type .accordion-button {
  padding-left: 64px
}

.Retail-accordian .accordion-body {
  padding-left: 64px;
  padding-top: 0
}

.Retail-accordian .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-btn-color)
}

.Retail-accordian .accordion {
  margin-top: 0
}

.manufacturing-stepping h2 {
  text-align: center;
  padding-bottom: 64px
}

.manufacturing-features-section p {
  color: #51545c;
  text-align: center;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: -.24px;
  padding-bottom: 30px
}

.manu-casestudy-img2,
.manufacturing-main2 {
  display: none
}

.manu-casestudy .erpsection-btn:hover,
.manuwhome .erpsection-btn:hover {
  background: #fff !important;
  color: #000 !important
}

.ERP Fast Track -manufacturing-page .case-cont .grid-pagination {
  top: -45px
}

.ERP Fast Track -manufacturing-page .blog-cont .feature-wrap {
  height: 580px !important
}

.ERP Fast Track -healthcareNew img.bluevector,
.ERP Fast Track -manufacturing-page img.bluevector {
  padding-top: 0 !important
}

:is(.dark .dark\:text-slate-300) {
  color: initial !important
}

.blog h3 {
  margin: 0 auto;
  color: #000
}

.footer-padding {
  padding-bottom: 2rem
}

.Homepage .btn.header-btn:hover,
.blog .btn.header-btn:hover,
.news-detail-page .btn.header-btn:hover,
.single-blog .btn.header-btn:hover {
  color: #1a1a1c
}

h2.health-benefitResp {
  color: #30303f;
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -2px;
  padding: 0 0 23px
}

.healthcare-benefits {
  background: #f8f6fa;
  padding: 100px 0
}

.ERP Fast Track -healthcareNew .manufacturing-text {
  padding-top: 4rem
}

.client-grid-2 {
  gap: 24px
}

.Retail-Detailform h2 {
  margin: 0
}

.manufacturing-features-section-list .flex.items-start:last-child p {
  padding: 0 !important
}

.manufacturing-features-section-list {
  padding-left: 10rem;
  padding-right: 10rem
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-cyrillic-ext-400-normal.f7666a51.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-cyrillic-400-normal.e9493683.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-greek-ext-400-normal.d3e30cde.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+1F00-1FFF
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-greek-400-normal.2f2d421a.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0370-03FF
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMgABAAAAAA6AABAAAAAAIkQAAA4gAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmQbh2YcKgZgP1NUQVRIAII4EQgKqWikUQuCEgABNgIkA4QgBCAFhBYHIAwHG4MdUZSQ1lKR/ThwyuwFjhaNSE1IHRJNhJc5TuaR//PSZ8crHuzH0Jf8Mrh2rHaeUc1YQsvoawes0Agkpbb49Hxu/rkvLy+P9wKERUgh2LhB2IMECoUvqLijgAvsNWwhYY0QaiBUE0gt7vlfujMtdnWhdGMqbdMxrbjTymiEWNOKxfmfzqe7S1yDKlwKwBedgP/PtU/7cy87s5/KvLMFEpbBkaqsMPm5zWVz2RwUt0S8RVQ352pbRQy2qqwJHaAwFUbUVWhX33xV7wGS3G71+AEvWGYYGEaocUz2X/cqwACA5Jf+HkQAKSKMDDFXDCKOCpEqHZFhFWKNtYhcmxCFihGlNAgtPaJVO2KHHQgC+kjJUZtW5m5G2CoNzQhD9tS2NkOC8BMMCJBYlEBr4UtpB3EODaZ7MJSfdHeOaqZy0H0jpaZeE+c12p9MDWjIF22KxAab1AC5ysrOmOAkfhh/5FbnHE0ItZbUuUVQ4/A7PIJPEkuueg6WEtLbzQcClKKUNVBpUDZfqnOVbXn5ohbjQWMl35l1EfjgLIT1SQyhIkVRiBYjjlKSxZKpLJVjjTyFihSr0KhJsxaUImrF1Ajt2wwJoBdIL4heML059ELohdKT0gunJ6O3nFo+tXdFgUJ6hdRIj/U8n5oTIAKBgkQwozkiJKFQJEXhSCaJpyVF/IEBgC/MASksggS5+KMCWbAK1kIRjZGSACQUYUDhwCOytzgi8RJxlFREkcAChZiWhfzat3WxUqX8ldEQxAONfJRfGqcKcCCUgkgQTY/+gLcsxAd7fT7mwMSzpIVBYMMQY7jHMZYXHd0JYdMJ3Uu63sBHyd1+cLQeSdjQ6fQ8OfCd8X2w+9ZvgiNS/pC7968Y+u7lPWIOurDAPGIEwaLABAosQp2o0xqIP3BkzQYiQdCCCUBGaNjIt2iI1qFz3aUqatQmiaSmY2H3MRICnL2ABER06MjheDZzf95Dr5dIIglFaMlAPJ0ZmI4/buXvnBAoWEib/gsnMxeQMuywRphC8bTmKhVHR2Al2ipCSzGWE8nBWsHHMpxMvCXEsvjK5udfAuQKtF6QDYLlmSNfiAKhNpLaJFwRmWJPKyNXbp4K8z1nga0WUlukUqQqUaop1IhWK4ZGgnqJGig1StJksWbJWqjopWr1jDZpDNK1I0iVYcBFiBGwFtoYdA4AnXdpSwGdqELyGsJsIJ7KI6h1oNhuUsDzE6s4G3LH3BPHPOKfZZsQUpP3StMuS4d87yamJRJ2SAjhqGdkQKgk6sLn0z6UCw0u9+8j9ZOI/WjKLfELFdGjS0RSukJoojuTMsrV9xWbfDvEnZwxCIEBYuK7d/o6sfz4C+dH/PffvEZ1u6Y6OziTkQSANwVBQgdAmKbClB9evO+XHwU916d9bYnFPbe4e6Zc9pft2k1+7/R1E999S0z2TnZYEjrMRZ3bE0uO7tWrPItJ0CuCYCaqSq5vB582ZWQ4UdOeiQlimRxFEYYnxDLB7XFuLjwRi32VRwTDEe4Tp7PwBpe85oRQpQ4wf+64WwvL9WlD93heyHfsYJCunt7BdvG03/sRrgGBJMAy8UBrJzAPt2iLc+yPN/EdnXv+0IqNYNbj3LaSN6/B/G3qvnR90d0sGR81jIjv4ASc03lhT4CcNWLMT5rKxJutmyfhQVun3Miiq9KqqKizUYSP3hmETmIq860xaXxLTKXFHKnja2EqtIA6WpAt5ntErzASTk+NCB/Vo5Mjk5OtlUXrm2uzcasTMiVTVcYXT2pXWMqXzMsVBk2goMoWEOm8mNkIpjq+Vly4uWX2dN+PuK6qhNPsVoqrUnN1TUtj15y6+8z1w4Uevt82CcC9nbABbD3ZsuB06P6RSyeyQLqLdORKu0S+vF/qlkI/63Y/WX/qXd0Dz2HNUseftDs45sPbN88tyZ4e+/xubC/AwgMWQaOZI/qR446dbvdwv7t/ZNaNp9nSpmCyIufXyVe9DENEvDmnYf9Yzn3SFPf1V18RIS9Hr1xsZ/tm/cSL+NH+g9/SPf/17qK6Fx4Icy+Prq61//UXExaXzyOXn+20V3pmbluPH79j7Z55BZZtXTOjBo7qdY7ue6Ms8/PrIsdwdC9kC3rs0vSPJUvIGc715OLNhf/5rXnv5Vesde99VHE5od53b8BQYH58Ots38O67R08eitx0Iy9j77n+35cY1jrmDzdsv3bi9uy4eFvLti/zKq/sczRVfaR23ayRdQd3+m0u499SqbWlpi+6kOSQOxZ9937N7b/fr4769rtXhqrKu14Nvj0LFrdmZa9v3fFpVduVA6f6atmhwWrqlM32ypnXquh33qvhzvQjxSH/OXt0sGp2dlCbemHc+Gveyc+2LZqsGRj7pFtz0d5u3j+2p+mnnb1Dxj8nuw5WvKJqqo/Im85a0HZ06L4aLjCYBQPRKqyoqli2rKpihfDrm4bKLB9POz1U/fufQ7WIHT+5tX/+rgl2cenKWxcPV4reeKPS5+K7b53sdyUCWzT9hEXZLoP71hn+/pEadcHcQ1HMYnePtZRh3+zT/17RkhTD9DtDths7dmJ0fNZxxH72UPEXJV1foobJGX8tb+ysZvi9Lm1mSHeYQPv402jJyqwIlGZc2jKnh9doYwyx2xfsYhFmPSdJpwTFmanY5y39x9bhkTsfcGMBM/7PpeBnLiFx73vG90+3FGbkUuivblOS5W+7+j9ZCaRnRk6IXh/6zpJeFJmXtDkyNX1Dcdbn/v1DJywrSiJXJK2PTE9fW4zkc3C/c+N7xzc/f/+Oe0Nhu05X2o64XYOjLq2wMF6Z+kJSqejVS86DRo2lYj0PFXn0XAybfNY5tWPq8KlTiXx/zllF5Y260vKg5w75T93wz6f657kb6FDxq5yuHROHv/nqWj+urC3lGg1d0rxSu+DjKqo4IiqmY14p33b+QmPRhq6ctSySX3K6Ldc/cHzz8wcWd1ahWqdLl7Do8vYFGsu/NWtLkvKSMuOX5CSbwqst/Zr4NRE5UasjYuOX5UCw0v5qg7tz5dNXuu2Z/jlVtzC0DstWiye3Tn6o4f//nGwYC29A0mqFqcHj/5B/6DE1nDh+ZGSTME8er6yPKhD1DJ/o0JQ25+ewSOkVv5vn4a/A9sipFm1tebqgZ5c6eYWsdjA6Zk3Wwobwgp171DHLw69kh0dd9MiAWGD9ano6KhIEgAgmkk0p8wXGA5hdzAy10OwJM0WbVqBk5osRR2aMXewxtgpR6CBpVKzYmeFUIcxLW0JJfbtDRSmCajSRbJAQqH1sLRlsFoxODCToBkCBJcE6giVBTk0CNVgSxpTcp1s9hUfBAe8nBFZVnX6Pq9wv0MMAjgiJ9JZJF6kp2ILAgyOCjDgiGO/hiGCocESIfMJiYW6S7aSPovRGuHlNDrOT6CnEBKjYPGzWYtNs9t5igBwVVwuMWpzXobiJx3FwqBQPbFYpLybMaCng0lJgBp5NYoKdyrgTwzIqbwV5tWVsZmxaDJKZ3T6h6NvjEWiqVQeGTWt1QWa86EjN9GWwa9nYwB1sM4EawOreL2WvAAqiKOd+HhNehVrnBaO2DrSUkjDoNGbNngDoNNaTMrYsGMTr0CoCtinPSLwPgS2ZuTufjAFqy9s6YIa2GWyqxKN6lbUsMKoSDkjglCwl6qZWAnZcErULl8yLc5FQ2nY7BlUXBsbbA6vGaZ5OOGL8Tl2TpOHEstgw/ouhdHXgNaxTUzwBC48qUedssys702wW0ZjXztyQjbf58k+bgT+Q9WTnl97/Pbzhbfnn7Scn7RQAYDUgUnCiP6EVqxvxYvTM5GVQQclyKpecNGuY006PhjaqbBYX8CC10M3qQIgXBzjVQMwtXuZ156RMt87mc9lJ84zAaWEFuty6S4Aa5MUYe0JTMhY4IplEI6xMr1thXlwymZbrpCHAaZNhy7kBEC/TsSoLwQhsHzxet0hZM+HxjDRmQcRCqTbsI24gJmdZCRqxXS1Iy3IDim0tsJQKVMFWbmF5tOg+NLGMpxlpo1G2zsyIj4zSar2fRMmyM8E+uU5aiUzYIMRkT3n8LFSuEAKXPQUKigCrGoix+8i8wzkp01IaGQHDkbhYrXcABEZWBRdA9fqIW9WBeNhshBiEGBTAjPnIvKMKUVgRYqAziNbL6WMHhDAjqcLwfYwBLu+scB98LiKNGYBYKNVGJGEHYnKWlWAYJgfqxw6ho2RJiAGxML4XVF47iLJZgAAQ0D/9kN91eKt/5h02nAcAuP/+OhwAftqSP3Fv6lGXrF4MAAwoAAAB/leYEGEu6LdvLwcE49r19v0Jj0iP1QmpSn91g8x47V198MzjdesRqBl46ClYJUIFjrFqHOmxlq66VNZcCnh8rAQMTE8QtRXlY3U9MirY5u/9ZOp1opTaebzDaJ/9OIIeLoHEOyBUu1025EUfl2Cb1ztKM+pD2hq4kIufJoaayqEujvZ4H3UaKeURkhEhMC40w0n/CTfwqBx4JH3ZIlo5Cd3S3UJNhaz6bfpZOUAA9Oojhh6it44U0v54Fns0pMMHcJOTQXBsBsXPG4aA0hGDFsZlCKX622CEpcjnR9WyIog/xPG8IcFFtwyNPtqNWuh1aKVTR8tAbjFlai63eYJqj3aNZga1Wsnla9WiXq1q496Xameg1aJVGzlFAIHQqxGflShRHV1xL9pVSVCtRZNEIiLaKF4X7I2u8i1uVKtOu0aVWiVLoJQkXYaNNllvkwzjdOJ342ZLJpeFWF0bnRbN5KFskR/SeEqVUiRRSlVLqaoK2ygbWrapbqPQD6KNaQ3RKLQxoq40dp6VchWpbbXctCQa3EhgrN9/JYcBX0ade0ZfAwAAAA==)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-latin-ext-400-normal.64a98f58.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {

  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/inter-latin-400-normal.0364d368.woff2)format("woff2"), url(/_astro/inter-all-400-normal.f824029b.woff)format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-cyrillic-variable-wghtOnly-normal.262a1054.woff2)format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-cyrillic-ext-variable-wghtOnly-normal.848492d3.woff2)format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-greek-variable-wghtOnly-normal.89b4a3fe.woff2)format("woff2");
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-greek-ext-variable-wghtOnly-normal.fe977ddb.woff2)format("woff2");
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-latin-variable-wghtOnly-normal.450f3ba4.woff2)format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-latin-ext-variable-wghtOnly-normal.45606f83.woff2)format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/inter-vietnamese-variable-wghtOnly-normal.ac4e131c.woff2)format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

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

  .sm\:m-0 {
    margin: 0
  }

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

  .sm\:mb-0 {
    margin-bottom: 0
  }

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

  .sm\:flex {
    display: flex
  }

  .sm\:hidden {
    display: none
  }

  .sm\:w-auto {
    width: auto
  }

  .sm\:w-full {
    width: 100%
  }

  .sm\:max-w-md {
    max-width: 28rem
  }

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

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

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

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

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

  .sm\:flex-row {
    flex-direction: row
  }

  .sm\:flex-col {
    flex-direction: column
  }

  .sm\:items-start {
    align-items: flex-start
  }

  .sm\:items-center {
    align-items: center
  }

  .sm\:justify-center {
    justify-content: center
  }

  .sm\:gap-1 {
    gap: .25rem
  }

  .sm\:rounded-md {
    border-radius: .375rem
  }

  .sm\:bg-transparent {
    background-color: transparent
  }

  .sm\:p-0 {
    padding: 0
  }

  .sm\:p-2 {
    padding: .5rem
  }

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

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
  }

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

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

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

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

  .sm\:pl-14 {
    padding-left: 3.5rem
  }

  .sm\:pl-4 {
    padding-left: 1rem
  }

  .sm\:pl-5 {
    padding-left: 1.25rem
  }

  .sm\:pr-5 {
    padding-right: 1.25rem
  }

  .sm\:pt-16 {
    padding-top: 4rem
  }

  .sm\:text-left {
    text-align: left
  }

  .sm\:text-center {
    text-align: center
  }

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

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

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

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

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

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

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

  .sm\:leading-none {
    line-height: 1
  }

  .sm\:leading-snug {
    line-height: 1.375
  }
}

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

  .btn {
    padding-left: 2rem;
    padding-right: 2rem
  }

  #header.scroll {
    background-color: #00000080;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  }

  :is(.dark #header.scroll) {
    background-color: #0f172ae6
  }

  .md\:absolute {
    position: absolute
  }

  .md\:left-full {
    left: 100%
  }

  .md\:order-1 {
    order: 1
  }

  .md\:order-2 {
    order: 2
  }

  .md\:order-3 {
    order: 3
  }

  .md\:col-span-5 {
    grid-column: span 5/span 5
  }

  .md\:m-auto {
    margin: auto
  }

  .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
  }

  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
  }

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

  .md\:-mt-\[100px\] {
    margin-top: -100px
  }

  .md\:-mt-\[115px\] {
    margin-top: -115px
  }

  .md\:-mt-\[130px\] {
    margin-top: -130px
  }

  .md\:-mt-\[98px\] {
    margin-top: -98px
  }

  .md\:mb-0 {
    margin-bottom: 0
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem
  }

  .md\:mb-12 {
    margin-bottom: 3rem
  }

  .md\:mb-16 {
    margin-bottom: 4rem
  }

  .md\:mb-4 {
    margin-bottom: 1rem
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem
  }

  .md\:ml-0 {
    margin-left: 0
  }

  .md\:ml-2 {
    margin-left: .5rem
  }

  .md\:ml-4 {
    margin-left: 1rem
  }

  .md\:mt-0 {
    margin-top: 0
  }

  .md\:mt-20 {
    margin-top: 5rem
  }

  .md\:mt-3 {
    margin-top: .75rem
  }

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

  .md\:block {
    display: block
  }

  .md\:flex {
    display: flex
  }

  .md\:hidden {
    display: none
  }

  .md\:h-40 {
    height: 10rem
  }

  .md\:h-48 {
    height: 12rem
  }

  .md\:h-64 {
    height: 16rem
  }

  .md\:h-full {
    height: 100%
  }

  .md\:w-4\/5 {
    width: 80%
  }

  .md\:w-auto {
    width: auto
  }

  .md\:w-full {
    width: 100%
  }

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

  .md\:max-w-3xl {
    max-width: 48rem
  }

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

  .md\:max-w-full {
    max-width: 100%
  }

  .md\:max-w-none {
    max-width: none
  }

  .md\:max-w-sm {
    max-width: 24rem
  }

  .md\:basis-1\/2 {
    flex-basis: 50%
  }

  .md\:basis-2\/3 {
    flex-basis: 66.666667%
  }

  .md\:basis-5\/12 {
    flex-basis: 41.666667%
  }

  .md\:basis-7\/12 {
    flex-basis: 58.333333%
  }

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

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

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

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

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

  .md\:flex-row {
    flex-direction: row
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .md\:flex-col {
    flex-direction: column
  }

  .md\:flex-wrap {
    flex-wrap: wrap
  }

  .md\:items-end {
    align-items: flex-end
  }

  .md\:justify-center {
    justify-content: center
  }

  .md\:justify-between {
    justify-content: space-between
  }

  .md\:gap-0 {
    gap: 0
  }

  .md\:gap-16 {
    gap: 4rem
  }

  .md\:gap-2 {
    gap: .5rem
  }

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

  .md\:border-l {
    border-left-width: 1px
  }

  .md\:object-cover {
    -o-object-fit: cover;
    object-fit: cover
  }

  .md\:p-4 {
    padding: 1rem
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .md\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

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

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

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .md\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

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

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

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

  .md\:pb-16 {
    padding-bottom: 4rem
  }

  .md\:pb-20 {
    padding-bottom: 5rem
  }

  .md\:pb-4 {
    padding-bottom: 1rem
  }

  .md\:pb-5 {
    padding-bottom: 1.25rem
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem
  }

  .md\:pb-8 {
    padding-bottom: 2rem
  }

  .md\:pb-\[56\%\] {
    padding-bottom: 56%
  }

  .md\:pl-0 {
    padding-left: 0
  }

  .md\:pl-16 {
    padding-left: 4rem
  }

  .md\:pl-2 {
    padding-left: .5rem
  }

  .md\:pl-20 {
    padding-left: 5rem
  }

  .md\:pl-5 {
    padding-left: 1.25rem
  }

  .md\:pr-10 {
    padding-right: 2.5rem
  }

  .md\:pr-16 {
    padding-right: 4rem
  }

  .md\:pr-20 {
    padding-right: 5rem
  }

  .md\:pr-3 {
    padding-right: .75rem
  }

  .md\:pr-6 {
    padding-right: 1.5rem
  }

  .md\:pt-0 {
    padding-top: 0
  }

  .md\:pt-10 {
    padding-top: 2.5rem
  }

  .md\:pt-2 {
    padding-top: .5rem
  }

  .md\:pt-20 {
    padding-top: 5rem
  }

  .md\:pt-4 {
    padding-top: 1rem
  }

  .md\:pt-8 {
    padding-top: 2rem
  }

  .md\:pt-\[76px\] {
    padding-top: 76px
  }

  .md\:text-left {
    text-align: left
  }

  .md\:text-center {
    text-align: center
  }

  .md\:align-middle {
    vertical-align: middle
  }

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

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

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

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

  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .md\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  }

  .md\:last\:border-none:last-child {
    border-style: none
  }

  :is(.dark .dark\:md\:border-slate-500) {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139/var(--tw-border-opacity))
  }
}

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

  .lg\:prose-xl {
    font-size: 1.25rem;
    line-height: 1.8
  }

  .lg\:prose-xl :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em
  }

  .lg\:prose-xl :where([class~=lead]):not(:where([class~=not-prose] *)) {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em
  }

  .lg\:prose-xl :where(blockquote):not(:where([class~=not-prose] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.0666667em
  }

  .lg\:prose-xl :where(h1):not(:where([class~=not-prose] *)) {
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: .8571429em;
    line-height: 1
  }

  .lg\:prose-xl :where(h2):not(:where([class~=not-prose] *)) {
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: .8888889em;
    line-height: 1.1111111
  }

  .lg\:prose-xl :where(h3):not(:where([class~=not-prose] *)) {
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: .6666667em;
    line-height: 1.3333333
  }

  .lg\:prose-xl :where(h4):not(:where([class~=not-prose] *)) {
    margin-top: 1.8em;
    margin-bottom: .6em;
    line-height: 1.6
  }

  .lg\:prose-xl :where(figure):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(img):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
  }

  .lg\:prose-xl :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
  }

  .lg\:prose-xl :where(figcaption):not(:where([class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.5555556;
    margin-top: 1em
  }

  .lg\:prose-xl :where(code):not(:where([class~=not-prose] *)) {
    font-size: .9em
  }

  .lg\:prose-xl :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .8611111em
  }

  .lg\:prose-xl :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .9em
  }

  .lg\:prose-xl :where(pre):not(:where([class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .5rem;
    padding: 1.1111111em 1.3333333em
  }

  .lg\:prose-xl :where(ol):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(ul):not(:where([class~=not-prose] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-left: 1.6em
  }

  .lg\:prose-xl :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .6em;
    margin-bottom: .6em
  }

  .lg\:prose-xl :where(ol>li):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .4em
  }

  .lg\:prose-xl :where(.lg\:prose-xl>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .8em;
    margin-bottom: .8em
  }

  .lg\:prose-xl :where(.lg\:prose-xl>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.2em
  }

  .lg\:prose-xl :where(.lg\:prose-xl>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.2em
  }

  .lg\:prose-xl :where(.lg\:prose-xl>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.2em
  }

  .lg\:prose-xl :where(.lg\:prose-xl>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.2em
  }

  .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .8em;
    margin-bottom: .8em
  }

  .lg\:prose-xl :where(hr):not(:where([class~=not-prose] *)) {
    margin-top: 2.8em;
    margin-bottom: 2.8em
  }

  .lg\:prose-xl :where(h2+*):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(h3+*):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(h4+*):not(:where([class~=not-prose] *)),
  .lg\:prose-xl :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
  }

  .lg\:prose-xl :where(table):not(:where([class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.5555556
  }

  .lg\:prose-xl :where(thead th):not(:where([class~=not-prose] *)) {
    padding-right: .6666667em;
    padding-bottom: .8888889em;
    padding-left: .6666667em
  }

  .lg\:prose-xl :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
  }

  .lg\:prose-xl :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
  }

  .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .8888889em .6666667em
  }

  .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
  }

  .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
  }

  .lg\:prose-xl :where(.lg\:prose-xl>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
  }

  .lg\:prose-xl :where(.lg\:prose-xl>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
  }

  .lg\:col-span-2 {
    grid-column: span 2/span 2
  }

  .lg\:col-span-3 {
    grid-column: span 3/span 3
  }

  .lg\:col-span-4 {
    grid-column: span 4/span 4
  }

  .lg\:m-0 {
    margin: 0
  }

  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
  }

  .lg\:-mt-1 {
    margin-top: -.25rem
  }

  .lg\:mb-0 {
    margin-bottom: 0
  }

  .lg\:flex {
    display: flex
  }

  .lg\:hidden {
    display: none
  }

  .lg\:h-auto {
    height: auto
  }

  .lg\:h-screen {
    height: 100vh
  }

  .lg\:min-h-\[400px\] {
    min-height: 400px
  }

  .lg\:min-h-\[600px\] {
    min-height: 600px
  }

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

  .lg\:w-auto {
    width: auto
  }

  .lg\:max-w-2xl {
    max-width: 42rem
  }

  .lg\:max-w-3xl {
    max-width: 48rem
  }

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

  .lg\:max-w-5xl {
    max-width: 64rem
  }

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

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

  .lg\:max-w-full {
    max-width: 100%
  }

  .lg\:max-w-md {
    max-width: 28rem
  }

  .lg\:max-w-none {
    max-width: none
  }

  .lg\:max-w-xl {
    max-width: 36rem
  }

  .lg\:basis-1\/2 {
    flex-basis: 50%
  }

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

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

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

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

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

  .lg\:flex-row {
    flex-direction: row
  }

  .lg\:items-center {
    align-items: center
  }

  .lg\:justify-start {
    justify-content: flex-start
  }

  .lg\:justify-between {
    justify-content: space-between
  }

  .lg\:gap-10 {
    gap: 2.5rem
  }

  .lg\:gap-16 {
    gap: 4rem
  }

  .lg\:gap-8 {
    gap: 2rem
  }

  .lg\:self-center {
    align-self: center
  }

  .lg\:overflow-visible {
    overflow: visible
  }

  .lg\:bg-transparent {
    background-color: transparent
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem
  }

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

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .lg\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .lg\:py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
  }

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

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

  .lg\:pb-12 {
    padding-bottom: 3rem
  }

  .lg\:pb-\[53\%\] {
    padding-bottom: 53%
  }

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

  .lg\:pl-0 {
    padding-left: 0
  }

  .lg\:pr-28 {
    padding-right: 7rem
  }

  .lg\:pt-0 {
    padding-top: 0
  }

  .lg\:pt-12 {
    padding-top: 3rem
  }

  .lg\:pt-20 {
    padding-top: 5rem
  }

  .lg\:pt-28 {
    padding-top: 7rem
  }

  .lg\:pt-36 {
    padding-top: 9rem
  }

  .lg\:pt-4 {
    padding-top: 1rem
  }

  .lg\:pt-40 {
    padding-top: 10rem
  }

  .lg\:pt-48 {
    padding-top: 12rem
  }

  .lg\:pt-52 {
    padding-top: 13rem
  }

  .lg\:text-left {
    text-align: left
  }

  .lg\:text-center {
    text-align: center
  }

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

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

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

  .lg\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .lg\:tracking-tight {
    letter-spacing: -.025em
  }
}

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

  .xl\:mb-0 {
    margin-bottom: 0
  }

  .xl\:block {
    display: block
  }

  .xl\:flex {
    display: flex
  }

  .xl\:basis-1\/2 {
    flex-basis: 50%
  }

  .xl\:self-center {
    align-self: center
  }

  .xl\:bg-transparent {
    background-color: transparent
  }

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

  .xl\:pl-14 {
    padding-left: 3.5rem
  }

  .xl\:pl-24 {
    padding-left: 6rem
  }
}

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

  @media (min-width: 1024px) {
    .\32xl\:lg\:mt-0 {
      margin-top: 0
    }
  }

  .\32xl\:-mt-96 {
    margin-top: -24rem
  }

  .\32xl\:mb-20 {
    margin-bottom: 5rem
  }

  .\32xl\:mt-32 {
    margin-top: 8rem
  }

  .\32xl\:pr-24 {
    padding-right: 6rem
  }

  .\32xl\:text-\[20px\] {
    font-size: 20px
  }
}

@media (prefers-reduced-motion:no-preference) {
  .motion-safe\:scroll-smooth {
    scroll-behavior: smooth
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:max-w-7xl {
    max-width: 80rem
  }

  .max-lg\:max-w-full {
    max-width: 100%
  }
}

@media not all and (min-width: 768px) {
  .max-md\:max-w-7xl {
    max-width: 80rem
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:col-span-12 {
    grid-column: span 12/span 12
  }

  .max-sm\:mx-0 {
    margin-left: 0;
    margin-right: 0
  }

  .max-sm\:mb-0 {
    margin-bottom: 0
  }

  .max-sm\:mb-2 {
    margin-bottom: .5rem
  }

  .max-sm\:mb-4 {
    margin-bottom: 1rem
  }

  .max-sm\:mb-6 {
    margin-bottom: 1.5rem
  }

  .max-sm\:ml-0 {
    margin-left: 0
  }

  .max-sm\:ml-10 {
    margin-left: 2.5rem
  }

  .max-sm\:ml-5 {
    margin-left: 1.25rem
  }

  .max-sm\:mr-0 {
    margin-right: 0
  }

  .max-sm\:mt-0 {
    margin-top: 0
  }

  .max-sm\:mt-2 {
    margin-top: .5rem
  }

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

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

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

  .max-sm\:block {
    display: block
  }

  .max-sm\:flex {
    display: flex
  }

  .max-sm\:hidden {
    display: none
  }

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

  .max-sm\:min-h-\[350px\] {
    min-height: 350px
  }

  .max-sm\:min-h-\[700px\] {
    min-height: 700px
  }

  .max-sm\:min-h-\[800px\] {
    min-height: 800px
  }

  .max-sm\:w-full {
    width: 100%
  }

  .max-sm\:basis-full {
    flex-basis: 100%
  }

  .max-sm\:flex-col {
    flex-direction: column
  }

  .max-sm\:flex-wrap {
    flex-wrap: wrap
  }

  .max-sm\:flex-nowrap {
    flex-wrap: nowrap
  }

  .max-sm\:items-center {
    align-items: center
  }

  .max-sm\:justify-center {
    justify-content: center
  }

  .max-sm\:gap-0 {
    gap: 0
  }

  .max-sm\:border-none {
    border-style: none
  }

  .max-sm\:p-0 {
    padding: 0
  }

  .max-sm\:p-2 {
    padding: .5rem
  }

  .max-sm\:p-5 {
    padding: 1.25rem
  }

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

  .max-sm\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem
  }

  .max-sm\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .max-sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

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

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

  .max-sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .max-sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

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

  .max-sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .max-sm\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

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

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

  .max-sm\:pb-1 {
    padding-bottom: .25rem
  }

  .max-sm\:pb-2 {
    padding-bottom: .5rem
  }

  .max-sm\:pb-5 {
    padding-bottom: 1.25rem
  }

  .max-sm\:pl-0 {
    padding-left: 0
  }

  .max-sm\:pl-5 {
    padding-left: 1.25rem
  }

  .max-sm\:pr-0 {
    padding-right: 0
  }

  .max-sm\:pr-4 {
    padding-right: 1rem
  }

  .max-sm\:pt-0 {
    padding-top: 0
  }

  .max-sm\:pt-10 {
    padding-top: 2.5rem
  }

  .max-sm\:pt-2 {
    padding-top: .5rem
  }

  .max-sm\:pt-5 {
    padding-top: 1.25rem
  }

  .max-sm\:pt-6 {
    padding-top: 1.5rem
  }

  .max-sm\:pt-8 {
    padding-top: 2rem
  }

  .max-sm\:text-center {
    text-align: center
  }

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

  .max-sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .max-sm\:text-xs {
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (max-width: 1280px) {
  .ur-business-section .verticalSlider {
    margin-right: 0
  }

  .color-boxes .color-bg h3 {
    font-size: 38px
  }
}

@media screen and (max-height: 480px) {
  .home .h-screen {
    height: 720px;
    min-height: 600px;
    background-image: url(/assets/images/banner-video-img1.webp)
  }
}

@media screen and (max-width: 1800px) {
  .contact-us-country .lg\:max-w-7xl {
    padding: 0 4rem
  }

  .marketing-stages {
    padding: 40px 110px 58px
  }

  .provider-link {
    width: 0
  }

  .career-video-slider {
    height: 800px
  }

  #imageModal-second {
    max-width: 700px;
    width: 700px
  }

  .new-InfosoftPOS -banner-txt {
    right: 15%
  }

  .market-left {
    padding-left: 108px
  }

  .what-we-offer-mkt {
    padding: 120px 78px 210px
  }

  #ecosoft-partner-logo img {
    padding: 0 40px
  }

  .ecosoft-expertise .ecosoft-content-text {
    padding: 100px 50px 38px 0
  }
}

@media screen and (max-width: 1580px) {
  .consultancy-box2 {
    padding: 53px 250px 0 435px
  }

  .consultancy-box4 {
    padding: 280px 0 0 105px
  }

  .consultancy-box3 {
    padding: 85px 260px 0 445px
  }
}

@media screen and (max-width: 1600px) {
  .home .home-blog-latest.home-blog .blog-cont .blog-highlight {
    bottom: -11px
  }

  .business-cta3-box {
    padding: 0 59px 0 113px
  }

  .streamline-manu-div.streamline-manu-div-retail {
    margin: 0 80px
  }

  .blog-left {
    width: 840px
  }

  .guide-demo {
    height: 50px
  }

  .dms-choose {
    padding: 60px 80px
  }

  .dms-grid-img {
    height: 160px
  }

  .dms-grid {
    padding: 47px 191px 0
  }

  .markating-cta1 {
    padding: 45px 110px 42px
  }

  .marketing-stage-icon17 {
    margin-left: -7rem
  }

  .marketing-right {
    padding: 80px 0 0
  }

  .marketing-stage-icon16 {
    margin-left: -7.8rem
  }

  .marketing-stage-icon15 {
    margin-left: -9.2rem
  }

  .business-icon1 {
    width: 42px
  }

  .marketing-stage-bg {
    width: 60%
  }

  .choose-manu-img2 {
    position: absolute;
    width: 536px;
    top: initial;
    bottom: 0
  }

  .business-icon3 {
    left: 50%
  }

  .crm-cta3 {
    margin: 50px 108px 29px
  }

  .crm-cta2 {
    width: 577px
  }

  .imple-cta2-icon2 {
    bottom: 0;
    margin-left: 0;
    left: 47%
  }

  .imple-cta2-icon1 {
    width: 28px;
    margin: 2%0 0;
    left: 68%
  }

  .implement-why {
    width: 550px
  }

  .blog-new-whatsapp {
    margin: 120px 0 0 45px
  }

  .business-cta3 {
    padding: 41px 108px 31px
  }

  .business-cta2-icon2 {
    margin-left: -120px
  }

  .business-gap {
    gap: 0;
    justify-content: space-between;
    padding: 0 110px
  }

  .feature-pro-img2 {
    width: 300px;
    float: right
  }

  .feature-privide-text {
    width: 60%
  }

  .feature-provider-image2 {
    width: 40%
  }

  .feature-provider-div.feature-provider-div2 {
    padding: 0 48px
  }

  .leader-cont img {
    width: auto
  }

  .implementation-cta-icon2 {
    left: 108px
  }

  .implementation-cta-icon1 {
    width: 70px;
    right: 130px;
    margin-top: 30px
  }

  .implementation-cta1-img3 {
    right: 150px;
    width: 500px
  }

  .cta-business-box {
    margin: 68px 108px 43px
  }

  .crm-cta1-bg1 {
    left: 108px
  }

  .crm-cta1-bg2 {
    right: 108px
  }

  .business-cta-img1,
  .implementation-cta-img1 {
    width: 360px
  }

  .business-cta-icon1 {
    margin: -37px 175px 0 0
  }

  .business-cta-icon4 {
    right: 140px;
    margin-top: 80px
  }

  .business-form {
    width: 43%
  }

  .business-icon4 {
    right: 2.8%
  }

  .feature-pro-img {
    width: 560px
  }

  .new-manufacturing .nav-tabs .nav-link.manu-provide-btn {
    padding: 20px 20px 8px;
    height: 170px
  }

  .feature-provider1 {
    margin: 0 45px
  }

  .manu-provide-btn img {
    margin-bottom: 18px
  }

  .new-benefits-flex1 {
    width: 49%
  }

  .imp-process5 {
    bottom: -48%
  }

  .provider-link {
    width: initial
  }

  .manufacturing-hero {
    padding: 166px 78px 66px 87px
  }

  .manu-detail-form,
  .manufacturing-faq {
    padding: 60px 90px
  }

  .manufacturing-blogs .swiper-button-prev {
    margin-left: 25px
  }

  .manu-detail-flex {
    gap: 100px
  }

  .manufacturing-blogs .swiper-button-next {
    margin-right: 25px
  }

  .cta3-manufacturing {
    padding: 50px 83px
  }

  .cta2-manufacturing {
    padding: 0 108px 60px
  }

  .cta2-manu-div {
    margin: 0
  }

  .choose-manu-img {
    width: 630px;
    position: absolute
  }

  .successfull-manu {
    padding: 60px 58px
  }

  .manu-modes-grid {
    margin: 0 145px
  }

  .manu-hero-icon3 {
    right: 0;
    margin: 50px 75px 0 0
  }

  .trusted-img {
    padding: 47px 228px 0
  }

  .new-benefits-padding {
    padding: 0 108px
  }

  .cta-manu-box {
    margin: 68px 108px 42px;
    padding: 0 0 60px 60px
  }

  .manu-cta-new.manu-cta-new {
    right: 108px;
    width: 550px
  }

  .feature-provider {
    padding: 30px 108px 60px
  }

  .provider-left {
    gap: 16px
  }

  .provider-left .nav-link h4 {
    font-size: 22px;
    line-height: 30px
  }

  .provider-img2 {
    width: 710px;
    margin-top: 4%;
    right: 6%
  }

  .provider-icon-div {
    padding: 16px 40px 16px 22px
  }

  .provider-img {
    width: 650px
  }

  .cta-manufacturing h2 {
    padding: 60px 0 0
  }

  .Webinar-Page #header,
  .new-manufacturing #header {
    padding: 0 88px
  }

  .manufacturing-hero-img {
    width: 180px
  }

  .manu-hero-icon9 {
    margin: 160px 0 0 145px
  }

  .banner-home h1.main-heading2 {
    font-size: 102.667px;
    line-height: 128.333px;
    letter-spacing: -2.567px
  }

  .video-testimonial h2 {
    font-size: 48px;
    line-height: 60px
  }

  .video-testimonial {
    padding: 100px 80px
  }

  .video-testimonial h2 span {
    font-size: 90px;
    line-height: 102px
  }

  .video-testimonial a img {
    width: 220px
  }

  .home-prod {
    padding: 92px 108px
  }

  .banner-home h3 {
    font-size: 54px
  }

  .main-content-homepage2 {
    font-size: 32px;
    line-height: 36px
  }

  .home-box-gradient p {
    font-size: 22px;
    line-height: 34px
  }

  .home-left-banner {
    padding-top: 175px
  }

  .blog-form,
  .blog-left-para,
  .blog-right {
    width: 350px
  }

  .blog-main-div {
    padding: 0 55px 100px
  }

  .hrms-software-page .left-box-manu {
    padding: 0 3rem
  }

  .banner-home video,
  .banner-text,
  .video-image {
    height: 782px
  }

  .logo-size {
    width: 190px
  }

  .hrms-partners {
    padding: 100px 80px
  }

  .hrms-gap16,
  .hrms-gap28 {
    gap: 0
  }

  .hrms-software-page .right-box-manu img {
    width: 632px
  }

  .dubai-software-page .detail-form {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .hrms-software-page .manufacturing-features-section-list {
    padding: 0 3.5rem
  }

  .pacific-features2 {
    width: 100%
  }

  .new-author-date {
    font-size: 12px
  }

  #mt-33px,
  #mt-34px,
  #mt-35px {
    margin-top: 33.6px
  }

  img.cart-retail {
    right: 70px
  }

  .easy-graphic {
    width: 80%;
    display: flex;
    margin: auto
  }

  .Manufacturing-Experts h2 {
    font-size: 38px;
    line-height: 60px
  }

  .healthcare-Webinar-Page .youtube-video-news {
    margin-bottom: 0
  }

  .careerpage footer p br,
  .desc-steps br,
  .new-InfosoftPOS -page .accordion-body p br {
    display: none
  }

  .box,
  .career-jd p,
  ul.dubai-list {
    font-size: 18px
  }

  .Retail-Page .manufacturing-trusted img {
    width: 55%
  }

  .Education-Landing-banner .inner-banner-landing,
  .LMS-Landing-banner .inner-banner-landing {
    gap: 60px
  }

  .LMS-Landing-banner ul.dubai-list {
    padding-right: 50px
  }

  ul.dubai-list {
    line-height: 34px;
    padding: 28px 0
  }

  .jd-left-img {
    margin-top: 70px;
    width: auto
  }

  .jd-left-img-small {
    margin-top: 70px;
    width: 62%
  }

  .jd-form {
    padding: 100px 88px 100px 50px;
    gap: 120px
  }

  .jd-left-text h2 {
    padding-left: 38px
  }

  .career-jd p {
    line-height: 30px
  }

  .career-jd {
    padding: 80px 98px 0 88px
  }

  .ecosoftform {
    margin-left: 80px
  }

  .webinar-list-ul li {
    font-size: 16px
  }

  .single-news h3 {
    font-size: 18px;
    line-height: 28px
  }

  .crm-landing-page .Retail-Detailform h2.font-extrabold {
    padding-right: 80px
  }

  .dubai-software-page.crm-landing-page .Manufacturing-Experts {
    padding: 100px 0
  }

  .expertise-box-center {
    padding: 0 168px 0 70px
  }

  .registration-closed {
    width: 70%
  }

  .saahas-webinar-banner {
    gap: 80px;
    padding: 20px 108px 100px
  }

  .saahas-webinar-left h1 {
    font-size: 44px;
    line-height: 66px
  }

  .saahas-webinar-right h3 {
    font-size: 38px;
    line-height: normal
  }

  .saahas-webinar-right ul li {
    font-size: 16px;
    line-height: 28px
  }

  .saahas-webinar-left h4,
  .saahas-webinar-left p {
    font-size: 18px;
    line-height: 32px
  }

  .dubai-software-page .left-box-manu p {
    width: 450px
  }

  .dubai-software-page .Manufacturing-integrate-landing p.health-diff-cntnt {
    font-size: 17px;
    line-height: 27px
  }

  .dubai-software-page .Manufacturing-Experts {
    padding: 110px 0
  }

  .dubai-software-page p.health-diff-head {
    font-size: 20px;
    line-height: 26px
  }

  div#padding-left30 {
    padding-left: 110px
  }

  .para-erp-software div#padding-left30 {
    padding-left: 80px
  }

  .dubai-software-page .Landing-choose-grid {
    -moz-column-gap: 50px;
    column-gap: 50px
  }

  .Whatsapp_icon_landing img {
    height: 50px
  }

  .case-blog-list .blog-div a,
  .detail-form-landing p,
  .swiperTest h5 {
    font-size: 16px
  }

  .lms-industry-section {
    padding: 100px 108px
  }

  .career-video-slider {
    height: 765px
  }

  .LMS-grid-section {
    padding-left: 1rem
  }

  #padding-left10 {
    padding-left: 2rem
  }

  #padding-left11 {
    padding-left: 4rem
  }

  .new-lms-cs h2 {
    font-size: 22px
  }

  .best-educator-right {
    padding-right: 50px
  }

  .erp-healthcare-cs .youtube-video-news {
    padding-bottom: 54.02%
  }

  .manufacturing-benifits .banner-inner .gap-x-4 {
    margin: auto !important;
    -moz-column-gap: 3rem;
    column-gap: 3rem
  }

  .manufacturing-benifits .banner-inner {
    display: flex;
    flex-direction: column;
    margin: auto
  }

  .education-right-img img {
    width: 680px
  }

  .saahas-blog-stages {
    width: 80%;
    padding: 50px 0
  }

  .saahas-blog4-benifits,
  .saahas-blog4-challenges,
  .saahas-blog4-features {
    width: 77%;
    padding: 50px 0
  }

  .feature3-img {
    width: auto
  }

  .new-education-banner {
    height: 751px;
    background-position: 0 0;
    padding: 240px 0 106px 98px
  }

  .New-Education-Page .blog-img img {
    border: .5px solid #bbb
  }

  .new-lms-cs,
  .new-lms-cta {
    padding: 0 88px
  }

  .Registration-Page #header,
  .webinar-stats {
    padding-left: 88px;
    padding-right: 88px
  }

  .registration-banner {
    padding: 177px 104px 60px
  }

  .past-gap10 {
    gap: 60px;
    padding: 76px 135px 0
  }

  .registration-banner .right-image img {
    width: 511px
  }

  .registration-detail-form {
    width: 501px
  }

  .about-us .md\:basis-7\/12.justify-center.max-sm\:text-center.max-sm\:pb-5 {
    padding-left: 3rem !important
  }

  .thanks-page #header {
    padding: 0 80px
  }

  .manufacturing-erp-software .logoSlider img {
    height: 100px
  }

  .career-Bootcamp {
    padding: 100px 108px 76px
  }

  .career-Bootcamp p {
    font-size: 18px;
    line-height: 28px
  }

  .Retail-casestudy {
    padding: 80px 20px 80px 80px
  }

  .retailcase-img-right {
    margin-top: -10.5rem
  }

  .ERP-education1 .banner-inner {
    padding-top: 5rem
  }

  .Retail-Page .standards-section2 {
    padding: 0 108px 70px
  }

  .Retail-Page .education-image.mt-20 {
    margin-top: 2.5rem
  }

  .LMS-casestudy p {
    padding-right: 0
  }

  .LMS-csText {
    padding-left: 3rem
  }

  .LMS-Page #header,
  .Retail-Page #header,
  .hrms-page #header,
  .manufacturing-erp-software #header {
    padding: 0 82px
  }

  .inner-banner-landing {
    gap: 60px;
    padding: 0 105px !important
  }

  .detail-form-landing {
    width: 100%
  }

  .CRM-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Education-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .ErpSoftware-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .LMS-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Manufacturing-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .POS-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Pharma-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Retail-Landing-banner .Manufacturing-Landing-text.w-1\/2 {
    width: 60%
  }

  .CRM-Landing-banner .w-1\/2,
  .Education-Landing-banner .w-1\/2,
  .ErpSoftware-Landing-banner .w-1\/2,
  .LMS-Landing-banner .w-1\/2,
  .Manufacturing-Landing-banner .w-1\/2,
  .POS-Landing-banner .w-1\/2,
  .Pharma-Landing-banner .w-1\/2,
  .Retail-Landing-banner .w-1\/2 {
    width: 40%
  }

  .LMS-casestudy p,
  .Manufacturing-integrate-landing p.health-diff-cntnt {
    font-size: 16px;
    line-height: 24px
  }

  .ErpSoftware-Landing-banner,
  .Manufacturing-Landing-banner,
  .POS-Landing-banner,
  .Pharma-Landing-banner {
    padding: 150px 0 100px;
    background-position: center
  }

  .CRM-Landing-banner,
  .Education-Landing-banner,
  .LMS-Landing-banner {
    padding: 150px 0 100px;
    background-position: 0 0 !important
  }

  .CRM-Landing-banner {
    padding: 150px 0 70px
  }

  .Retail-Landing-banner {
    padding: 150px 0 100px;
    background-position: 0
  }

  .detail-form-landing p {
    padding-bottom: 40px
  }

  .Landing-choose-grid {
    -moz-column-gap: 106px;
    column-gap: 106px
  }

  .Manufacturing-integrate-landing,
  .best-manufacturing,
  .manufacturing-landing-industries {
    padding: 100px 70px
  }

  .manufacturing-erp-software .health-diff {
    margin: 0;
    height: auto;
    padding: 30px
  }

  .left-section-education1 {
    padding-left: 5rem
  }

  .ERP-education1 {
    height: 735px
  }

  .Education5home {
    padding: 100px 78px
  }

  .education-image.mt-20 {
    margin-top: 3rem
  }

  .education-img-right {
    width: 90%
  }

  .ryk-challenges {
    width: 85%
  }

  .erp-healthcare-cs .client-section2.client-section3.client-section3 img {
    width: 136px
  }

  .ryk-cs-updated .case-detail-img img,
  .swiper-slide img.Device1,
  .swiper-slide img.Device1.Device2,
  .swiper-slide img.Device3,
  .swiper-slide img.Device4 {
    height: auto
  }

  .saahas-blog3-benifits {
    width: 80%
  }

  .swiperTest h4 {
    font-size: 20px
  }

  .new-InfosoftPOS -page .testimonials-cont p {
    font-size: 18px;
    line-height: 34px
  }

  .case-study-imp {
    height: 892px
  }

  .InfosoftPOS -faq,
  .InfosoftPOS -industries,
  .how-pos-works,
  .point-of-sale,
  .pos-features {
    padding-left: 108px;
    padding-right: 108px
  }

  .how-pos-works2 .h2-div {
    right: 90px;
    margin-top: 68px
  }

  .pos-work-box p {
    padding-right: 50px
  }

  .new-InfosoftPOS -page .detail-form-bg {
    padding-left: 88px;
    padding-right: 88px
  }

  .InfosoftPOS -types-grid {
    padding: 100px 0 54px 200px
  }

  .About-us-form {
    padding-left: 80px
  }

  .new-InfosoftPOS -banner img {
    margin-top: -30px
  }

  .new-InfosoftPOS -banner-txt {
    position: absolute;
    right: 13%;
    top: 42%
  }

  .new-InfosoftPOS -page .-mt-\[95px\] {
    margin-top: -94px
  }

  .notibell-feature-pink img {
    width: auto
  }

  .nav-links {
    font-weight: 400;
    padding-right: 14px;
    padding-left: 14px
  }

  .notibell-content-right {
    padding-top: 50px
  }

  .blog-casestudy .py-36,
  .notibell-feature-pink.notibell-feature-pink-light img {
    padding-bottom: 20px
  }

  .desc-steps {
    padding-right: 2rem
  }

  #Merchant-Panel .mx-auto.max-w-7xl.flex {
    padding-left: 0;
    margin-left: 6rem !important
  }

  .market-line {
    margin: -14rem auto auto;
    height: 250%
  }

  .cntctUsLeft li p .br-span br,
  .s-case-hide {
    display: block
  }

  .food-solutions section.faq-section.max-sm\:p-5 {
    padding-bottom: 100px
  }

  .text-contact-vertical {
    font-size: 46px
  }

  #calysto-partner-logo img,
  #ecosoft-partner-logo img {
    padding: 0 30px
  }

  .swiper-button-next-country,
  .swiper-button-prev-country {
    margin-right: -15px;
    margin-left: -15px
  }

  .contact-us .contact-us-country .lg\:max-w-7xl,
  .contact-us-country .lg\:max-w-7xl {
    padding: 0 4rem
  }

  .ecosoft-page footer {
    padding: 0 70px
  }

  .ecosoft-logo {
    height: 105px
  }

  .calysto-logo {
    height: 68px
  }

  .contact-us-social {
    height: 680px
  }

  .right-social-contact {
    padding-top: 340px
  }

  .video-testimonial .mt-4 {
    margin-top: 1rem !important
  }

  .flex-remove1 {
    display: none
  }

  .video-testimonial .lg\:grid-cols-6 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-left: 200px
  }

  .video-testimonial .pr-16 {
    padding-right: 2rem
  }

  .about-banner-section {
    align-items: flex-end;
    padding: 0 50px 80px
  }

  .career-gallery2 .next-career,
  .career-gallery2 .prev-career {
    margin-top: -13rem
  }

  .home footer,
  .new-manufacturing footer {
    padding: 0 78px
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -17rem
  }

  .home #header {
    padding: 0 88px 0 93px
  }

  .home-industry-section {
    padding: 100px 108px
  }

  .home .blog-cont .blog-highlight,
  .blog-cont .blog-highlight {
    margin-top: 212px
  }

  .home .blog-cont .blog-title {
    margin-top: 10px !important
  }

  .home .home-blog .next-home-blog,
  .home .home-blog .prev-home-blog {
    margin-top: 18.5rem
  }

  .erp-healthcare-cs .home .blog-grid .healthcare,
  .feature-wrap-home,
  .feature-wrap3,
  .home .blog-grid .healthcare,
  .home-gallery-head {
    padding: 0 108px
  }

  .home .detail-form-bg {
    padding: 100px 88px
  }

  .blog-grid .blog-cont .blog-text {
    font-size: 16px;
    line-height: 22px
  }

  .home .blog-casestudy {
    margin-left: 0 !important
  }

  .blog-img img {
    width: 100%;
    height: 275px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .food-industry,
  .retail-industry {
    height: 426px
  }

  .education-industry,
  .healthcare-industry,
  .it-industry,
  .liqure-industry,
  .lms-industry,
  .manufacturing-industry,
  .pharma-industry {
    height: 205px
  }

  .frappe-partner {
    width: 364px
  }

  .hubspot-partner {
    width: 408px
  }

  .home-banner2 {
    padding: 0 108px
  }

  .hubspot-page #header,
  #header,
  .new-InfosoftPOS -page #header {
    padding: 0 83px 0 93px
  }

  .hubspot-drive,
  section.relative.hubspot-banner {
    padding-left: 88px;
    padding-right: 88px
  }

  .hubspot-sizzling-gap {
    gap: 150px;
    padding: 0 108px !important
  }

  .diadem-integration {
    padding-left: 108px;
    padding-right: 108px
  }

  .hubspot-page .detail-form-bg .p-10 {
    padding-top: 0;
    padding-right: 150px
  }

  .hspt-slider2 {
    height: 520px
  }

  .diadem-approach {
    padding-left: 56px;
    padding-right: 56px
  }

  .diadem-certified {
    padding: 0 36px 100px 112px
  }

  .market {
    padding-left: 100px
  }

  .we-offer-section {
    padding: 0 78px !important
  }

  .steps-section {
    padding: 0 100px
  }

  .scroll-boxdiv {
    padding: 0 80px
  }

  .careerpage footer,
  footer,
  .news-detail-page footer {
    padding: 0 70px
  }

  .case-cont .grid-pagination {
    top: -90px
  }

  .swiperTest p {
    line-height: 28px;
    opacity: .8
  }

  .swiperTest p {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -.6px;
    color: #4d4c4f !important
  }

  .blog-casestudy .py-36 {
    padding-bottom: 1rem
  }

  .blog-casestudy {
    margin-left: 78px !important
  }

  .careerpage .career-banner-text h2,
  .careerpage .career-content h2 {
    font-size: 52px;
    line-height: 64px
  }

  .careerpage .career-banner-text p {
    font-size: 20px;
    line-height: 32px
  }

  .career-hr .career-left h2 {
    font-size: 32px
  }

  .hr-img {
    width: 255px
  }

  .career-hr {
    padding: 100px 108px
  }

  .career-banner {
    padding: 0 108px 80px
  }

  .careerpage .career-content {
    padding: 0 88px
  }

  .career-opening {
    padding: 100px 88px
  }

  .career-nb {
    padding-left: 108px
  }

  .career-hr .career-left p {
    font-size: 18px;
    line-height: 32px
  }

  .career-opening-main p,
  .swiperTest p {
    font-size: 18px
  }

  .opening-box-para {
    font-size: 13px;
    line-height: 22px
  }

  .notibell-banner-left {
    padding-left: 55px
  }

  .Frappe-conference {
    width: 550px
  }

  .lets-together ul li p,
  .seva-feature-box h4 {
    font-size: 22px
  }

  .sewa-banner1 {
    background: url(/assets/images/sewa-banner1.webp)no-repeat center;
    background-size: 100% 100% !important;
    height: 760px
  }

  .sewa-banner2 {
    background: url(/assets/images/sewa-banner2.webp)no-repeat center
  }

  .sewa-banner2,
  .sewa-banner3,
  .sewa-banner4 {
    background-size: 100% 100% !important;
    height: 760px
  }

  .sewa-banner3 {
    background: url(/assets/images/sewa-banner3.webp)no-repeat center
  }

  .sewa-banner4 {
    background: url(/assets/images/sewa-banner4.webp)no-repeat center
  }

  .sewa-banner5 {
    background: url(/assets/images/sewa-banner5.webp)no-repeat center;
    background-size: 100% 100%;
    height: 760px
  }

  .sewa-banner h1 {
    padding-top: 80px;
    font-size: 64px;
    line-height: 72px
  }

  .seva-feature p,
  .slide-text p {
    font-size: 16px;
    line-height: 26px
  }

  .sews-content-img {
    width: 530px;
    height: 466px;
    display: flex;
    margin: auto
  }

  .seva-feature-box img {
    height: 60px;
    width: auto
  }

  .test-seva1 {
    width: 624px
  }

  .slide-text p {
    line-height: 28px
  }

  .seva-testimonial .px-28 {
    padding-left: 3rem
  }

  .sewa-slider h2 {
    padding-left: 6rem
  }

  .digital-seva-form {
    padding-left: 35px;
    padding-right: 35px
  }

  .seva-form {
    padding-top: 27px;
    padding-left: 100px
  }

  .seva-feature {
    padding-left: 60px;
    padding-right: 60px
  }

  .stepping-section-seva img {
    float: left;
    width: 360px;
    height: 300px
  }

  .sewa-banner-left,
  .sewa-content {
    padding-left: 55px
  }

  .sewa-content {
    padding-right: 55px
  }

  .sewa-content p {
    color: #86849b;
    font-size: 18px;
    line-height: 30px
  }

  .sewa-content h2 {
    padding-top: 60px
  }

  .digital-sewa-page #header,
  .notibell-page #header {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .notibell-banner {
    background-position: 0 0;
    padding-bottom: 0
  }

  .notibell-content {
    padding: 120px 55px
  }

  .notibell-feature,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8 {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .notibell-right img {
    height: 500px;
    width: 440px
  }

  .notibell-benifits-img {
    width: 580px;
    height: auto
  }

  .notibell-content p {
    font-size: 18px;
    line-height: 28px;
    padding-right: 160px
  }

  .notibell-feature-text p {
    font-size: 18px;
    line-height: 26px
  }

  .notibell-feature-pink.notibell-feature-pink-light {
    padding-bottom: 40px
  }

  .footer-address p br,
  .partner-txt p br,
  .s-case-hide {
    display: none
  }

  .home .stat-count {
    width: auto;
    padding-left: 93px
  }

  .notibell-form {
    padding-bottom: 0
  }

  .notibell-how-it-banner,
  .notibell-step-section {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  .notibell-form img {
    width: 712px;
    height: 684px
  }

  .sewa-banner p {
    font-size: 16px;
    line-height: 24px
  }

  .relative.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mx-auto.gap-6.flex.grid-cols-2.contact-us-main.contact-block,
  section.scroll-mt-16.leader-section {
    padding: 0 78px
  }

  .about-team {
    gap: 1rem
  }

  .about-section {
    padding: 20px 40px 0
  }

  .gmap_canvas,
  .mapouter {
    width: 100%;
    height: 300px;
    border-radius: 10px
  }

  .mapouter {
    position: relative;
    text-align: right
  }

  .gmap_canvas {
    overflow: hidden;
    background: 0 0 !important
  }

  .gmap_iframe {
    height: 300px !important;
    border-radius: 10px
  }

  .cntctUsLeft {
    width: 550px;
    height: auto
  }

  .next-prev-career {
    margin-top: 90px
  }

  .career-content,
  .career-fourth .career-fourth-text,
  .career-second,
  .ERP Fast Track -software section.relative.banner-form.max-sm\:py-5 {
    padding-left: 3rem;
    padding-right: 3rem
  }

  .career-third {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .contact-us-country,
  section.hb-form {
    padding-left: 30px;
    padding-right: 30px
  }

  .career-third .box-card img {
    width: 175px;
    height: 229px
  }

  .casebox-update-bg p {
    padding-right: 30px
  }

  .contactUsUpdated {
    margin-right: 30px
  }

  .button-free-black,
  .button-free-white {
    font-size: 12px
  }

  section.hb-form {
    padding-right: 80px
  }

  .contact-padding {
    padding-top: 20px
  }

  .contact-us #header {
    padding-left: 83px;
    padding-right: 83px
  }

  .contact-us-third {
    padding-left: 108px;
    padding-right: 108px
  }

  body {
    overflow-x: hidden !important
  }

  .expand-btn {
    margin-top: 16rem
  }

  .slide2 .casebox-update-bg h4,
  .slide3 .casebox-update-bg h4 {
    padding-top: 90px
  }

  .slide1 .casebox-update-bg h4 {
    padding-top: 160px
  }

  .arrow-img1 {
    margin-top: -585px
  }

  .feature3-section {
    padding: 155px 108px 100px
  }

  .home .blue-shade-text {
    padding-left: 108px;
    padding-right: 1rem
  }

  .pos-contact-bg {
    background-position: 86px 22px
  }

  .arrow-img img.w-fit {
    width: 90vw;
    margin-top: 140px;
    height: 860px
  }

  .arrow-bg {
    padding-bottom: 0;
    background-position: 0-330px;
    margin-bottom: 0
  }

  .customer-intrection {
    padding-left: 1rem
  }

  .food-solutions .py-36 {
    padding-top: 4rem
  }

  .food-solutions .blue-shade-text {
    padding: 1rem 0 0 1rem
  }

  .swiper-button-prev-food {
    left: 20px !important
  }

  .swiper-button-next-food {
    right: 20px !important
  }

  .business-interface {
    height: auto;
    padding-bottom: 100px
  }

  .food-ball-img {
    margin-top: -220px
  }

  .food-swipe1 {
    margin: -252px 0 0 600px;
    height: 510px
  }

  .food-banner {
    padding: 0 0 0 1rem;
    height: auto
  }

  .partner-txt p {
    letter-spacing: 0
  }

  .arrow-img {
    width: 100%;
    margin-top: -650px;
    margin-bottom: -330px
  }

  .LMScase-img-right {
    height: 26rem;
    -o-object-fit: contain;
    object-fit: contain
  }

  .Education-features .right-feature {
    padding-left: 16rem
  }

  .Homepage #header,
  .blog-list-latest #header,
  .careerpage #header,
  .ecosoft-page #header,
  .erp-healthcare-cs #header,
  .news-detail-page #header {
    padding: 0 70px
  }

  .case-detail-banner {
    padding: 77px 88px 66px
  }

  .main-case-content {
    padding: 0 108px 80px
  }

  .career-form h3 {
    padding: 32px 32px 16px
  }

  #carrerform {
    padding-bottom: 16px;
    padding-top: 16px
  }

  .calysto-banner,
  .ecosoft-banner,
  .petalm-banner,
  .rrl-page .rrl-banner,
  .sil-banner,
  .xurpas-page .innometa-banner,
  .xurpas-page .xurpas-banner {
    padding: 60px 88px
  }

  .ecosoft-expertise {
    padding: 0 0 70px 108px
  }

  .ecosoft-content-text {
    padding: 70px 108px
  }

  .expertise-box {
    background-size: 100% 100%
  }

  .news-listing-page .pl-4 {
    padding: 0 108px
  }

  .home .home-blog-latest.home-blog .next-home-blog,
  .home .home-blog-latest.home-blog .prev-home-blog {
    margin-top: 8rem
  }

  .fixed-section-class {
    position: sticky;
    top: 111px
  }

  .hrms-landing-form {
    width: 502px
  }

  .hrms-banner-gap {
    gap: 0
  }

  .hrms-landing-banner {
    padding: 100px 88px
  }

  .saahas-blog3-challenges {
    width: 77%
  }

  .notibell-banner .testimonial-pagination {
    bottom: 30px !important
  }

  .mktplace-banner {
    height: 665px
  }

  .mktplace-banner h1 {
    padding-top: 95px
  }

  .contact-us-banner {
    padding: 306px 0 40px 150px;
    height: auto
  }

  .contact-us .m-auto.py-20.pt-28.max-w-7xl {
    padding-top: 3rem
  }

  .about-content p,
  .together-about p {
    font-size: 18px;
    line-height: 28px
  }

  .about-stats-visible {
    display: flex;
    justify-content: space-around;
    gap: 0;
    padding: 70px 0
  }

  .about-content h2 {
    font-size: 54px;
    line-height: 62px
  }

  .About-us-form .form-section-title {
    font-size: 47px;
    line-height: 56px
  }

  .about-stats-visible .font-heading {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -.8px
  }

  .provider-link {
    margin-left: 19.4%
  }

  .imp-process6 {
    width: 17%;
    left: 31%
  }

  .healthcare-benefits {
    background: #f8f6fa;
    padding: 100px 88px
  }

  .left-box-manu p {
    font-size: 16px;
    line-height: 26px
  }

  .manufacturing-erp-software .left-box-manu p {
    line-height: 26px
  }

  .manufacturing-benifits {
    padding: 100px 88px
  }

  .manufacturing-benifits .pl-8 {
    padding-left: 0;
    padding-right: 0
  }

  .manuwhome {
    padding: 100px 78px
  }

  .manu-support-section {
    padding: 30px 88px 100px
  }

  .manu-casestudy {
    padding: 80px 88px;
    background-position: 0-136px
  }

  .manu-casestudy-image img {
    width: 23%;
    position: absolute;
    margin-left: 92px;
    margin-top: -50px
  }

  .manufacturing-testimonial p {
    font-size: 20px;
    line-height: 32px
  }

  .manu-casestudy.health-casestudy p,
  .manu-support-box p {
    font-size: 16px;
    line-height: 24px
  }

  .ERP Fast Track -healthcareNew .standards-section2 {
    padding: 86px 96px
  }

  .health-accordionResp {
    padding: 0 108px
  }

  .cs-health-padding {
    padding-left: 5rem
  }

  .health-form-bottom {
    padding: 96px 108px 88px
  }

  .Retail-Detailform {
    padding: 100px 88px
  }

  .manufacturing-image img {
    width: 96% !important
  }

  .manufacturing-image.mt-20 {
    margin-top: 4rem
  }

  .manu-support-box h4,
  p.health-diff-head {
    font-size: 18px
  }

  .manufacturing-features-section-list {
    padding: 0 7.5rem
  }

  .health-modules {
    padding: 100px 88px
  }

  p.health-benefitCntnt {
    line-height: 24px;
    font-size: 16px
  }

  .right-box-manu img {
    width: 550px
  }

  p.health-benefitHead {
    font-size: 18px
  }

  .partnership-box {
    height: 80px
  }

  .Partnership #header,
  .ERP Fast Track -healthcareNew #header,
  .ERP Fast Track -manufacturing-page #header {
    padding: 0 83px
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    margin-left: 0;
    padding-left: 6rem;
    padding-top: 150px
  }

  .Partnership .detail-form {
    border-radius: 0;
    padding: 112px 0
  }

  .partnership-content {
    padding-left: 60px;
    padding-right: 60px
  }

  .partnership-main-section {
    padding-left: 0;
    padding-right: 0
  }

  .content-gap p,
  .partnership-text.manufacturing-text p {
    font-size: 20px
  }

  .erp-tenteo-cs-img {
    width: 956px;
    height: 338px
  }

  .partner-left-text p {
    font-size: 18px
  }

  .contact-us h1,
  .partner-left-text h1 {
    font-size: 48px
  }

  .erp-tenteo-cs-img2 {
    width: 956px;
    height: 288px
  }

  .tenteo-challenges {
    width: 956px;
    height: 782px
  }

  img.erp-tanteo-features.margin-auto {
    width: 956px;
    height: 672px
  }

  .manufacturing-banner .banner-inner {
    margin-left: 108px
  }

  .case-study-banner {
    width: 956px;
    height: 627px
  }

  .healthcare-banner.manufacturing-banner,
  .manufacturing-banner {
    height: 750px
  }

  .manufacturing-trusted .banner-inner {
    padding: 0 120px
  }

  .New-Education-Page .manufacturing-trusted .banner-inner {
    padding: 0 98px
  }

  .manufacturing-stepping p {
    font-size: 18px;
    line-height: 30px
  }

  .partnership-content h2 {
    font-size: 32px;
    line-height: 46px
  }

  .Partnership .partner-left-text h1,
  .partnership-testimonials h2 {
    font-size: 43px;
    line-height: 54px
  }

  .Partnership .contact-us-country h2,
  .contact-us-third h2,
  .hb-form-div-contact h2 {
    font-size: 50px;
    line-height: 60px
  }
}

@media screen and (max-width: 1535px) {
  .home .blue-shade-text {
    padding-left: 0
  }

  .streamline-manu-div.streamline-manu-div-retail {
    margin: 0
  }

  .home .home-blog-latest.home-blog .blog-cont .blog-highlight {
    bottom: -11px
  }

  .home .home-blog-latest.home-blog .next-home-blog,
  .home .home-blog-latest.home-blog .prev-home-blog {
    margin-top: 9rem
  }

  .new-retail-hero .business-box {
    width: 192px
  }

  .new-retail-hero .business-box-img:after {
    width: 168px
  }

  .dms-choose-grid {
    padding: 60px 0 0
  }

  .dms-choose {
    padding: 60px 0
  }

  .dms-grid {
    padding: 47px 63px 0
  }

  .dms-grid-img {
    height: 150px
  }

  .markating-cta1-btn,
  .markating-cta1-div h2,
  .markating-cta1-div h3 {
    padding-left: 77px
  }

  .markating-cta1 {
    padding: 45px 0 42px
  }

  .marketing-stages {
    padding: 40px 0 58px
  }

  .marketing-stage-icon15 {
    margin-left: -10.6rem
  }

  .marketing-stage-icon16 {
    margin-left: -9.1rem
  }

  .marketing-stage-icon17 {
    margin-left: -8rem
  }

  #mt-35px {
    margin-top: 0
  }

  .digital-hero5 {
    margin: -3rem 0 0 20rem;
    width: 95px
  }

  .implementation-cta-icon1 {
    right: 26px
  }

  .implementation-cta1-img3 {
    right: 100px;
    width: 400px
  }

  .implementation-cta-icon2 {
    left: 0
  }

  .blog-new-whatsapp a,
  .blog-new-whatsapp img {
    height: 46px
  }

  .business-cta3 {
    padding: 41px 0 31px
  }

  .consultancy-process-bg {
    padding: 0 60px
  }

  .consultancy-box2 {
    padding: 50px 150px 0 320px
  }

  .consultancy-box3 {
    padding: 85px 150px 0 320px
  }

  .consultancy-box4 {
    padding: 280px 0 0;
    margin-left: -15px
  }

  .choose-manu-img2 {
    width: 480px
  }

  .cta2-manu-left2 {
    width: 70%
  }

  .cta2-manu-right2 {
    width: 30%
  }

  .business-cta2-icon2 {
    margin-left: -17%
  }

  .business-cta2-icon3 {
    width: 24px;
    margin: 10%0 0 2%
  }

  .feature-privide-text {
    width: 65%
  }

  .feature-provider-image2 {
    width: 35%
  }

  .feature-pro-img2 {
    width: 288px
  }

  .manu-cta-new.manu-cta-new {
    right: 0
  }

  .cta-business-box {
    margin: 68px 0 43px
  }

  .crm-cta1-bg1 {
    left: 0
  }

  .crm-cta1-bg2 {
    right: 0
  }

  .business-cta-icon4 {
    right: 30px
  }

  .business-cta-icon1 {
    margin: -37px 60px 0 0
  }

  .business-cta-icon3 {
    margin: 0 0 0 45px;
    bottom: 86px
  }

  .business-gap {
    padding: 0 20px
  }

  .business-icon4 {
    right: 80px
  }

  .new-manufacturing .nav-tabs .nav-link.manu-provide-btn {
    height: 170px;
    padding: 24px 20px 8px
  }

  .manu-provide-btn img {
    height: 50px;
    margin-bottom: 16px
  }

  .feature-provider-div {
    margin-top: 38px
  }

  .feature-pro-img {
    width: 420px
  }

  .feature-pro-bg {
    width: 200px
  }

  .feature-provider1 {
    margin: 0 45px
  }

  .feature-provider {
    padding: 30px 0 60px
  }

  .choose-manu-img {
    width: 580px;
    bottom: 0
  }

  .cta2-manufacturing {
    padding: 0 80px 60px
  }

  .provider-img,
  .provider-img2 {
    width: 600px
  }

  .new-benefits-padding {
    max-width: 1535px
  }

  .imp-process5 {
    bottom: -44%
  }

  .imp-process6 {
    bottom: -8%
  }

  .imp-process7 {
    bottom: 6%
  }

  .streamline-manu-div {
    margin: 0 100px
  }

  .provider-link {
    margin-left: 18.6%
  }

  .manufacturing-gap {
    gap: 60px
  }

  .new-benefits-padding,
  .new-manufacturing #header {
    padding: 0
  }

  .cta-manu-box {
    margin: 68px 0 48px
  }

  .trusted-img {
    padding: 47px 100px 0
  }

  .what-flex h4 {
    font-size: 16px;
    line-height: 28px
  }

  .feature3-section {
    padding: 155px 0 100px
  }

  .home-prod {
    padding: 92px 0
  }

  .hrms-landing-banner,
  .hrms-partners {
    padding: 100px 0
  }

  #imageModal-second {
    max-width: 600px;
    width: 600px
  }

  .para-erp-software div#padding-left30 {
    padding-left: 50px
  }

  .crm-landing-page .form-subline br {
    display: none
  }

  .news-listing-page .pl-4 {
    padding: 0 28px
  }

  .inner-banner-landing {
    padding: 0 !important
  }

  .second-webinar-text {
    padding-top: 4.5rem
  }

  .case-detail-banner {
    padding: 77px 0 66px
  }

  #hubspot-messages-iframe-container.widget-align-right {
    bottom: 35px !important
  }

  .main-case-content {
    padding: 0 16px 100px
  }

  .past-cap {
    right: 20px
  }

  .case-blog-list .blog-div a {
    font-size: 14px;
    line-height: 22px
  }

  .new-InfosoftPOS -page .-mt-\[95px\] {
    margin-top: 0
  }

  .new-InfosoftPOS -page #header {
    background: #0b0b0b
  }

  .new-InfosoftPOS -banner-txt {
    right: 12%
  }

  .new-InfosoftPOS -banner img {
    margin-top: -110px
  }

  .case-imp-swiper,
  .erp-healthcare-cs .home .blog-grid .healthcare,
  .feature-wrap-home,
  .feature-wrap3,
  .home #header,
  .home .blog-grid .healthcare,
  .home-banner2,
  .home-gallery-head {
    padding: 0
  }

  .home .blog-casestudy {
    margin-left: auto !important
  }

  .home .blog-img img {
    width: 100%;
    height: 272px
  }

  .home .swiper-button-next-imp,
  .home .swiper-button-prev-imp {
    margin: -20rem 0 0
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -21rem
  }

  .home .home-blog .next-home-blog,
  .home .home-blog .prev-home-blog {
    margin-top: 22rem
  }

  .imp-process3 {
    right: 22%;
    margin-top: 68px
  }

  .imp-process2 {
    right: 29%;
    margin-top: -75px
  }

  .business-icon2 {
    margin: -5rem 0 0 18rem
  }
}

@media screen and (max-width: 1440px) {
  .business-icon4 {
    right: 46px;
    width: 85px;
    bottom: 0
  }

  .menu-benefit-box.business-benifit-box {
    padding: 24px
  }

  .menu-benefit-back {
    margin-top: -24px
  }

  .blog-new-whatsapp {
    margin: 115px 0 0 45px
  }

  .business-icon1 {
    top: 12%;
    left: 48%;
    width: 37px
  }

  .blog-left {
    width: 800px
  }

  .manufacturing-blogs .swiper-button-prev {
    margin-left: 10px
  }

  .manu-detail-form {
    padding: 60px 77px
  }

  .manufacturing-blogs .swiper-button-next {
    margin-right: 10px
  }

  .blog-form,
  .blog-left-para,
  .blog-right {
    width: 350px
  }

  .banner-home video,
  .banner-text,
  .video-image {
    height: 812px
  }

  .dubai-software-page .detail-form {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .news-section .date-format.blog-main-date {
    padding-left: 0 !important
  }

  .single-news h3 {
    font-size: 16px;
    line-height: 26px
  }

  .hrms-partner-logos,
  .hrms-partners-gap {
    gap: 140px
  }

  .dubai-software-page .Manufacturing-integrate-landing p.health-diff-cntnt br,
  .erp-second p br,
  .footer-address p br,
  .home-industry-section p br,
  .lms-landing-para br,
  .registration-banner p br,
  .sewa-content p br {
    display: none
  }

  .pos-lp-form {
    padding: 0 10px
  }

  .para-erp-software .lms-landing-para {
    padding: 32px 100px 80px
  }

  .jd-left-img-small {
    width: 68%
  }

  .jd-form {
    gap: 94px
  }

  .career-jd {
    padding: 80px 80px 0
  }

  .registration-closed {
    width: 80%
  }

  .crm-landing-page .Retail-Detailform h2.font-extrabold {
    padding-right: 30px
  }

  .saahas-webinar-banner {
    padding: 20px 0 100px
  }

  .saahas-webinar-left h1 {
    font-size: 42px;
    line-height: 58px
  }

  .Webinar-Page #header {
    padding: 0
  }

  .Registration-Page #header,
  .webinar-stats {
    padding-left: 0;
    padding-right: 0
  }

  .dubai-software-page .Manufacturing-integrate-landing p.health-diff-cntnt {
    font-size: 16px;
    line-height: 24px
  }

  .dubai-software-page p.health-diff-head {
    font-size: 18px;
    line-height: 24px
  }

  .career-video-slider {
    height: 740px
  }

  .new-education-banner {
    height: 751px;
    background-position: 0 0;
    padding: 230px 0 106px 86px
  }

  .New-Education-Page .manufacturing-benifits p {
    padding: 64px 50px 0
  }

  .new-lms-cs,
  .new-lms-cta {
    padding: 0 20px
  }

  .erp-healthcare-cs #header,
  .hrms-page #header,
  .hubspot-page #header,
  .manufacturing-erp-software #header,
  .new-InfosoftPOS -page #header {
    padding: 0
  }

  .registration-banner .right-image img {
    width: 500px;
    margin-top: 14px
  }

  .past-gap10 {
    gap: 60px;
    padding: 76px 59px 0
  }

  .Manufacturing-integrate-landing,
  .best-manufacturing,
  .manufacturing-landing-industries {
    padding: 100px 0
  }

  .Landing-choose-grid {
    -moz-column-gap: 45px;
    column-gap: 45px
  }

  .career-Bootcamp {
    padding: 100px 0 76px
  }

  .career-Bootcamp p {
    font-size: 20px;
    line-height: 32px
  }

  .Retail-Page .standards-section2 {
    padding: 0 20px 70px
  }

  .LMS-csText {
    padding-left: 0
  }

  .Retail-casestudy {
    padding: 80px 20px 80px 30px
  }

  .retailcase-img-right {
    margin-top: -12.5rem
  }

  .calysto-banner,
  .ecosoft-banner,
  .petalm-banner,
  .rrl-page .rrl-banner,
  .sil-banner,
  .xurpas-page .innometa-banner,
  .xurpas-page .xurpas-banner {
    padding: 60px 0
  }

  .how-pos-works2 .h2-div {
    right: 76px;
    margin-top: 60px
  }

  .hubspot-drive,
  section.relative.hubspot-banner {
    padding-left: 0;
    padding-right: 0
  }

  .hubspot-sizzling-gap {
    gap: 150px;
    padding: 0 !important
  }

  .diadem-integration {
    padding-left: 0;
    padding-right: 0
  }

  .hubspot-page .detail-form-bg .p-10 {
    padding-top: 0;
    padding-right: 42px
  }

  .hspt-slider2 {
    height: 550px
  }

  .diadem-approach {
    padding-left: 0;
    padding-right: 0
  }

  .diadem-certified {
    padding: 0 36px 100px 112px
  }

  .hubspot-page .form-left-text {
    padding: 50px 0 0 70px;
    margin-left: 42px
  }

  .new-InfosoftPOS -page .form-left-text {
    padding-right: 86px
  }

  .hubspot-page .form-section-title {
    color: #000;
    font-size: 38px
  }

  .hubspot-page .detail-form-bg p {
    font-size: 18px;
    line-height: 24px
  }

  .sales-hubspot {
    padding-left: 108px
  }

  .pos-work-box p {
    padding-right: 0
  }

  .hubspot-page .form-left-text .notibell-banner h1 {
    font-size: 54px;
    line-height: 68px
  }

  .InfosoftPOS -faq,
  .InfosoftPOS -industries,
  .how-pos-works,
  .new-InfosoftPOS -page .detail-form-bg,
  .point-of-sale,
  .pos-features {
    padding-left: 0;
    padding-right: 0
  }

  .InfosoftPOS -types-grid {
    padding: 100px 0 54px 100px
  }

  .nav-links {
    font-weight: 400;
    padding-right: 10px;
    padding-left: 10px
  }

  .notibell-feature-text {
    padding: 70px
  }

  .notibell-feature-pink h3,
  .notibell-feature-pink p {
    padding-left: 0
  }

  .blog-casestudy {
    padding-top: 150px;
    margin-left: auto !important
  }

  .single-testimonials-inn .lg\:max-w-5xl {
    max-width: 76rem
  }

  .market-line {
    margin: -14rem auto auto;
    height: 240%
  }

  .scrollbox {
    height: 462px
  }

  .mktplace-banner {
    height: 625px
  }

  .food-software-bg {
    background-position: 100px bottom;
    background-size: 38%
  }

  .carousel__item {
    width: 500px;
    height: 160px
  }

  #location-1 .text-contact-vertical,
  #location-2 .text-contact-vertical,
  #location-3 .text-contact-vertical,
  #location-4 .text-contact-vertical,
  #location-5 .text-contact-vertical,
  #location-6 .text-contact-vertical,
  #location-7 .text-contact-vertical {
    bottom: 170px
  }

  .food-swipe1 {
    margin: -252px 0 0 600px;
    height: 480px
  }

  .swiper-button-next-country,
  .swiper-button-prev-country {
    margin-right: -60px;
    margin-left: -60px;
    margin-top: -21rem
  }

  .contact-us-country .lg\:max-w-7xl {
    padding: 0 1.7rem
  }

  .Homepage #header,
  .blog-list-latest #header,
  .ecosoft-page #header,
  .ecosoft-page footer,
  #header,
  .news-detail-page #header,
  .news-detail-page footer {
    padding: 0
  }

  .ecosoft-expertise {
    padding: 0 0 100px
  }

  .ecosoft-expertise .ecosoft-content-text {
    padding: 100px 0 38px
  }

  .expertise-box-center {
    padding: 0 158px
  }

  .ecosoft-content-text {
    padding: 100px 0
  }

  .about-banner-section {
    align-items: flex-end;
    padding: 0 15px 80px
  }

  .contact-us-social {
    height: 600px
  }

  .right-social-contact {
    padding-top: 280px
  }

  .video-testimonial .pr-16 {
    padding-right: 4rem
  }

  .About-us-form {
    padding-left: 20px
  }

  .career-gallery2 .next-career,
  .career-gallery2 .prev-career {
    margin-top: -15rem
  }

  .contact-padding {
    padding-top: 44px
  }

  .education-industry,
  .healthcare-industry,
  .it-industry,
  .liqure-industry,
  .lms-industry,
  .manufacturing-industry,
  .pharma-industry {
    height: 200px
  }

  .food-industry,
  .retail-industry {
    height: 416px
  }

  .home .home-blog .next-home-blog {
    margin-right: 10px
  }

  .home .home-blog .prev-home-blog {
    margin-left: 10px
  }

  .market {
    padding-left: 0
  }

  .we-offer-section {
    padding: 0 !important
  }

  .careerpage #header,
  .careerpage .career-content,
  .careerpage footer,
  .home footer,
  .scroll-boxdiv,
  .steps-section,
  footer,
  .new-manufacturing footer,
  section.scroll-mt-16.leader-section {
    padding: 0
  }

  .erpsoftware-landing.Retail-Detailform h2.font-extrabold {
    font-size: 44px;
    line-height: 58px
  }

  .blog-casestudy {
    margin-left: 0 !important
  }

  .career-hr {
    padding: 100px 0
  }

  .career-banner {
    padding: 0 0 100px
  }

  .career-opening {
    padding: 100px 0
  }

  .career-nb {
    padding-left: 0
  }

  .notibell-content-right {
    padding-top: 30px
  }

  .notibell-feature,
  .notibell-how-it-banner,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8,
  .notibell-step-section {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .mySwiper-how {
    margin-top: 3.2rem
  }

  .digital-sewa-page #header,
  .notibell-page #header {
    padding-left: 0;
    padding-right: 0
  }

  .notibell-banner-left {
    padding-left: 0
  }

  .sewa-banner-left {
    padding-left: 0;
    width: 100%
  }

  .sews-content-img {
    margin: 0
  }

  .sewa-content p,
  .stepping-section-seva p {
    font-size: 16px;
    line-height: 28px
  }

  .stepping-section-seva {
    padding: 0 190px !important
  }

  .sewa-slider {
    padding-bottom: 100px
  }

  .sewa-content h2 {
    padding-top: 80px
  }

  .sewa-banner-right {
    width: 0%
  }

  .yellow-shadow-bg {
    width: 400px
  }

  .next-prev-career {
    margin-top: 80px
  }

  .leader-cont img {
    width: 370px;
    height: 100%
  }

  .about-us #header,
  .contact-us #header,
  .relative.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mx-auto.gap-6.flex.grid-cols-2.contact-us-main.contact-block {
    padding: 0
  }

  .contact-us-country {
    padding-left: 80px;
    padding-right: 80px
  }

  .career-content,
  .career-fourth .career-fourth-text,
  .career-second {
    padding-left: 0;
    padding-right: 0
  }

  .career-third {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .together-about h2 {
    padding-left: 0
  }

  .about-team {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .cntctUsLeft {
    width: 600px
  }

  .contactUsUpdated {
    margin-right: 10px
  }

  section.hb-form {
    padding-left: 12px
  }

  .contact-us-third {
    padding-left: 0;
    padding-right: 0
  }

  .ERP Fast Track -software .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center .md\:mx-auto.max-w-7xl.basis-1\/2.first-section {
    margin-left: -1.9rem
  }

  .ERP-education3 h3,
  .Retail-Page .text-base,
  .banner-para-about {
    width: auto
  }

  .arrow-bg {
    height: 870px
  }

  .case-update-head h2 {
    padding: 120px 0 180px 95px
  }

  .LMScase-img-right {
    height: 33rem
  }

  .ERP-education1 {
    height: 735px;
    background-position: 0 20px
  }

  .ERP-education1 .banner-inner {
    padding-top: 8rem
  }

  .Retail-accordian .accordion-body ol li,
  .Retail-accordian .accordion-body p,
  .news-section h1 {
    color: #000;

    font-size: 16px
  }

  .news-section .max-w-3xl {
    max-width: 59rem
  }

  .news-section .Frappe-conference {
    width: -webkit-fill-available
  }

  .news-section h1 {
    color: #252f41;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.8px
  }

  .news-section .date-format,
  .news-section .tracking-tighter {
    padding-left: 1rem !important
  }

  .about-section {
    padding: 20px 15px 0
  }

  .manu-casestudy p {
    padding-right: 5rem
  }

  .manufacturing-benifits h3 {
    font-size: 20px;
    line-height: 32px
  }

  .manufacturing-testimonial p {
    font-size: 16px;
    line-height: 28px
  }

  .manu-casestudy {
    background-position: 0-126px
  }

  .manu-casestudy-image img {
    width: 23%;
    position: absolute;
    margin-left: 88px;
    margin-top: -40px
  }

  .health-benefits-card-layout {
    padding: 32px
  }

  .left-box-manu .pl-3 {
    padding: 0
  }

  .right-box-manu {
    margin-left: 0 !important
  }

  .right-box-manu img {
    width: 510px
  }

  .cs-health-padding {
    padding-left: 6rem
  }

  .manufacturing-stepping .pl-40 {
    padding: 0 5rem
  }

  .health-accordionResp {
    padding: 0 20px
  }

  .healthcare-banner.manufacturing-banner,
  .manufacturing-banner {
    height: 751px
  }

  .ERP Fast Track -manufacturing-page .manufacturing-banner .banner-inner {
    margin-left: 5.75rem;
    margin-top: 6rem
  }

  .manufacturing-trusted .banner-inner {
    padding: 0 70px
  }

  .manufacturing-features-section-list {
    padding: 0 88px
  }

  .ERP Fast Track -healthcareNew .standards-section2 {
    padding: 86px 15px
  }

  .Partnership #header {
    padding: 0 !important
  }

  .partnership-content {
    padding-left: 10px;
    padding-right: 0
  }

  .partner-left-text h1 {
    font-size: 40px;
    line-height: 46px
  }

  .manufacturing-image img {
    width: 94% !important
  }

  .partner-left {
    padding: 159px 108px
  }

  .manufacturing-features-section-list .pt-20 {
    padding-top: 7rem
  }

  .manufacturing-banner .banner-inner {
    margin-left: 5.75rem;
    margin-top: 2rem
  }

  .content-gap p,
  .part-left-para,
  .partnership-text.manufacturing-text p {
    font-size: 16px;
    line-height: 26px
  }

  .Partnership .contact-us-country h2,
  .contact-us-third h2,
  .hb-form-div-contact h2 {
    font-size: 44px;
    line-height: 50px
  }

  .Partnership .partner-left-text h1,
  .partnership-testimonials h2 {
    font-size: 36px;
    line-height: 45px
  }

  .partner-left-text p {
    font-size: 17px;
    line-height: 25px
  }
}

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

  .banner-home video,
  .banner-text,
  .video-image {
    height: 700px
  }

  .new-retail-hero .business-box {
    width: 188px
  }

  .new-retail-hero .business-box-img:after {
    width: 164px
  }

  .manufacturing-hero {
    padding: 166px 40px 66px
  }

  .cta2-manufacturing {
    padding: 0 60px 60px
  }

  .business-icon4 {
    right: 10px
  }

  .new-manufacturing #header {
    padding-left: 4px
  }

  .cta3-manufacturing {
    padding: 50px 60px
  }

  .manu-cta3-left {
    width: 39%
  }

  .manufacturing-blogs {
    padding: 0 90px
  }

  .cta3-manu-box h2 {
    line-height: 38px
  }

  .imp-process5 {
    bottom: -42%
  }

  .manu-detail-form {
    padding: 60px
  }

  .menu-benefit-box {
    width: 296px
  }

  .choose-manu-img {
    width: 555px
  }

  .home-prod {
    padding: 77px 0
  }

  .client-trust-section {
    padding: 100px 60px
  }

  .banner-home h1.main-heading2 {
    font-size: 85px;
    line-height: 106px;
    letter-spacing: -2.567px
  }

  .banner-home h3 {
    font-size: 46px
  }
}

@media only screen and (max-width: 1368px) {
  .hrms-software-page .right-box-manu img {
    width: 520px
  }

  .career-jd p,
  .menu-benefit-box h3 {
    font-size: 18px;
    line-height: 26px
  }

  .new-retail-hero .business-box {
    width: 180px
  }

  .new-retail-hero .business-box-img:after {
    width: 156px
  }

  .consultancy-process-bg {
    padding: 0 150px
  }

  .consultancy-box2 {
    padding: 33px 195px 0 345px
  }

  .consultancy-box3 {
    padding: 60px 195px 0 345px
  }

  .consultancy-process-bg {
    margin-top: 74.5px
  }

  .consultancy-box4 {
    padding: 240px 0 0 82px;
    margin-left: 0
  }

  .consultancy-box h4 {
    font-size: 18px;
    line-height: 24px;
    padding-top: 20px
  }

  .consultancy-icons {
    width: 42px;
    margin-bottom: 18px
  }

  .hrms-partner-text h2 {
    font-size: 60px
  }

  .hrms-software-page .left-box-manu {
    padding: 0 2rem
  }

  #imageModal-second {
    max-width: 500px;
    width: 500px
  }

  .hrms-gap16 {
    gap: 1rem
  }

  .hrms-gap28 {
    gap: 2rem
  }

  .notibell-page .nav-links {
    padding-left: 8px;
    padding-right: 8px
  }

  .hrms-software-page .manufacturing-features-section-list .gap-28 {
    gap: 4rem
  }

  .POS-Landing-banner ul.dubai-list {
    font-size: 16px;
    line-height: normal
  }

  .manufacturing-landing-industries p br {
    display: none
  }

  .jd-form {
    padding: 100px 60px 100px 18px
  }

  .career-jd {
    padding: 80px 60px 0
  }

  .career-jd p {
    line-height: 30px
  }

  .saahas-webinar-right h3 {
    font-size: 32px;
    line-height: normal
  }

  .saahas-webinar-left h1 {
    font-size: 36px;
    line-height: 48px
  }

  .saahas-webinar-left h4,
  .saahas-webinar-left p,
  .saahas-webinar-right h4 {
    font-size: 16px;
    line-height: 28px
  }

  .case-navigation a,
  .swiperTest h5,
  .webinar-list-ul li {
    font-size: 14px
  }

  #location-7 .gray-box-contact {
    padding: 0 40px 0 30px
  }

  .saahas-webinar-banner {
    padding: 20px 20px 100px
  }

  .Whatsapp_icon_landing img {
    height: 40px
  }

  .lms-industry-section {
    padding: 100px 70px
  }

  .manu-support-section h3 {
    font-size: 18px;
    line-height: 28px
  }

  .blog-post-page ul li span,
  .blue-left-circle,
  .purple-left-circle,
  img.cart-retail {
    display: none
  }

  .new-education-banner {
    height: 725px;
    background-position: 0 0;
    padding: 230px 0 106px 66px
  }

  .registration-banner p {
    font-size: 16px;
    line-height: 24px
  }

  .case-implemented-div .blog-cont {
    padding-top: 50px
  }

  .New-Education-Page .manufacturing-benifits p {
    padding: 64px 0 0;
    font-size: 18px;
    line-height: 28px
  }

  .career-video-slider .youtube-video-news iframe {
    position: absolute;
    top: 0;
    left: 23%;
    width: 55%;
    height: 55%
  }

  .registration-banner {
    padding: 138px 80px 60px
  }

  .registration-detail-form p.title-para {
    padding: 30px 0
  }

  .Manufacturing-Landing-banner,
  .Pharma-Landing-banner,
  .Retail-Landing-banner {
    background-position: 0 0
  }

  .CRM-Landing-banner,
  .Education-Landing-banner,
  .ErpSoftware-Landing-banner,
  .LMS-Landing-banner,
  .POS-Landing-banner {
    background-position: 0 0 !important
  }

  .manufacturing-landing-industries h3 {
    font-size: 18px
  }

  .thanks-content {
    height: 650px
  }

  .Retail-Page .education-image.mt-20 {
    margin-top: 3.5rem
  }

  .LMS-Page #header,
  .Retail-Page #header {
    padding: 0 50px
  }

  .main-heading2 {
    font-size: 100px;
    line-height: 120px
  }

  .Education5home {
    padding: 100px 28px
  }

  .home-box-gradient p {
    font-size: 20px;
    line-height: 32px
  }

  .btn-primary.button-banner {
    font-size: 14px !important
  }

  .home-box-gradient {
    height: 250px
  }

  .case-detail-banner {
    padding: 77px 40px 66px
  }

  .main-case-content {
    padding: 0 40px 100px
  }

  .hspt-swiper {
    margin: 0 52px
  }

  .case-study-imp {
    height: auto
  }

  .new-InfosoftPOS -banner-txt {
    right: 10%
  }

  body .nav-links {
    padding-right: 10px;
    padding-left: 10px
  }

  .home .detail-form-bg {
    padding: 100px 40px
  }

  .digital-sewa-page .nav-links {
    padding-right: 8px;
    padding-left: 8px
  }

  .mkt-last-bg {
    padding: 70px 0
  }

  .market-left {
    padding-left: 30px;
    width: 44%
  }

  .what-we-offer-mkt {
    padding: 120px 6px 210px
  }

  .mktplace-banner .w-1\/2.max-sm\:basis-full.max-sm\:p-0 {
    width: 56%
  }

  .text-contact-vertical {
    font-size: 40px
  }

  .video-testimonial h2 {
    font-size: 40px;
    line-height: normal
  }

  .video-testimonial .mt-4 {
    margin-top: 0 !important
  }

  .video-testimonial a img {
    width: 200px
  }

  .contact-padding {
    padding-top: 20px
  }

  .home-industry-section {
    padding: 100px 60px
  }

  .we-offer-section {
    padding: 0 24px !important
  }

  .Whatsapp_icon {
    right: 5rem !important
  }

  .notibell-form {
    padding-right: 50px;
    padding-top: 60px
  }

  .notibell-line,
  logo-slider img {
    width: auto
  }

  .notibell-content-right {
    padding-top: 50px
  }

  .notibell-content p {
    padding-right: 30px
  }

  .arrow-img1 {
    margin-top: -560px
  }

  .arrow-bg {
    padding-bottom: 0;
    background-position: 0;
    padding-top: 150px
  }

  .arrow-bg img.m-auto {
    width: auto;
    height: 73px
  }

  .pos-contact-bg {
    background-position: 0;
    background-size: 101%
  }

  .swiper-food {
    display: flex;
    padding-top: 230px
  }

  .case-study-heading {
    font-size: 38px;
    line-height: normal
  }

  .image-food,
  .swiper-food .md\:gap-16 {
    width: 50%
  }

  .food-swipe1 {
    margin: 20px 0 0;
    height: auto
  }

  .heading-food h1 {
    padding: 0;
    font-size: 42px;
    line-height: 58px
  }

  .contact-us .btn.header-btn.btn-services {
    font-size: 12px
  }

  .contact-us-right p {
    font-size: 16px;
    line-height: 24px;
    padding: 290px 50px 0 0
  }

  .contact-us-copyright,
  .contact-us-copyright a,
  .contact-us-left h4,
  .contact-us-right h2,
  .contact-us-right h4 {
    font-size: 20px
  }

  .contact-us-banner {
    padding: 254px 0 40px 150px;
    height: auto
  }

  .cta2-manu-left h3 {
    font-size: 18px;
    line-height: 26px
  }
}

@media (max-width: 1300px) {
  .business-hero.digital-hero p {
    font-size: 26px;
    line-height: 38px
  }

  .streamline-manu-div.streamline-manu-div-retail {
    margin: 0 50px
  }

  .home .home-blog-latest.home-blog .blog-cont .blog-highlight {
    bottom: -9px
  }

  .home .home-blog-latest.home-blog .next-home-blog,
  .home .home-blog-latest.home-blog .prev-home-blog {
    margin-top: 7rem
  }

  .new-retail-hero.business-hero h1 {
    font-size: 55px;
    line-height: 68px
  }

  .new-retail-hero.business-hero h2 {
    font-size: 38px;
    line-height: 110%
  }

  .new-retail-hero.business-hero p {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 6px
  }

  .dms-choose {
    padding: 60px 0
  }

  .dms-choose-grid {
    padding: 60px 50px 0
  }

  .markating-cta1-box:before {
    width: 14px
  }

  .markerting-cta-img2 {
    width: auto
  }

  .markating-cta1-btn,
  .markating-cta1-div h2,
  .markating-cta1-div h3 {
    padding-left: 50px
  }

  .markating-cta1 {
    padding: 0 50px 42px
  }

  .digital-hero3 {
    width: 28px
  }

  .marketing-stage-bg2 {
    width: 20px
  }

  .marketing-stage-bg,
  .marketing-stage-bg2 {
    height: 1700px
  }

  .marketing-stages {
    padding: 40px 50px 58px
  }

  .marketing-right .flex {
    -moz-column-gap: 50px;
    column-gap: 50px;
    padding-bottom: 50px
  }

  .marketing-stage-icon15 {
    margin-left: -9.8rem
  }

  .marketing-stage-icon16 {
    margin-left: -8.4rem
  }

  .marketing-stage-icon17 {
    margin-left: -7.5rem
  }

  .digital-hero5 {
    margin: -3rem 0 0 18rem
  }

  .digital-hero1,
  .digital-hero2 {
    width: 58px
  }

  .business-hero.digital-hero h1 {
    font-size: 44px;
    line-height: 68px
  }

  .business-hero.digital-hero h2 {
    font-size: 20px;
    line-height: 30px
  }

  .blog-main-div {
    padding: 0 80px 100px
  }

  .crm-cta3 {
    margin: 50px 50px 29px
  }

  .crm-cta3-div {
    padding: 52px 20px 60.5px
  }

  .crm-services-hero .business-boxes,
  .new-retail-hero .business-boxes {
    padding-top: 95px
  }

  .business-hire-btn {
    font-size: 16px;
    padding: 18px 24px;
    float: left
  }

  .business-cta3-box {
    padding: 0 50px
  }

  .menu-benefit-box {
    padding: 30px 24px
  }

  .business-cta3 .w-2\/5 {
    display: flex;
    justify-content: end;
    width: 40%
  }

  .implement-cta3 {
    margin-left: -30px;
    width: 74px
  }

  .implement-why {
    width: 500px
  }

  .implementation-cta-icon1 {
    right: 75px;
    width: 50px
  }

  .implementation-cta1-img3 {
    right: 150px
  }

  .implementation-cta-icon2 {
    left: 50px;
    width: 100px
  }

  .consultancy-diagram {
    padding: 71px 0 0
  }

  .business-consulting {
    width: 90%;
    display: flex;
    margin: auto
  }

  .business-cta3 {
    padding: 41px 50px 31px
  }

  .business-cta3-img6 {
    right: 25%
  }

  .business-consulting-res {
    display: block
  }

  .choose-manu-img2 {
    width: 440px
  }

  .feature-pro-bg {
    width: 200px
  }

  .feature-provider-div .w-1\/2.relative.z-20.feature-privide-text {
    width: 70%
  }

  .feature-provider-div .w-1\/2.feature-provider-image.feature-provider-image2 {
    width: 30%
  }

  .feature-pro-img2 {
    width: auto
  }

  .cta-business-box {
    margin: 68px 50px 20px;
    padding: 0 0 0 30px
  }

  .crm-cta1-bg1 {
    left: 50px
  }

  .crm-cta1-bg2 {
    right: 50px
  }

  .business-cta-icon3 {
    margin: 0;
    bottom: 90px
  }

  .business-cta-icon4 {
    right: 70px
  }

  .business-cta-icon1 {
    margin: -37px 100px 0 0
  }

  .business-icon2 {
    margin: -5rem 0 0 17rem
  }

  .business-hero {
    padding: 54px 0
  }

  .business-gap {
    padding: 0 50px
  }

  .manu-provide-btn {
    font-size: 16px;
    line-height: 22px
  }

  .feature-provider {
    padding: 30px 50px 60px
  }

  .feature-provider-div .w-1\/2.relative.z-20 {
    width: 60%
  }

  .feature-pro-img {
    width: auto
  }

  .feature-provider-div .w-1\/2 {
    width: 40%
  }

  .manufacturing-gap {
    gap: 40px
  }

  .manufacturing-hero-img {
    width: 165px
  }

  .manufacturing-hero {
    padding: 160px 0 60px 40px
  }

  .manu-hero-icon9 {
    margin: 140px 0 0 120px
  }

  .manu-new-benefits {
    padding: 60px 50px
  }

  .menu-benefit-box {
    width: 270px
  }

  .manu-hero-icon1 {
    margin: 66px 0 0-60px
  }

  .cta-manu-box {
    margin: 60px 60px 48px
  }

  .manu-cta-new.manu-cta-new {
    right: 60px;
    margin-top: 58px;
    width: 450px
  }

  .cta2-manufacturing {
    padding: 0 60px 60px
  }

  .imp-process5 {
    bottom: -41%
  }

  .manufacturing-blogs {
    padding: 0
  }

  .manu-detail-flex {
    gap: 20px
  }

  .imp-process6 {
    bottom: -7%;
    left: 29%
  }

  .imp-process9 {
    width: 15%
  }

  .provider-img2 {
    margin-top: 9%
  }

  .implementation-manu h2 {
    padding-bottom: 245px
  }

  .implementation-manu {
    padding: 60px 0 280px
  }

  .provider-icon-div h3,
  .provider-left .nav-link h4,
  .provider-left .nav-link span {
    font-size: 16px;
    line-height: 20px
  }

  .provider-img,
  .provider-img2 {
    width: 550px
  }

  .manu-modes-grid h3,
  .streamline-manu-box h3,
  .successfull-manu h3 {
    font-size: 18px;
    line-height: 26px
  }

  .manu-modes-grid {
    margin: 0 110px
  }

  .imp-process8 {
    left: 28%;
    bottom: 34%
  }

  .imp-process7 {
    bottom: 7%;
    left: 18%
  }

  .imp-process2 {
    right: 28%;
    margin-top: -64px
  }

  .imp-process3 {
    right: 19.5%;
    margin-top: 81px
  }

  .imp-process4 {
    right: 27%;
    margin-top: 276px
  }

  .cta3-manufacturing {
    padding: 60px 35px
  }

  .manufacturing-hero-text {
    padding-left: 25px
  }

  .video-testimonial .lg\:grid-cols-6 {
    padding-left: 230px
  }

  .video-testimonial h2 span {
    font-size: 75px;
    line-height: 90px
  }

  .right-test2 {
    width: 50px;
    height: auto
  }

  .blog-left {
    width: 70%
  }

  .blog-right {
    width: 30%
  }

  .blog-form,
  .blog-left-para,
  .blog-main-div {
    width: 100%
  }

  .new-education-banner {
    height: 600px;
    background-position: 0 0;
    padding: 210px 0 106px 45px
  }

  .hrms-partners {
    padding: 100px 40px
  }

  .hrms-partner-logos,
  .hrms-partners-gap {
    gap: 100px
  }

  .hrms-landing-banner p {
    font-size: 18px;
    line-height: 28px
  }

  .hrms-landing-banner {
    padding: 60px 40px;
    background-size: 100% 90%
  }

  .hrms-landing-form {
    width: auto
  }

  .hrms-banner-gap {
    gap: 40px
  }

  .hrms-landing-banner h1 {
    color: #f6f8ff;
    font-size: 24px
  }

  .hrms-landing-banner h2 {
    font-size: 40px
  }

  .hrms-line-hero {
    top: 90px;
    margin-left: 75px
  }

  .manufacturing-erp-software .Retail-Detailform h2.font-extrabold {
    font-size: 40px;
    line-height: 54px
  }

  .Manufacturing-Experts h2,
  .Retail-Experts h2 {
    font-size: 32px;
    line-height: 48px
  }

  .manufacturing-erp-software .Retail-Detailform h3 {
    font-size: 24px;
    line-height: 40px
  }

  .single-news header p {
    font-size: 16px;
    line-height: 30px
  }

  .jd-form {
    padding: 80px 50px 80px 10px;
    gap: 50px
  }

  .jd-left-text h2 {
    padding-left: 38px;
    font-size: 40px;
    line-height: 58px
  }

  .career-jd {
    padding: 80px 50px 0
  }

  .saahas-webinar-banner {
    padding: 20px 50px 100px
  }

  .Webinar-Page #header {
    padding: 0 40px
  }

  .saahas-webinar-left h1 {
    font-size: 38px;
    line-height: 52px
  }

  ul.dubai-list {
    font-size: 16px;
    gap: 16px
  }

  .dubai-software-page .Manufacturing-Experts,
  .dubai-software-page.crm-landing-page .Manufacturing-Experts {
    background-position: center
  }

  .manufacturing-benifits img {
    height: 45px;
    width: 45px
  }

  .blue-left-circle,
  .business-consulting-desk,
  .business-icon4,
  .feature-text br,
  .hspt-slider2 h3 br,
  .successfull-manu h2 br {
    display: none
  }

  #padding-left10 {
    padding-left: 2rem
  }

  .left-section-education1 {
    padding-left: 3rem
  }

  .education-right-img img {
    width: 520px
  }

  .feature3-section-flex {
    gap: 40px
  }

  .what-flex h4 {
    font-size: 15px;
    line-height: 25px
  }

  .feature3-section {
    padding: 105px 50px 50px
  }

  .career-video-slider {
    height: auto;
    padding-left: 308px;
    padding-right: 308px
  }

  .career-video-slider .youtube-video-news iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .prev-home-gallery {
    margin-left: 0
  }

  .Registration-Page #header,
  .webinar-stats {
    padding-left: 50px;
    padding-right: 50px
  }

  .past-gap10 {
    gap: 60px;
    padding: 30px 59px 0
  }

  .hrms-page #header,
  .manufacturing-erp-software #header {
    padding: 0 40px
  }

  .Manufacturing-integrate-landing,
  .best-manufacturing,
  .manufacturing-landing-choose,
  .manufacturing-landing-industries {
    padding: 100px 34px
  }

  .Landing-choose-grid {
    -moz-column-gap: 45px;
    column-gap: 45px
  }

  .manufacturing-landing-choose h3 {
    font-size: 24px
  }

  .detail-form-landing {
    padding: 30px 0 10px
  }

  .detail-form-landing p {
    padding: 10px 25px 0
  }

  .inner-banner-landing {
    padding: 0 50px !important
  }

  .Manufacturing-Landing-text h1 {
    font-size: 40px;
    line-height: normal
  }

  .Manufacturing-Landing-text p,
  .career-Bootcamp p {
    font-size: 18px;
    line-height: 28px
  }

  .career-Bootcamp {
    padding: 100px 50px 76px
  }

  .Retail-Page .standards-section2 {
    padding: 0 50px 70px
  }

  .LMS-Page #header,
  .Retail-Page #header,
  .ecosoft-page footer {
    padding: 0 30px
  }

  .LMS-csText {
    padding-left: 1rem
  }

  .LMS-casestudy h2,
  .ecosoft-page #header {
    padding: 0
  }

  .LMS-Page .feature-wrap-home,
  .LMS-Page .home .blog-grid .healthcare,
  .Retail-Page .feature-wrap-home,
  .Retail-Page .home .blog-grid .healthcare {
    padding: 0 50px
  }

  .home .blog-casestudy {
    padding-top: 150px
  }

  .ERP-education1 {
    height: 680px
  }

  .gallery-bg .swiper-slide img,
  .gallery-bg .swiper-slide.swiper-slide-active img,
  .gallery-bg .swiper-slide.swiper-slide-duplicate img,
  .gallery-bg .swiper-slide.swiper-slide-duplicate.swiper-slide-prev img,
  .gallery-bg .swiper-slide.swiper-slide-next img,
  .ryk-cs-updated .case-detail-img img {
    height: auto
  }

  .case-detail-img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
  }

  .erp-healthcare-cs .feature-wrap-home,
  .erp-healthcare-cs .home .blog-grid .healthcare {
    padding: 0 40px
  }

  .case-detail-banner h1 {
    font-size: 32px;
    line-height: 48px
  }

  .hubspot-drive,
  section.relative.hubspot-banner {
    padding-left: 36px;
    padding-right: 36px
  }

  .diadem-certified {
    padding: 0 0 100px 52px
  }

  .hubspot-sizzling-gap {
    gap: 150px;
    padding: 0 50px !important
  }

  .diadem-integration {
    padding-left: 52px;
    padding-right: 52px
  }

  .hspt-swiper {
    margin: 0 52px
  }

  .feature-text span br {
    display: block
  }

  .what-flex h3 {
    font-size: 20px
  }

  .new-InfosoftPOS -page .testimonials-cont p {
    font-size: 16px;
    line-height: 28px
  }

  .how-pos-works2 .h2-div {
    margin-top: 60px
  }

  .InfosoftPOS -faq,
  .InfosoftPOS -industries,
  .how-pos-works,
  .point-of-sale,
  .pos-features {
    padding-left: 50px;
    padding-right: 50px
  }

  .InfosoftPOS -listitems {
    padding: 0 20px 22px
  }

  .InfosoftPOS -listitems .listitems {
    font-size: 16px
  }

  .new-InfosoftPOS -page .detail-form-bg {
    padding-left: 30px;
    padding-right: 30px
  }

  .InfosoftPOS -types-grid {
    padding: 100px 0 54px 100px
  }

  .carousel__item {
    width: auto;
    height: 160px
  }

  .swiper-button-next-country,
  .swiper-button-prev-country {
    margin-right: -20px;
    margin-left: -20px;
    margin-top: -20rem
  }

  .contact-us-country .lg\:max-w-7xl {
    padding: 0 3.7rem
  }

  .ecosoftform {
    padding: 30px 30px 10px
  }

  .eco-banner-text h2 {
    padding-bottom: 20px
  }

  .rrl-page .eco-banner-text h1 {
    padding-top: 20px
  }

  .new-lms-cta h2 br,
  .news-section .tracking-tighter br {
    display: none
  }

  .calysto-banner,
  .ecosoft-banner,
  .petalm-banner,
  .rrl-page .rrl-banner,
  .sil-banner,
  .xurpas-page .innometa-banner,
  .xurpas-page .xurpas-banner {
    padding: 60px 50px
  }

  .ecosoft-expertise {
    padding: 0 0 100px
  }

  .ecosoft-expertise .ecosoft-content-text {
    padding: 100px 50px 38px
  }

  .expertise-box-center {
    padding: 0 158px
  }

  .ecosoft-content-text {
    padding: 100px 50px
  }

  .Homepage #header,
  .blog-list-latest #header,
  .news-detail-page #header,
  .news-detail-page footer {
    padding: 0 10px
  }

  .news-listing-page .pl-4 {
    padding: 0 80px
  }

  .about-us .lg\:pt-70 {
    padding-top: 80px
  }

  .contact-us-social {
    height: 555px
  }

  .video-testimonial a img {
    width: 170px
  }

  .video-testimonial {
    padding: 100px 60px
  }

  .video-testimonial .pr-16 {
    padding-right: 2rem
  }

  .contact-us-country {
    margin-top: 80px
  }

  .career-form h3 {
    padding: 16px 32px
  }

  .career-gallery2 {
    padding: 60px 0
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -17rem
  }

  .iframe-container.widget-align-right {
    bottom: 64px !important
  }

  .home .stats-h2 {
    padding-left: 2rem;
    font-size: 68px;
    padding-top: 115px
  }

  .home .stats-h2:after {
    height: 58px
  }

  .Partner-home h3 {
    font-size: 20px
  }

  .hubspot-partner {
    width: 380px
  }

  .frappe-partner {
    width: 321px
  }

  .home-industry-section {
    padding: 100px 60px
  }

  .case-implemented-div h2,
  .client-trust-section h2,
  .form-section-title {
    font-size: 52px;
    line-height: 68px
  }

  .home .detail-form-bg .md\:basis-5\/12,
  .home .detail-form-bg .md\:basis-7\/12 {
    flex-basis: 50%
  }

  .case-implemented-div .blog-cont {
    padding-top: 50px
  }

  .home .blog-cont .blog-highlight {
    margin-top: 152px;
    font-size: 16px;
    line-height: 50px;
    height: 50px
  }

  .case-implementation,
  .home .blog-casestudy {
    padding: 70px 0
  }

  .education-industry,
  .healthcare-industry,
  .it-industry,
  .liqure-industry,
  .lms-industry,
  .manufacturing-industry,
  .pharma-industry {
    height: 182px
  }

  .food-industry,
  .retail-industry {
    height: 380px
  }

  .home .detail-form-bg {
    padding: 100px 8px
  }

  .case-implemented-div .feature-wrap3 .swiper-slide.active,
  .case-implemented-div .feature-wrap3 .swiper-slide.swiper-slide-duplicate-prev {
    margin-top: 0
  }

  .next-home-gallery {
    margin-right: 0
  }

  .case-implemented-div .feature-wrap3,
  .feature-wrap-home,
  .home .blog-grid .healthcare {
    padding: 0 80px
  }

  .home #header {
    padding: 0 40px
  }

  .case-imp-swiper,
  .home-gallery-head {
    padding: 0 24px
  }

  .home-banner2 {
    padding: 0 50px
  }

  .home-prod {
    padding: 50px
  }

  .home .blog-img img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
  }

  .home .home-blog .next-home-blog,
  .home .home-blog .prev-home-blog {
    margin-top: 22rem
  }

  .home .blue-shade-text {
    padding-left: 24px
  }

  .main-content-homepage2 {
    font-size: 26px
  }

  .home-box-gradient p {
    font-size: 20px;
    line-height: 32px
  }

  .banner-home video,
  .banner-text,
  .video-image {
    height: 650px
  }
}

@media screen and (max-width: 1280px) {
  .about-stats-visible {
    display: flex;
    justify-content: space-around;
    gap: 0;
    padding: 70px 0 70px 25px
  }

  .markating-cta1-div h2 {
    font-size: 24px;
    line-height: 32px
  }

  .markating-cta1-div h3 {
    font-size: 34px;
    line-height: 42px
  }

  .blog-new-whatsapp {
    margin: 110px 0 0 40px
  }

  div#padding-left30 {
    padding-left: 70px
  }

  .detail-form p br,
  .what-we-offer-mkt br {
    display: none
  }

  .case-study-imp {
    height: 750px
  }

  .text-case-imp h3 {
    font-size: 18px;
    line-height: 26px
  }

  .what-we-offer-mkt .what-we-offer-img img {
    width: 55%
  }

  .what-we-offer-mkt .mkt-p32 {
    padding-left: 0;
    padding-right: 60px
  }

  .notibell-feature-text h3 {
    font-size: 28px
  }

  .why-choose-erp {
    background-size: 100% 96%
  }

  .about-stats-visible .font-heading {
    font-weight: 700;
    font-size: 41px;
    line-height: 36px;
    letter-spacing: -.8px
  }

  .career-content h2,
  .career-nb h2,
  .career-opening-main h2,
  .careerpage .career-banner-text h2 {
    font-size: 46px;
    line-height: 58px
  }

  .Manufacturing_Section1 .relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full,
  .download-bro.download-bro-sections2 .relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full,
  .download-bro.download-bro-sections8 .relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full {
    width: 100%;
    max-width: 75rem
  }

  .career-hr .flex.mobile-flex-reverse {
    gap: 1rem
  }

  .careerpage .career-banner-text p {
    font-size: 18px;
    line-height: 28px
  }

  .career-hr {
    padding: 100px 50px
  }

  .opening-box {
    padding: 20px
  }

  .careerpage .banner-para-career p {
    width: 470px !important
  }

  .career-content p,
  .career-hr .career-left p {
    font-size: 16px;
    line-height: 28px
  }

  .careerpage .career-banner {
    padding: 0 50px 80px;
    gap: 1rem
  }

  .careerpage .career-content {
    padding: 0 50px
  }

  .career-opening {
    padding: 100px 50px
  }

  .career-nb {
    padding-left: 50px
  }

  .careerpage #header {
    padding: 0 40px
  }

  .market-place2 {
    display: none
  }

  .notibell-content-right {
    padding-top: 24px
  }

  .market-place1,
  .notibell-feature-pink p br {
    display: none
  }

  .sewa-slider h2 {
    justify-content: center;
    display: flex
  }

  .notibell-banner-left,
  .sewa-banner-left {
    padding-left: 44px
  }

  .digital-sewa-page #header,
  .notibell-page #header {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .notibell-feature,
  .notibell-how-it-banner,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8,
  .notibell-step-section {
    margin-left: 44px !important;
    margin-right: 44px !important
  }

  .notibell-line {
    width: 85%
  }

  .notibell-feature-pink h3,
  .notibell-feature-pink p {
    padding-left: 0
  }

  .notibell-feature-box p {
    font-size: 16px
  }

  .notibell-banner h1 {
    font-size: 54px;
    line-height: 64px
  }

  .test-seva1 {
    padding-left: 5px
  }

  .about-content h2,
  .career-fourth h2,
  .career-second h2,
  .career-second h3 {
    font-size: 46px;
    line-height: 62px
  }

  .banner-para-career p {
    width: 568px !important
  }

  .career-content,
  .career-fourth .career-fourth-text,
  .career-second {
    padding-left: 30px;
    padding-right: 30px
  }

  .career-left p {
    font-size: 20px;
    line-height: 32px
  }

  .career-third {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .casebox-update-bg h3 {
    font-size: 20px
  }

  .arrow-img1 {
    margin-top: -510px
  }

  .arrow-bg {
    height: 910px
  }

  .contactUsUpdated {
    margin-right: 2rem
  }

  section.hb-form {
    padding-left: 2rem
  }

  .contact-us-country,
  .contact-us-third {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .current-opening {
    padding-right: 50px
  }

  .about-banner-section {
    padding: 0 45px 80px
  }

  .about-us .About-form-left img {
    width: auto;
    height: auto
  }

  .together-about h2 {
    font-size: 44px
  }

  .leader-section h2 {
    font-weight: 700;
    font-size: 46px;
    line-height: 54px
  }

  .together-about h2 {
    padding-left: 36px
  }

  .food-solutions section.relative.pb-36 {
    padding-bottom: 100px
  }
}

@media screen and (max-width: 1240px) {
  .what-flex-box4 {
    margin-top: -40px
  }

  .new-retail-hero .business-box {
    width: 164px
  }

  .new-retail-hero .business-box-img:after {
    width: 140px
  }

  .markating-cta1 {
    padding: 50px 50px 42px
  }

  .blog-new-whatsapp {
    margin: 90px 0 0 35px
  }

  .blog-new-whatsapp a,
  .blog-new-whatsapp img {
    height: 40px
  }

  .video-testimonial .lg\:grid-cols-6 {
    padding-left: 200px
  }

  .video-testimonial h2 {
    font-size: 38px
  }

  .video-testimonial h2 span {
    font-size: 70px;
    line-height: 78px
  }

  .what-flex h3 {
    font-size: 18px
  }

  .what-flex-box2 {
    margin-top: -65px
  }
}

@media screen and (max-width: 1201px) {
  .what-flex-box2 {
    margin-top: -36px
  }
}

@media screen and (max-width: 1170px) {
  .banner-home h1.main-heading2 {
    font-size: 64px;
    line-height: 78px
  }

  .retail-implement .retail-implement-left h3 {
    padding-right: 30px
  }

  .retail-implement-flex {
    gap: 50px
  }

  .retail-implement .retail-implement-right h3 {
    padding-left: 30px
  }

  .dms-choose-grid {
    padding: 60px 40px 0
  }

  .business-hero.digital-hero h1,
  .business-hero.digital-hero h2,
  .business-hero.digital-hero p,
  .dms-choose-text {
    padding-left: 20px
  }

  .dms-choose-img {
    width: 80px
  }

  .dms-choose-box {
    padding: 20px
  }

  .dms-choose-grid {
    gap: 16px
  }

  .dms-grid {
    padding: 47px 0 0
  }

  .dms-section {
    padding: 0 50px 50px
  }

  .dms-grid-img {
    height: 120px
  }

  .marketing-stage-bg,
  .marketing-stage-bg2 {
    height: 1880px
  }

  #mt-34px {
    margin-top: 0
  }

  .business-hero.implementation-hero.crm-services-hero p {
    font-size: 32px;
    line-height: 42px
  }

  .crm-cta3-div h4 {
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 22px
  }

  .crm-cta3-div h3 {
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 4px
  }

  .crm-process-bg,
  .crm-process-box {
    width: 800px
  }

  .crm-consult-box {
    gap: 22px;
    width: 250px
  }

  .manu-detail-form h2 {
    font-size: 36px;
    line-height: 50px
  }

  .cta2-manu-left2,
  .feature-provider-div .w-1\/2.relative.z-20.feature-privide-text {
    width: 100%
  }

  .feature-pro-bg {
    width: 150px
  }

  .feature-provider-div .w-1\/2.relative.z-20 {
    width: 80%
  }

  .feature-pro-img {
    width: auto
  }

  .feature-provider-image {
    width: 20%
  }

  .feature-provider-div.feature-provider-div2 {
    padding: 30px
  }

  .cta-business h3 {
    padding-bottom: 16px
  }

  .business-cta-icon2 {
    left: 32%;
    width: 230px
  }

  .cta-business1 {
    padding-bottom: 30px
  }

  .manu-cta-new.manu-cta-new {
    margin-top: 52px
  }

  .manu-new-benefits p {
    padding-right: 20px
  }

  .menu-benefit-box {
    padding: 16px
  }

  .menu-benefit-back {
    margin-top: -16px
  }

  .business-text {
    width: 60%
  }

  .business-form {
    width: 40%
  }

  .business-boxes {
    gap: 16px
  }

  .business-box h3 {
    font-size: 15px;
    line-height: 22px
  }

  .business-hero h1,
  .business-hero.implementation-hero h1 {
    font-size: 46px;
    line-height: 58px
  }

  .business-icon2 {
    margin: -4rem 0 0 14rem
  }

  .business-hero p,
  .business-hero.implementation-hero p,
  .dubai-logos h4,
  .manufacturing-hero p {
    font-size: 20px;
    line-height: 28px
  }

  .business-icon3 {
    height: 350px;
    left: 52%
  }

  .business-gap {
    gap: 30px
  }

  .business-icon1 {
    top: 8%
  }

  .feature-provider-div {
    padding: 30px 24px 24px
  }

  .blog-casestudy h2,
  .crm-diagram h2,
  .cta-business h3,
  .cta-manufacturing h3,
  .cta2-manufacturing h2,
  .feature-provider h2,
  .implementation-manu h2,
  .manu-new-benefits h2,
  .manufacturing-faq h2,
  .streamline-manu h2,
  .successfull-manu h2 {
    font-size: 36px;
    line-height: 48px
  }

  .imp-process8 {
    left: 24%;
    bottom: 38%
  }

  .imp-process5 {
    bottom: -35%
  }

  .imp-process4 {
    right: 24%;
    margin-top: 290px
  }

  .imp-process1 {
    margin-top: -56px;
    left: 50%
  }

  .detail-form-arrow,
  .video-testimonial svg {
    transform: translate(0)
  }

  .manu-form {
    margin-left: 50px
  }

  .imp-process9 {
    top: 70%
  }

  .imp-process2 {
    right: 26%;
    margin-top: -38px
  }

  .imp-process3 {
    right: 15.5%;
    margin-top: 107px
  }

  .imp-process7 {
    bottom: 11%;
    left: 15%
  }

  .imp-process6 {
    bottom: -4%;
    left: 26%
  }

  .imp-process9 {
    width: 22%
  }

  .implementation-manu {
    padding: 60px 0 195px
  }

  .implementation-manu h2 {
    padding-bottom: 190px
  }

  .manufacturing-faq {
    padding: 60px 34px
  }

  .manu-detail-form {
    padding: 60px 40px
  }

  .streamline-manu-div {
    margin: 0 50px
  }

  .new-benefits-flex {
    gap: 16px
  }

  .provider-left {
    padding: 20px
  }

  .provider-link {
    width: 0
  }

  .feature-provider {
    padding: 30px 50px 60px
  }

  .choose-manu-img {
    width: 420px
  }

  .manu-modes-div,
  .successfull-manu-div {
    margin: 0
  }

  .manu-modes-grid {
    margin: 0 50px
  }

  .cta2-manu-div {
    padding: 0 30px
  }

  .cta2-manu-left {
    padding: 30px 0
  }

  .provider-icon-div {
    padding: 16px 12px
  }

  .new-benefits-first {
    padding: 16px 0 0
  }

  .cta-manu-box {
    padding: 0 0 30px 30px
  }

  .cta-business h2,
  .cta-manufacturing h2 {
    font-size: 26px;
    padding-top: 30px
  }

  .provider-img,
  .provider-img2 {
    width: 410px;
    bottom: 14%
  }

  .manufacturing-hero {
    padding: 160px 20px 60px 25px
  }

  .manufacturing-hero h2 {
    font-size: 62px;
    line-height: 80px
  }

  .trusted-img {
    padding: 47px 50px 0
  }

  .client-trust-section h2 {
    padding-bottom: 80px
  }

  .feature3-section {
    padding: 50px 24px
  }

  .what-flex-box2,
  .what-flex-box4 {
    margin-top: 0
  }

  .home-banner2 {
    padding: 0 24px
  }

  .banner-home h3 {
    font-size: 38px
  }

  .home-prod {
    padding: 40px 24px
  }

  .main-content-homepage2,
  .opening-box h3 {
    font-size: 24px
  }

  .banner-home video,
  .banner-text,
  .video-image {
    height: 550px
  }

  .ERP-education1 {
    height: auto
  }

  .stat-count .font-heading {
    flex: 30%
  }

  .news-section {
    padding: 50px 0
  }

  .blog-main-div {
    padding: 0 50px 50px
  }

  .hrms-partner-text h2 {
    font-size: 50px
  }

  .hrms-landing-banner h2 {
    font-size: 32px
  }

  .hrms-line-partners {
    margin-left: 100px
  }

  .hrms-line-hero {
    top: 76px;
    margin-left: 65px;
    width: 75px
  }

  .Registration-Page #header,
  .hrms-software-page .left-box-manu {
    padding: 0
  }

  .dubai-logos p,
  .home-industry-section.software-dubai p,
  .para-erp-software .Manufacturing-integrate-landing.easy-integrate h3 {
    font-size: 16px;
    line-height: 26px
  }

  .para-erp-software .Manufacturing-integrate-landing.easy-integrate h4 {
    line-height: normal;
    font-size: 26px
  }

  .para-erp-software .lms-landing-para {
    padding: 40px 80px
  }

  .LMS-Landing-banner ul.dubai-list {
    padding-right: 0
  }

  .cta3-manu-box {
    margin: 0 15px
  }

  .business-cta-icon4,
  .crm-cta1-bg1,
  .crm-cta1-bg2,
  .dms-section p br,
  .feature-provider-div .w-1\/2.feature-provider-image.feature-provider-image2,
  .manufacturing-features-section p br,
  .markating-cta1-div h3 br,
  .marketing-stage-icon15,
  .marketing-stage-icon16,
  .marketing-stage-icon17,
  .streamline-manu h2 br {
    display: none
  }

  .manu-cta3-left {
    width: 38%
  }

  .markating-cta1-div h3 {
    font-size: 30px;
    line-height: 40px
  }

  .markating-cta1-div h2 {
    font-size: 22px;
    line-height: 30px
  }

  .cta3-manu-box h2 {
    font-size: 34px
  }

  .cta3-manu-box h3.top-animates,
  .manu-cta3.bottom-animates {
    transform: translateY(0)
  }

  .blog-list-latest .single-news-header,
  .single-news-header {
    gap: 24px
  }

  .manu-cta3 {
    margin: 24px 0
  }

  .Manufacturing-Landing-text p br,
  .blog-casestudy .healthcare p br,
  .cta2-manu-right2,
  .manufacturing-features-section-list p br,
  .round-bg-circle1,
  .round-bg-circle2 img,
  .single-news header p br {
    display: none
  }

  ul.dubai-list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .career-jd h3 {
    font-size: 38px;
    line-height: normal
  }

  .jd-form {
    padding: 80px 50px 80px 10px;
    gap: 20px
  }

  .career-opening-main h2 {
    padding-bottom: 24px
  }

  .dubai-software-page.crm-landing-page .Manufacturing-Experts h2 {
    font-size: 22px;
    line-height: 32px
  }

  .saahas-webinar-banner {
    padding: 20px 20px 40px;
    gap: 30px
  }

  .dubai-logos h2,
  .home-industry-section.software-dubai h2 {
    font-size: 28px;
    line-height: 38px
  }

  .dubai-logos h4 {
    font-size: 18px
  }

  .form-line {
    font-size: 16px;
    line-height: 26px
  }

  .lms-industry-section {
    padding: 40px 50px
  }

  .education-img-right {
    width: 82%
  }

  .career-openings-flex {
    flex-direction: column;
    gap: 20px
  }

  .openings-btn .nav-link-home {
    display: flex;
    margin: auto
  }

  .manufacturing-benifits .banner-inner .gap-x-4 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
  }

  #padding-left10,
  #padding-left11 {
    padding-left: 0
  }

  .career-video-slider {
    padding-left: 208px;
    padding-right: 208px
  }

  .new-lms-cs-image img {
    width: 60%;
    float: right;
    height: auto;
    position: relative;
    right: 0;
    margin-top: 40px
  }

  .education-content img {
    width: auto;
    height: auto
  }

  .new-lms-cs h2 {
    padding: 40px 0 0
  }

  .new-lms-cs,
  .new-lms-cta {
    height: auto;
    padding-bottom: 40px
  }

  .new-education-banner h1 {
    font-size: 42px;
    line-height: normal
  }

  .w-1\/2.right-image {
    width: 40%
  }

  .w-1\/2.left-image {
    width: 60%
  }

  .announcement-grid {
    gap: 20px
  }

  .registration-banner {
    padding: 138px 20px 60px;
    height: auto
  }

  .registration-banner .right-image img {
    position: absolute;
    width: 460px;
    bottom: -68px;
    margin-top: 0;
    right: 0
  }

  .date-announcement {
    padding: 30px 0
  }

  .webinar-stats {
    padding: 40px 4px
  }

  .webinar-text h4 {
    font-size: 14px
  }

  .New-Education-Page .Education5-right p.text-left br,
  .hubspot-drive br,
  .manufacturing-erp-software .Retail-Detailform h2.font-heading br,
  .new-lms-cs h2 br,
  .new-lms-cta h2 br,
  .past-cap,
  .past-gap10 h3 br {
    display: none
  }

  .past-webinar {
    padding: 40px 0
  }

  .past-gap10 {
    gap: 20px;
    padding: 30px 4px 0
  }

  .Manufacturing-Landing-text h1 {
    font-size: 32px;
    line-height: normal
  }

  .Manufacturing-Experts h2,
  .Manufacturing-integrate-landing h2,
  .Retail-Experts h2,
  .best-manufacturing h2,
  .manufacturing-erp-software .Retail-Detailform h2.font-extrabold,
  .manufacturing-landing-choose h2,
  .manufacturing-landing-industries h2,
  .market-logo h3 {
    font-size: 28px;
    line-height: 38px
  }

  .manufacturing-erp-software .logoSlider img {
    height: 90px
  }

  .manufacturing-erp-software .Retail-Detailform {
    padding: 100px 36px
  }

  .manufacturing-erp-software .health-diff {
    padding: 20px
  }

  .Manufacturing-integrate-landing p.health-diff-cntnt {
    font-size: 14px;
    line-height: 24px
  }

  .manufacturing-landing-choose h2,
  .manufacturing-landing-industries h2 {
    padding-bottom: 18px
  }

  .manufacturing-landing-choose p,
  .manufacturing-landing-industries p {
    padding-bottom: 40px
  }

  .best-manufacturing p,
  .manufacturing-landing-choose p,
  .manufacturing-landing-industries p {
    font-size: 16px;
    line-height: 26px
  }

  .best-manufacturing h3,
  .detail-form-landing h3,
  .manufacturing-erp-software .Retail-Detailform h3,
  .manufacturing-erp-software .detail-form p,
  .manufacturing-landing-industries h3 {
    font-size: 18px;
    line-height: 28px
  }

  .manufacturing-landing-choose h3 {
    font-size: 18px;
    line-height: 40px
  }

  .best-manufacturing img {
    width: 60px
  }

  .Manufacturing-Landing-text p,
  .detail-form-landing p {
    font-size: 16px;
    line-height: 26px;
    padding: 20px 0
  }

  .detail-form-landing p {
    padding: 0 30px
  }

  img.educationimg1 {
    width: 250px;
    height: auto
  }

  #calysto-partner-logo img,
  #ecosoft-partner-logo img,
  .LMS-Page .feature-wrap-home,
  .LMS-Page .home .blog-grid .healthcare,
  .Retail-Page .feature-wrap-home,
  .Retail-Page .home .blog-grid .healthcare,
  .erp-healthcare-cs .feature-wrap-home,
  .erp-healthcare-cs .home .blog-grid .healthcare {
    padding: 0 20px
  }

  .home .blog-cont .blog-highlight {
    margin-top: 135px
  }

  .case-detail-banner {
    padding: 77px 20px 66px
  }

  .main-case-content {
    padding: 0 20px 100px
  }

  .erp-healthcare-cs .blog-casestudy .healthcare p,
  .erp-healthcare-cs .healthcare h2 {
    text-align: left
  }

  .case-blog-list .blog-div a {
    font-size: 11px;
    line-height: 15px
  }

  .hubspot-testimonial-gap {
    gap: 16px
  }

  .hubspot-testimonial-gap .hspt-slider p {
    color: #76798a;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px
  }

  .hubspot-testimonial-gap .hspt-slider {
    padding: 20px
  }

  .hspt-swiper {
    margin: 0 20px
  }

  .career-gallery2 .next-career,
  .career-gallery2 .prev-career {
    margin-top: -12rem
  }

  .hubspot-banner p,
  .hubspot-drive p,
  .hubspot-sizzling p {
    font-size: 16px;
    line-height: 28px
  }

  .hubspot-sizzling-gap {
    gap: 50px;
    padding: 0 20px !important
  }

  .diadem-integration {
    padding: 42px 20px
  }

  .diadem-approach-txt h2,
  .diadem-integration h2,
  .hspt-swiper h2,
  .hubspot-banner h2,
  .hubspot-page .form-section-title,
  .hubspot-sizzling h2,
  .sales-hubspot h2 {
    font-size: 36px;
    line-height: 40px
  }

  .hubspot-drive,
  section.relative.hubspot-banner {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 42px
  }

  .approach-list {
    padding: 0 24px
  }

  .diadem-approach-txt {
    padding-top: 42px
  }

  .diadem-approach,
  .diadem-integration h2 {
    padding-bottom: 42px
  }

  .diadem-certified {
    padding: 0 0 42px 24px
  }

  .new-InfosoftPOS -banner-txt p {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 32px
  }

  .new-InfosoftPOS -banner-txt {
    right: 8%
  }

  .new-InfosoftPOS -banner img {
    margin-top: -80px
  }

  .InfosoftPOS -faq,
  .InfosoftPOS -industries,
  .how-pos-works,
  .point-of-sale,
  .pos-features {
    padding-left: 24px;
    padding-right: 24px
  }

  .InfosoftPOS -faq-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .new-InfosoftPOS -page .accordion-body p,
  .point-of-sale p {
    font-size: 16px;
    line-height: 30px
  }

  .InfosoftPOS -industries-grid {
    gap: 16px;
    padding-bottom: 42px
  }

  .how-pos-works {
    padding-top: 42px;
    padding-bottom: 18px
  }

  .pos-features {
    padding-bottom: 0
  }

  .new-InfosoftPOS -page .detail-form-bg {
    padding-top: 42px;
    padding-bottom: 42px
  }

  .InfosoftPOS -faq h2,
  .InfosoftPOS -industries h2,
  .InfosoftPOS -types h2,
  .new-InfosoftPOS -page .form-section-title,
  .new-InfosoftPOS -page .testimonial-title,
  .pos-features h2 {
    font-size: 36px;
    line-height: 42px
  }

  .how-pos-works h2 {
    font-size: 32px;
    line-height: 48px
  }

  .new-InfosoftPOS -page .testimonials-cont p {
    font-size: 16px;
    line-height: 32px
  }

  .new-InfosoftPOS -page .newsletter h4.mb-4 {
    color: #17171e;
    font-size: 20px
  }

  .InfosoftPOS -listitems .listitems {
    font-size: 14px
  }

  .pos-features p {
    font-size: 36px;
    line-height: 52px
  }

  .new-InfosoftPOS -page .form-left-text {
    padding-right: 20px
  }

  .pos-work-box p {
    font-size: 16px
  }

  .pos-work-box h3 {
    font-size: 22px
  }

  .point-of-sale,
  .pos-features {
    padding-top: 42px
  }

  .InfosoftPOS -faq h2,
  .InfosoftPOS -industries h2 {
    padding: 42px 0
  }

  .InfosoftPOS -faq,
  .point-of-sale {
    padding-bottom: 42px
  }

  .InfosoftPOS -types-grid {
    padding: 42px 0 0 66px
  }

  .InfosoftPOS -types {
    padding-top: 42px
  }

  .laptop-view li:nth-child(5) .dropdown-menu,
  .laptop-view li:nth-child(6) .dropdown-menu {
    width: 180px;
    min-width: 180px
  }

  .digital-sewa-page #header,
  .notibell-page #header {
    padding-left: 0;
    padding-right: 0
  }

  .notibell-content-right {
    padding-top: 18px
  }

  #Merchant-Panel .mx-auto.max-w-7xl.flex {
    padding-left: 0;
    margin-left: 2rem !important
  }

  #Merchant-Panel .market-line {
    display: none !important
  }

  .mktplace-banner {
    height: auto
  }

  .listitems {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -.6px;
    color: #4d4c4f
  }

  .desc-steps {
    font-size: 16px;
    line-height: normal;
    padding: 0 24px
  }

  .scroll-boxdiv {
    padding: 0 24px
  }

  .scroll-boxdiv .pr-24 {
    padding-right: 0
  }

  .feature-text br,
  .mkt-learn.business-btn {
    display: none
  }

  .single-testimonials-inn .lg\:max-w-5xl {
    max-width: -moz-max-content;
    max-width: max-content
  }

  .single-testimonials-inn .mb-12.md\:mx-auto.text-center.max-w-7xl.scroll-boxdiv {
    margin-bottom: 0
  }

  .single-testimonials-inn .mb-12.md\:mx-auto.text-center.max-w-7xl {
    margin-bottom: 10rem
  }

  .scrollgroup .scrollitem {
    padding-left: 0
  }

  .swipercasestudy p {
    font-size: 18px;
    line-height: 32px
  }

  .mktplace-banner .w-1\/2.max-sm\:basis-full.max-sm\:p-0 {
    width: 50%
  }

  .mktplace-banner h1 {
    padding-top: 126px
  }

  .market-left {
    padding-left: 30px;
    width: 50%
  }

  .what-we-flex {
    gap: 28px
  }

  .customer-intrection {
    padding-right: 20px
  }

  .Interface-line-head h2,
  .business-sub-heading,
  .case-study-heading,
  .customer-food,
  .heading-food h1,
  .video-testimonial h2 {
    font-size: 32px;
    line-height: normal
  }

  .food-banner {
    min-height: -moz-max-content;
    min-height: max-content
  }

  .heading-food h1 {
    font-size: 34px
  }

  .food-software-bg {
    background-position: 0
  }

  .food-solutions .btn.header-btn {
    margin-top: 28px
  }

  .business-left-interface,
  .ecosoft-page #header,
  .ERP Fast Track -manufacturing-page #header,
  .manu-casestudy.health-casestudy h2 {
    padding: 0
  }

  .business-interface {
    background: #feebe5
  }

  .text-contact-vertical {
    font-size: 30px
  }

  .food-banner {
    background: linear-gradient(107deg, #fa8a62 0, #f66d63 101.22%)
  }

  .calysto-logo,
  .ecosoft-logo,
  .gallery-bg .swiper-slide.swiper-slide-prev img {
    height: auto
  }

  .calysto-banner,
  .ecosoft-banner,
  .petalm-banner,
  .rrl-page .rrl-banner,
  .sil-banner,
  .xurpas-page .innometa-banner,
  .xurpas-page .xurpas-banner {
    padding: 42px 20px
  }

  .expertise-box-center {
    padding: 0 50px
  }

  .ecosoft-content-text {
    padding: 42px 20px
  }

  .ecosoft-expertise .ecosoft-content-text {
    padding: 42px 0 38px
  }

  .ecosoft-expertise {
    padding: 0 20px 42px
  }

  .nav-links {
    padding-right: 8px;
    padding-left: 8px
  }

  .home .stats-h2 {
    font-size: 54px;
    line-height: 66px;
    padding-top: 8rem
  }

  .hubspot-partner {
    width: 360px
  }

  .frappe-partner {
    width: 310px
  }

  .structure-bg {
    background-size: 100% 100%
  }

  .home .stat-count {
    padding-left: 40px;
    padding-right: 20px
  }

  .stat-count .font-heading {
    font-size: 42px
  }

  .feature-text span br {
    display: block !important
  }

  .main-heading2 {
    line-height: normal;
    font-size: 90px
  }

  .ecosoft-banner-flex {
    gap: 6rem
  }

  .video-testimonial {
    padding: 100px 20px
  }

  .video-testimonial a img {
    width: 150px;
    height: auto
  }

  .ERP Fast Track -healthcareNew img.bluevector,
  .ERP Fast Track -manufacturing-page img.bluevector {
    padding-top: 3px !important
  }

  .manufacturing-benifits {
    padding: 100px 0
  }

  .manufacturing-stepping {
    padding: 40px 0
  }

  .Retail-Detailform,
  .manu-casestudy {
    padding: 100px 4px
  }

  .manu-casestudy {
    background-position: 0-88px
  }

  .ERP Fast Track -manufacturing-page .feature-wrap-home,
  .ERP Fast Track -manufacturing-page .home .blog-grid .healthcare {
    padding: 0 20px !important
  }

  .ERP Fast Track -manufacturing-page .manufacturing-banner .banner-inner {
    margin-left: 20px
  }

  .health-modules,
  .healthcare-benefits {
    padding: 40px 20px !important
  }

  .health-modules {
    background: #0b020a
  }

  .ERP Fast Track -healthcareNew .standards-section2 {
    padding: 6px 20px !important
  }

  .health-diff {
    margin: 0
  }

  .manu-casestudy.health-casestudy p {
    font-size: 14px;
    line-height: 22px
  }

  .ERP Fast Track -healthcareNew .home .blog-casestudy {
    padding: 40px 0
  }

  .ERP Fast Track -healthcareNew .feature-wrap-home,
  .health-accordionResp {
    padding: 0 20px !important;
    margin-bottom: 40px !important
  }

  .health-form-bottom {
    padding: 40px 340px 40px 20px
  }

  .manufacturing-trusted .banner-inner {
    padding: 0 20px
  }

  .health-form-bottom .md\:basis-7\/12.md\:flex.md\:flex-col.justify-center.max-sm\:text-center.max-sm\:pb-5.form-left-text {
    margin-bottom: 40px
  }

  .manufacturing-features-section {
    padding-top: 40px
  }

  .feature-text-image {
    padding: 40px 0
  }

  .manufacturing-features-section-list,
  .manufacturing-features-section-list.gray-light-bg {
    padding: 0 4px !important
  }

  .manufacturing-stepping .pl-40 {
    padding: 0 14px
  }

  .manufacturing-trusted {
    padding: 40px 0
  }

  .ERP Fast Track -healthcareNew #header {
    padding: 0 10px !important
  }

  .healthcare-banner.manufacturing-banner,
  .manufacturing-banner {
    height: 590px
  }

  .content-gap p,
  .partnership-text.manufacturing-text p {
    font-size: 16px;
    line-height: 26px
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    padding-left: 24px !important;
    padding-right: 24px !important
  }

  .partner-left,
  .partnership-content {
    padding-left: 24px;
    padding-right: 24px
  }

  .Partnership .detail-form h2,
  .partner-left-text h1 {
    font-size: 34px;
    line-height: 52px
  }

  .manufacturing-features-section-list .pt-20 {
    padding-top: 0
  }

  .manufacturing-banner .banner-inner {
    margin-left: 20px;
    margin-top: 2rem
  }

  .ERP Fast Track -healthcareNew .manufacturing-banner .banner-inner {
    margin-left: 20px !important;
    margin-top: 2rem !important
  }

  .ERP Fast Track -manufacturing-page .Retail-Detailform h2,
  .ERP Fast Track -manufacturing-page .Retail-accordian h2,
  .ERP Fast Track -manufacturing-page .blog-casestudy h2,
  .manu-support-section h2,
  .manufacturing-banner h1,
  .manufacturing-benifits h2,
  .manufacturing-features-section h2,
  .manufacturing-stepping h2,
  .manufacturing-testimonial h3,
  .manuwhome-right-text h2 {
    font-size: 38px;
    line-height: 52px
  }

  .right-box-manu img {
    width: 335px !important
  }

  .partnership-box {
    height: 66px
  }

  .partner-right {
    padding: 127px 60px
  }

  .manuwhome-right-text p br,
  .partner-left-text p br,
  .whom-content p br {
    display: none
  }

  .partner-form-text.pt-36 {
    padding-top: 13rem
  }

  .manuwhome .gap-28 {
    gap: 2rem
  }

  .manuwhome .gap-16 {
    gap: 1rem
  }

  .manuwhome {
    padding: 40px 0
  }

  .manuwhome-right {
    padding-left: 3rem
  }

  .manu-casestudy h2 {
    font-size: 16px;
    padding-top: 40px;
    margin-bottom: 10px !important
  }

  .manu-casestudy p {
    padding-right: 0;
    padding-bottom: 10px;
    font-size: 14px
  }

  .content-gap svg {
    margin-top: 3px
  }

  .Partnership .partner-left-text h1,
  .partnership-testimonials h2 {
    font-size: 32px;
    line-height: 38px
  }
}

@media (max-width: 1024px) {
  .text-contact-vertical {
    font-size: 40px
  }

  .news-section .date-format.blog-main-date {
    padding-left: 0 !important
  }

  .Retail-Detailform h2.font-heading br,
  .career-left p br,
  .ERP Fast Track -software p.mx-auto.dark\:text-slate-400.max-w-3xl.text-muted.text-xl br,
  .home .blog-cont .blog-highlight,
  .notibell-page p br,
  .seva-feature p br,
  .sewa-banner p br {
    display: none
  }

  .thanks-content {
    height: auto
  }

  .manu-support-section h3 {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 24px
  }

  .manu-support-section h3.support-subtitle {
    padding-bottom: 24px
  }

  .career-Bootcamp {
    padding: 100px 20px 76px
  }

  .past-cap {
    right: 20px;
    display: none
  }

  body {
    overflow-x: hidden !important
  }

  .career-hr {
    padding: 100px 15px
  }

  .contact-us-social-mobile img,
  .contact-us-social-mobile svg {
    width: 65px !important;
    height: auto !important
  }

  .Homepage #header,
  .blog-list-latest #header,
  .careerpage #header,
  .news-detail-page #header,
  .news-detail-page footer {
    padding: 0
  }

  .news-listing-page .pl-4 {
    padding: 0 30px
  }

  .about-stats-visible p span,
  .leader-section h4 {
    font-size: 20px
  }

  .news-section .date-format,
  .news-section .tracking-tighter {
    padding-left: 1.5rem !important
  }

  .career-hr .flex.mobile-flex-reverse {
    gap: 3rem
  }

  .careerpage .career-banner,
  .careerpage .career-content {
    padding: 0 20px
  }

  .career-opening {
    padding: 40px 20px
  }

  .career-nb {
    padding-left: 15px
  }

  .notibell-content h2 {
    font-size: 32px;
    line-height: 48px
  }

  .notibell-content p {
    padding-right: 0;
    font-size: 16px;
    line-height: normal;
    opacity: .8;
    padding-bottom: 18px
  }

  .notibell-banner h1 {
    font-size: 42px;
    line-height: 56px
  }

  .notibell-form h5 {
    font-size: 28px;
    line-height: 38px
  }

  .md\:basis-1\/2.p-10.pl-28.max-sm\:p-5.notibell-form {
    padding: 30px 0 30px 30px
  }

  .notibell-feature-pink img {
    width: auto;
    height: auto
  }

  .sewa-banner h1 {
    font-size: 46px;
    line-height: 58px
  }

  .sewa-content h2 {
    font-size: 32px;
    line-height: normal;
    padding-top: 10px
  }

  .sewa-banner1,
  .sewa-banner2,
  .sewa-banner3,
  .sewa-banner4,
  .sewa-banner5 {
    height: 680px
  }

  .seva-feature {
    padding-left: 0;
    padding-right: 0
  }

  .erp-next-open h6.text-lg.font-bold,
  .seva-feature-box h4,
  p.max-w-3xl.mx-auto.text-xl.text-muted.dark\:text-slate-400 {
    font-size: 16px
  }

  .seva-feature p {
    font-size: 14px;
    line-height: 22px
  }

  .seva-feature-box img {
    height: 45px;
    width: auto;
    margin-bottom: 24px !important
  }

  .stepping-section-seva {
    padding: 0 45px !important
  }

  .test-seva1 {
    width: 508px
  }

  .seva-form {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 0
  }

  .sewa-banner p {
    padding-right: 30rem
  }

  .digital-seva-form {
    padding-bottom: 60px
  }

  .ERP Fast Track -software h2.max-w-5xl.sm\:text-5xl.mt-10.-tracking-tight.sm\:leading-snug.font-extrabold.font-heading.max-sm\:mt-5.form-section-title,
  .hubspot-drive h2,
  .seva-form h5 {
    font-size: 36px;
    line-height: 54px
  }

  .sews-content-img {
    width: 425px;
    height: 374px
  }

  .banner-para-career p {
    width: 468px !important
  }

  .career-left p {
    font-size: 18px;
    line-height: 28px
  }

  .contact-us-country .gap-14 {
    gap: 1rem
  }

  .contact-us section.hb-form {
    padding-right: 2rem
  }

  .map-contact-us {
    height: auto;
    width: 100%
  }

  .button-free-black,
  .button-free-white {
    font-size: 14px;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .contact-us-social {
    height: auto
  }

  .right-social-contact {
    padding: 180px 0 100px
  }

  .feature3-img {
    margin: 10px 0 0
  }

  .industry-list .industry-item:after {
    margin: -70px 0 0 28px
  }

  .industry-list .industry-item:before {
    width: 90px;
    height: 90px;
    margin: -80px 0 0 15px
  }

  .home-industry-section .lg\:max-w-7xl .lg\:pt-48 {
    padding-top: 50px
  }

  .slide1 .casebox-update-bg h4 {
    padding-top: 95px
  }

  .slide2 .casebox-update-bg h4,
  .slide3 .casebox-update-bg h4 {
    padding-top: 15px
  }

  .arrow-img1 {
    margin-top: -360px
  }

  .partner-txt img {
    width: 80%
  }

  .color-boxes .color-bg h3 {
    font-size: 26px;
    height: auto;
    padding: 10px 0 0
  }

  .color-boxes .color-bg p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: normal;
    color: #f4f4f4
  }

  .color-boxes .color-bg {
    padding: 80px 20px 20px;
    border-radius: 12px !important;
    height: 450px
  }

  .opensource-box {
    padding: 1rem
  }

  .opensource-box h6 {
    font-size: 15px !important
  }

  .open-source-img img {
    height: 60px;
    width: 58px
  }

  .opennext {
    padding: 0
  }

  .erp-open-section div#whyclass1,
  .erp-open-section div#whyclass2 {
    margin-left: 6rem
  }

  .erp-open-section .erp-second h2 {
    font-size: 32px;
    line-height: 51px
  }

  .erp-open-section .erp-second p,
  .ERP Fast Track -software .mysoftwaretestimonials p {
    font-size: 19px
  }

  .ERP Fast Track -software .testimonial-title {
    font-size: 38px
  }

  .ERP Fast Track -software .banner-form h1 {
    font-size: 46px;
    line-height: 60px
  }

  .ERP Fast Track -software p.text-l.pb-8 {
    color: #dbdce0;
    font-size: 19px
  }

  .ERP Fast Track -software .md\:basis-1\/2.md\:flex.md\:flex-col.justify-center.max-sm\:text-center.max-sm\:pb-5.form-left-text {
    padding-left: 2rem
  }

  .Retail4-section .benefit-box h4 {
    font-size: 13px;
    line-height: 18px
  }

  .Retail4-section .benefit-list {
    font-size: 12px;
    line-height: 24px
  }

  .ERP-Retail3 h3.font-medium,
  .ERP-Retail3 h3.font-medium span {
    font-size: 40px;
    line-height: 50px
  }

  .retail5-box h4.text-base.font-semibold {
    color: #fff;

    font-size: 13px;
    font-style: normal
  }

  .retail5-box img.mb-3 {
    width: 35px;
    margin-top: 1rem;
    height: 35px
  }

  .Retail5-section h2.font-heading,
  .Retail6-section h2.font-heading {
    font-size: 40px
  }

  .stepping-section h3.font-bold {
    font-size: 18px
  }

  .ERP-education3 h3.text-base,
  .retail-support-section h2.font-heading {
    font-size: 40px;
    line-height: 50px
  }

  .Retail-Page .testimonials-cont p,
  .support-box h4 {
    font-size: 17px
  }

  .Retail-accordian h2.font-bold {
    color: #000;

    font-size: 40px
  }

  .ERP Fast Track -software .first-section .flex {
    padding-top: 1rem;
    padding-left: .5rem
  }

  .education4-section h4.text-base,
  .erp-section .erpsection-btn {
    font-size: 14px
  }

  .ERP Fast Track -software .flex.justify-evenly li.div2,
  .ERP Fast Track -software .flex.justify-evenly li.div3,
  .ERP Fast Track -software .flex.justify-evenly li.div4,
  .ERP Fast Track -software .flex.justify-evenly li.div5,
  .ERP Fast Track -software .flex.justify-evenly li.div6,
  .ERP Fast Track -software .flex.justify-evenly li.div7,
  .ERP Fast Track -software .flex.justify-evenly li.divone {
    width: 168px
  }

  .ERP Fast Track -software .benefits-section,
  .ERP Fast Track -software .erp-section .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center,
  .ERP Fast Track -software .platform-section {
    width: 56rem
  }

  .ERP Fast Track -software .platform-section h2.font-heading {
    font-size: 40px;
    line-height: 62px
  }

  .grid.gap-10.sm\:grid-cols-1.md\:grid-cols-6.lg\:grid-cols-6.mt-0.dark\:text-white.items-stretch.max-sm\:px-4.open-source {
    gap: 1.5rem
  }

  .ERP Fast Track -software .newsletter .relative.px-3.sm\:px-6.mx-auto.w-full.lg\:max-w-7xl.md\:flex.md\:flex-row.justify-between {
    width: 58rem
  }

  .ERP-education1 h1.font-heading {
    font-size: 36px;
    line-height: 51px;
    padding-top: 8rem
  }

  .ERP-education3 p.text-l {
    font-size: 18px
  }

  .education4-section .education4-box img {
    width: 45px
  }

  .education4-section h2.font-heading {
    font-size: 40px;
    line-height: 46px
  }

  .Education5-right h2.text-left {
    font-size: 40px;
    line-height: 54px
  }

  .Education-features .right-feature {
    padding-left: 3rem
  }

  .LMSmodules-section h3.font-semibold {
    font-size: 16px
  }

  .LMS-casestudy {
    background-size: cover !important
  }

  .LMScase-img-right {
    height: 32rem;
    width: 36rem;
    margin-top: 0
  }

  .LMS-casestudy h2 {
    font-size: 20px;
    padding-top: 4rem;
    line-height: 26px
  }

  .LMS-casestudy p.text-l,
  .new-lms-cs h4 {
    color: #fff;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 16px 0
  }

  .LMS-Support {
    margin-top: 0
  }

  .LMS-support-section h2.font-heading {
    font-size: 40px
  }

  .LMS-Page .testimonial-title {
    font-size: 37px;
    line-height: normal;
    color: #000 !important
  }

  .LMS-Page .testimonials-cont p {
    font-size: 16px
  }

  .LMS-Page .Retail-Detailform h2.font-heading {
    font-size: 45px;
    margin-top: -5rem;
    line-height: 60px
  }

  .Education5-right p.text-left {
    color: #fff;

    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -.24px
  }

  .ERP-education1 p {
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 9px 20px 9px 0;
    text-align: left !important
  }

  .about-banner-section {
    align-items: flex-end;
    padding: 0 40px 50px 46px
  }

  .banner-para-about p {
    width: 468px
  }

  .about-stats-visible {
    gap: 26px;
    padding: 60px 25px 146px
  }

  .together-about h2 {
    padding-left: 0
  }

  .about-us .together-about .relative.md\:flex.justify-between.pt-16 {
    display: flex
  }

  .About-us-form .form-section-title {
    font-size: 39px;
    line-height: 47px
  }

  .about-us .text-base {
    width: auto !important
  }

  .about-stats-visible .font-heading {
    font-size: 70px
  }

  .about-us .about-stats-visible {
    padding: 60px 25px 146px
  }

  .contact-us-left {
    width: 50%
  }

  .cntctUsLeft {
    padding: 20px;
    width: 455px
  }

  .detail-form-bg.health-form-bottom .md\:flex-row,
  .together-about .relative.md\:flex.justify-between.pt-16,
  .together-about-resp {
    display: block
  }

  .benefit-nine-section.flex.flex-wrap {
    justify-content: center
  }

  .benefit-three-section .benefit-bg-Benefits.flex.align-center.justify-center,
  .blog-casestudy .healthcare p,
  p.health-blogResp {
    width: auto
  }

  .health-form-bottom .md\:basis-7\/12.md\:flex.md\:flex-col.justify-center.max-sm\:text-center.max-sm\:pb-5.form-left-text {
    margin-bottom: 40px
  }

  h2.health-benefitResp {
    text-align: left
  }

  .contactUsUpdated {
    background-size: cover
  }

  .cntctUsLeft {
    height: auto
  }
}

@media (max-width: 1023px) {
  .markating-cta1 {
    padding: 0 50px 40px
  }

  .streamline-manu-div.streamline-manu-div-retail {
    margin: 0
  }

  .business-cta3 .w-2\/5,
  .business-cta3 .w-3\/5 {
    width: 100%;
    display: block
  }

  .streamline-manu-div.streamline-manu-div-retail .streamline-manu-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .markating-cta2.markating-cta1 {
    padding-bottom: 0
  }

  .business-hero.digital-hero h1 {
    font-size: 34px;
    line-height: 50px
  }

  .business-hero.digital-hero p {
    font-size: 20px;
    line-height: 34px
  }

  .business-cta3-img2 {
    width: 55px
  }

  .business-cta3-box {
    flex-direction: column;
    gap: 0;
    padding: 50px 40px;
    height: 240px
  }

  .business-cta3-box .w-1\/4,
  .business-cta3-box .w-3\/4,
  .feature-provider-div .w-1\/2.relative.z-20 {
    width: 100%
  }

  .banner-vid-cont video,
  .business-hero.digital-hero h2 br,
  .business-hero.digital-hero p br,
  .digital-hero .business-icon1,
  .digital-hero .business-icon3,
  .digital-hero4,
  .digital-hero5,
  .feature-provider-image,
  .left-imple-cta1,
  .left-imple-cta2,
  .marketing-stage-bg,
  .marketing-stage-bg2 {
    display: none
  }

  .marketing-stage-box h3,
  .marketing-stage-box h4 {
    color: #fff
  }

  .marketing-left {
    padding-top: 80px
  }

  .marketing-stage-box h4 {
    padding-top: 16px
  }

  .marketing-stage-box {
    background: #6052fe;
    padding: 0 40px
  }

  .marketing-stages {
    padding: 40px 0
  }

  .digital-hero3 {
    width: 28px
  }

  .digital-hero1,
  .digital-hero2 {
    width: 40px
  }

  .digital-hero5 {
    margin: -4rem 0 0 16rem
  }

  .business-hero.digital-hero h1,
  .business-hero.digital-hero h2,
  .business-hero.digital-hero p,
  .para-erp-software div#padding-left30 {
    padding-left: 0
  }

  .food-solutions.overflow-hidden header {
    background: #000
  }

  .banner-home,
  .video-image {
    height: 550px
  }

  .dropdown-menu {
    margin-left: 0 !important;
    padding-left: 0
  }

  .banner-text {
    height: 100%
  }

  #imageModal-second {
    max-width: 400px;
    width: 400px
  }

  .hrms-banner-gap {
    flex-direction: column
  }

  .hrms-partner-logos,
  .hrms-partners-gap {
    gap: 50px
  }

  .hrms-partner-text h2 {
    font-size: 40px
  }

  .hrms-banner-gap .w-1\/2 {
    width: 100%
  }

  .hrms-landing-banner p {
    padding: 0 0 40px
  }

  .hrms-landing-banner {
    background: #2848ed url(/assets/images/hrms-banner.webp)no-repeat;
    background-size: contain
  }

  .hrms-partners {
    padding: 60px 40px
  }

  .hrms-landing-form {
    width: 100%
  }

  .hrms-line-partners {
    margin-left: 0
  }

  #mt-33px {
    margin-top: 0
  }

  .saahas-webinar-left h1,
  .saahas-webinar-left h3,
  .single-news header h1 {
    padding-bottom: 16px
  }

  .pos-landing-choose #landing-choose5 {
    height: 28px
  }

  .single-news {
    padding-top: 0
  }

  .blog-list-latest .single-news-header,
  .single-news-header,
  .single-news-header.news-list {
    flex-direction: column;
    align-items: baseline;
    gap: 24px
  }

  .single-news-header {
    gap: 0
  }

  .jd-form {
    flex-direction: column;
    padding: 0 20px 40px
  }

  .blue-shade3,
  .blue-shade4,
  .jd-left-form {
    display: none
  }

  .jd-right-form,
  .saahas-webinar-banner .w-1\/2,
  .what-we-offer-mkt .what-we-offer-img img {
    width: 100%
  }

  .ecosoftform {
    margin-left: 0
  }

  .registration-closed {
    width: 40%
  }

  .crm-landing-page .Retail-Detailform h2.font-extrabold {
    padding-right: 0
  }

  .saahas-webinar-banner {
    flex-direction: column
  }

  .saahas-webinar-right ul {
    list-style-type: disc;
    padding-left: 20px
  }

  .webinar-card-saahas h5 {
    padding: 36px 0
  }

  .LMS-Page.overflow-hidden .logo-white,
  .Retail-Detailform .form-left-text,
  .Retail-Page.overflow-hidden .logo-white,
  .blue-shade2,
  .manufacturing-erp-software.overflow-hidden .logo-white,
  .stats-rightbg {
    display: none
  }

  .dubai-software-page .left-box-manu p {
    width: auto
  }

  .career-openings-flex {
    flex-direction: row;
    gap: 0
  }

  .career-opening .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .openings-btn .nav-link-home {
    display: flex;
    margin: 0
  }

  .Retail-Detailform .detail-form {
    flex-basis: 100%
  }

  .manufacturing-benifits .gap-x-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .Registration-Page .nav-links,
  body.LMS-Page .dropdown .nav-links,
  body.LMS-Page .nav-links,
  body.Retail-Page .nav-links {
    color: #000 !important
  }

  .ERP-education1 {
    background-position: 0 0 !important
  }

  .LMS-Page.overflow-hidden .logo-dark,
  .Retail-Page.overflow-hidden .logo-dark,
  .manufacturing-erp-software.overflow-hidden .logo-dark {
    display: block
  }

  .LMS-Page.overflow-hidden .toggle-mobile path,
  .Registration-Page.overflow-hidden .toggle-mobile path,
  .Retail-Page.overflow-hidden .toggle-mobile path,
  .manufacturing-erp-software.overflow-hidden .toggle-mobile path,
  .scroll .toggle-mobile path,
  .white-nav .toggle-mobile path {
    stroke: #000
  }

  #case-detail-right,
  .Registration-Page.overflow-hidden .logo-white,
  .case-detail-banner h1 br {
    display: none
  }

  .Registration-Page.overflow-hidden .logo-dark,
  .manufacturing-erp-software .Retail-Detailform .md\:flex-row {
    display: block
  }

  .career-video-slider h2 {
    font-size: 32px;
    line-height: 38px;
    padding: 40px 0 32px
  }

  #case-detail {
    width: 100% !important
  }

  .structure-bg {
    background: #0b020a !important
  }

  .client-trust-section {
    background: #0b020a
  }

  .calysto-line,
  .InfosoftPOS -faq-img,
  .home .blog-casestudy .healthcare p br,
  .home .form-left-text a,
  .home .form-section-title br {
    display: none
  }

  .how-pos-works2 h2 {
    font-size: 42px;
    line-height: 52px
  }

  .what-we-offer-mkt .mkt-p32 {
    padding-left: 0;
    padding-right: 0
  }

  .home .stats-h2:after {
    height: 90px
  }

  .home .blog-img img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
  }

  .home .h-screen {
    background-image: url(/assets/images/banner-video-img1.webp)
  }

  .home .detail-form-bg .md\:flex-row {
    flex-direction: column
  }

  .home .form-section-title {
    text-align: center;
    padding-bottom: 40px
  }

  .swiper-button-next-imp,
  .swiper-button-prev-imp {
    display: none !important
  }

  .case-implemented-div .feature-wrap3 {
    padding: 0 50px
  }

  .home .blog-cont .blog-highlight {
    margin-top: 150px;
    font-size: 16px;
    display: none
  }

  .moile-flex-column {
    flex-direction: column
  }

  .intustry-gridlap {
    display: none
  }

  .home-banner2 {
    flex-direction: column
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -18rem
  }

  .industry-grid {
    display: grid;
    gap: 16px
  }

  .feature3-img-mobile {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    margin-top: -130px
  }

  .display-hide {
    display: flex !important;
    justify-content: center;
    padding-top: 0;
    gap: 1rem !important
  }

  .main-heading2 {
    font-size: 84px
  }

  .home-banner2 .home-left-banner.w-1\/2 {
    padding-top: 80px
  }

  .home-banner2 .w-1\/2 {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 0
  }

  .feature3-img,
  .home-bottomflex,
  .home-box-gradient p {
    display: none
  }

  .home-box-gradient {
    padding: 24px 0 0;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    justify-content: center;
    display: flex;
    height: auto;
    width: auto
  }

  .home .stats-h2 {
    padding-top: 0
  }

  .home .blue-shade-text {
    padding-bottom: 0
  }

  .stats-h2:after {
    right: 50px;
    background: url(/assets/images/stats-arrow2.png)no-repeat center center;
    width: 200px
  }

  .home .stat-count {
    padding-top: 150px;
    width: 500px;
    margin: auto
  }

  .client-grid {
    gap: 13.3px;
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .client-trust-section h2,
  .testimonial-title {
    font-size: 46px;
    line-height: 70px
  }

  .frappe-partner,
  .hubspot-partner {
    width: auto
  }

  .stats-box-home {
    background: #0b020a;
    background-size: 100% 100%;
    background-position: 0 140px
  }

  #header .flex.justify-between.md\:px-3 img {
    margin-top: 10px
  }

  #header .py-3 {
    padding-bottom: 6px !important;
    padding-top: 10px !important
  }

  .scroll .toggle-mobile svg rect,
  .white-nav .toggle-mobile svg rect {
    fill: #000 !important
  }

  .toggle-mobile:focus {
    --tw-ring-opacity: 0 !important
  }

  .text-contact-vertical {
    font-size: 28px
  }

  .why-dms1 {
    margin-top: -40px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .dms-choose {
    padding: 40px 0
  }
}

@media (max-width: 991px) {

  .business-boxes,
  .new-retail-hero .business-boxes {
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 24px
  }

  .retail-implement h2 {
    padding-bottom: 32px
  }

  .retail-implement-flex {
    flex-direction: column
  }

  .retail-implement-left,
  .retail-implement-right {
    width: 468.72px;
    margin: auto
  }

  .food-solutions section.relative.pb-36,
  .retail-implement {
    padding-bottom: 0
  }

  .new-retail-hero.business-hero h2 {
    font-size: 32px;
    line-height: 110%
  }

  .new-retail-hero .business-box {
    width: 170px
  }

  .new-retail-hero .business-box-img:after {
    width: 146px
  }

  .dms-choose p {
    padding: 12px 40px 0
  }

  .dms-choose {
    padding: 40px 0
  }

  .dms-choose-grid {
    gap: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 24px 40px 0
  }

  .markating-cta2.markating-cta1 {
    padding-top: 40px
  }

  .dms-section {
    padding: 0 50px
  }

  .why-dms1 {
    height: 12px
  }

  .Retail-implement-line,
  .markerting-cta-image {
    display: none
  }

  .markating-cta1-box {
    padding: 40px
  }

  .news-section p.news-slider-para {
    margin-top: 40px
  }

  .digital-hero .business-text {
    justify-content: start
  }

  .business-hero.digital-hero p {
    padding-bottom: 16px
  }

  .business-hero.digital-hero h1 {
    font-size: 30px;
    line-height: 50px
  }

  .crm-process-box h4 {
    order: 3
  }

  .crm-process-box img {
    order: 1
  }

  .crm-process-box h3 {
    order: 2
  }

  .crm-services-hero .business-boxes {
    padding-top: 24px
  }

  .blog-new-whatsapp {
    margin: 120px 0 0 50px
  }

  .blog-new-whatsapp a,
  .blog-new-whatsapp img {
    height: 44px
  }

  .cta-business h3,
  .cta2-manufacturing h2,
  .dms-choose h2,
  .dms-section h2,
  .feature-provider h2,
  .implementation-manu h2,
  .manu-new-benefits h2,
  .marketing-stages h2,
  .streamline-manu h2,
  .successfull-manu h2 {
    font-size: 32px;
    line-height: 42px
  }

  .business-box2 {
    margin: 0
  }

  .business-hero h1,
  .business-hero.implementation-hero h1 {
    font-size: 40px;
    line-height: 50px
  }

  .blog-main-flex {
    flex-direction: column
  }

  .blog-main-back,
  .crm-process-bg,
  .fixed-section-class .blog-form,
  .implementation-manu {
    display: none
  }

  .blog-back-mobile {
    display: block
  }

  .blog-left {
    width: 100%;
    padding: 0
  }

  .client-trust-gradient {
    width: 50%
  }

  .blog-right {
    width: 100%;
    display: flex
  }

  .hubspot-sizzling {
    background: #080e21;
    padding: 42px 0
  }

  .hrms-software-page .Manufacturing-Experts p {
    text-align: center
  }

  .dubai-software-page .Landing-choose-grid {
    -moz-column-gap: 0;
    column-gap: 0
  }

  .ryk-cs-updated .youtube-video-news,
  .youtube-video-news.youtube-video-flex {
    margin-bottom: 0
  }

  .para-erp-software .Manufacturing-integrate-landing.easy-integrate h3 {
    text-align: left !important;
    padding-bottom: 28px
  }

  .para-erp-software .Manufacturing-integrate-landing.easy-integrate h4 {
    padding: 28px 0;
    font-size: 20px;
    text-align: left !important
  }

  .para-erp-software .Manufacturing-integrate-landing.easy-integrate h3 br,
  .pharma-gradient1,
  .pharma-gradient2,
  .pharma-gradient3,
  .pharma-gradient4 {
    display: none
  }

  .Education-Landing-banner .Manufacturing-Landing-text p,
  .LMS-Landing-banner .Manufacturing-Landing-text p {
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 0
  }

  .announcement-box h6,
  .box {
    font-size: 16px
  }

  .blog-list-latest .single-news-header,
  .single-news-header.news-list {
    margin: 16px 0 40px
  }

  .industry-schedule {
    padding-bottom: 40px
  }

  .business-form,
  .business-text,
  .inner-banner-landing .w-1\/2,
  .markating-cta1-box .w-1\/2 {
    width: 100%
  }

  .markating-cta1-btn,
  .markating-cta1-div h2,
  .markating-cta1-div h3,
  div#padding-left30 {
    padding-left: 0
  }

  .career-jd .lg\:max-w-7xl {
    padding: 0 50px
  }

  .career-jd {
    padding: 20px 20px 40px
  }

  .key-response {
    padding-left: 10px
  }

  .saahas-form,
  .saahas-webinar-right {
    padding: 20px
  }

  .software-dubai-items {
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .software-dubai-items .industry-items {
    font-size: 18px
  }

  .Manufacturing-Experts p,
  .home-industry-section.software-dubai p {
    text-align: left;
    font-size: 16px;
    line-height: 26px
  }

  .LMS-casestudy .banner-inner {
    padding-bottom: 20px
  }

  .lms-industry-section p {
    padding: 16px 0 32px;
    text-align: left
  }

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

  .lms-industry-section h2 {
    font-size: 28px;
    line-height: 38px;
    text-align: left
  }

  .lms-industry-section {
    padding: 40px 20px
  }

  .LMS-casestudy h2 br,
  .LMS-casestudy-image,
  .Manufacturing-Landing-text h1 br,
  .business-icon1,
  .business-icon2,
  .business-icon3 {
    display: none
  }

  .LMS-csText,
  .md\:basis-1\/2.p-10.pl-28.max-sm\:p-5.notibell-form {
    flex-basis: 100%
  }

  .LMS-casestudy h2 {
    padding-top: 40px
  }

  .flex-webinar {
    flex-direction: column-reverse
  }

  .LMS-grid-section {
    padding-left: 0
  }

  .right-webinar-image img {
    width: 500px;
    margin: auto auto 20px;
    float: initial
  }

  .flex-webinar .w-1\/2 {
    width: 100%
  }

  .career-video-slider {
    padding: 0 108px 40px
  }

  .education-content img {
    width: 130px;
    height: auto
  }

  .educationhome5 .gap-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .educationhome5 {
    padding: 0 !important;
    gap: 32px
  }

  .Education5-right h2.text-left,
  .Retail-Page .standards-section2 h3 {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 16px
  }

  .new-lms-cta h4,
  .w-1\/2.new-lms-last-image {
    display: none
  }

  .new-lms-cta {
    padding: 40px 4px
  }

  .CRM-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Education-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .ErpSoftware-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .LMS-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Manufacturing-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .POS-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Pharma-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .Retail-Landing-banner .Manufacturing-Landing-text.w-1\/2,
  .new-lms-cta .w-1\/2 {
    width: 100%
  }

  .new-education-banner {
    height: auto;
    background-position: 0 0;
    padding: 140px 0 40px 20px
  }

  .lms-industry-section p,
  .new-education-banner p {
    font-size: 16px;
    line-height: 28px
  }

  .webinar-text h4 {
    font-size: 12px
  }

  .past-webinar h2,
  .webinar-stats h2 {
    font-size: 28px;
    line-height: 40px
  }

  .registration-banner .right-image img {
    width: 340px
  }

  .hrms-page #header .py-3,
  .manufacturing-erp-software #header .py-3 {
    padding: 0 !important
  }

  .about-stats-visible p span,
  .announcement-box h5 {
    font-size: 14px
  }

  .announcement-box {
    padding: 4px 10px;
    width: 110px
  }

  .registration-detail-form {
    width: 410px;
    padding: 26px 20px 9px
  }

  .Manufacturing-landing-cta {
    display: block !important;
    color: #000 !important
  }

  .thanks-page .Manufacturing-landing-cta {
    display: none !important
  }

  .career-Bootcamp p br,
  .inner-banner-landing {
    display: block
  }

  .manufacturing-erp-software .client-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .manufacturing-landing-choose {
    padding: 100px 0
  }

  .gap-3674 {
    gap: 12px
  }

  .manufacturing-landing-choose h3 {
    font-size: 16px;
    line-height: 60px
  }

  .dubai-software-page .Manufacturing-Experts .erpsection-btn,
  .dubai-software-page .manufacturing-landing-choose .erpsection-btn {
    margin-left: auto !important
  }

  .Manufacturing-Experts .erpsection-btn,
  .Retail-Experts .erpsection-btn,
  .manufacturing-landing-choose .erpsection-btn {
    margin-left: 0 !important
  }

  .manufacturing-landing-choose .mt-10 {
    margin-top: 10px
  }

  .crm-consult-box2,
  .crm-consult-box3,
  .manufacturing-erp-software .Retail-Detailform h2.font-heading {
    margin: 0
  }

  .manufacturing-erp-software .form-left-text a {
    font-size: 16px;
    padding-bottom: 20px;
    margin: 0
  }

  .crm-process-box2 {
    padding-top: 40px
  }

  .career-Bootcamp {
    padding: 40px 20px 32px
  }

  .career-Bootcamp h2 {
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 12px
  }

  .career-Bootcamp p {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 16px
  }

  .Retail-casestudy-image,
  .manufacturing-erp-software .Retail-Detailform {
    display: none
  }

  .blog-list-latest .md\:pb-\[56\%\] {
    padding-bottom: 53%;
    height: -moz-max-content;
    height: max-content
  }

  .Retail-Page .manufacturing-trusted img,
  .crm-process-box {
    width: auto
  }

  .crm-diagram {
    padding: 40px 20px
  }

  .crm-consult-box {
    width: 230px
  }

  .LMS-Page .Retail-Detailform .md\:flex-row,
  .Retail-Page .Retail-Detailform .md\:flex-row {
    display: block
  }

  .Retail-Page .education-img-right {
    width: 90%;
    padding-bottom: 30px
  }

  .Retail-Page .client-grid-2 {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .Retail-casestudy {
    padding: 40px 20px
  }

  .Retail-casestudy p {
    padding-right: 0
  }

  .Retail-casestudy .md\:flex-row {
    display: block
  }

  .Retail-Page .standards-section2 {
    padding: 0 20px 40px
  }

  .Retail-Page .standards-section2 h3 {
    text-align: left
  }

  .LMS-Page #header,
  .Retail-Page #header {
    padding: 0
  }

  .ERP-education1 .banner-inner {
    padding-top: 6rem
  }

  .left-section-education1 {
    padding-left: 20px
  }

  .ERP-education1 {
    height: auto
  }

  .ERP-education1 h1 {
    font-size: 36px;
    line-height: normal;
    text-align: left;
    padding-bottom: 9px;
    padding-right: 20px
  }

  .single-news {
    padding-top: 0
  }

  .case-study-linking {
    font-size: 18px !important
  }

  .ryk-challenges,
  .ryk-features,
  .saahas-blog3-benifits,
  .saahas-blog3-challenges {
    width: 100%
  }

  .ERP Fast Track -healthcare h2:after {
    background: 0 0
  }

  .home.erp-blogs .blog-casestudy {
    padding: 40px 0
  }

  #header .py-2.lg\:py-3\.5.mx-auto.w-full,
  .home.erp-blogs {
    padding: 0 !important
  }

  #location-3 .gray-box-contact {
    padding: 15px 30px
  }

  .blog-casestudy {
    padding-top: 0
  }

  .news-heading-arrow-casestudy2 {
    margin: 20px 0 5px !important
  }

  .back-news-list,
  .btn-ghost.px-3.back-news-list {
    font-size: 20px
  }

  .new-InfosoftPOS -page #header.scroll {
    z-index: 9999
  }

  .blog-highlight,
  .new-InfosoftPOS -banner-txt {
    display: none
  }

  .hubspot-sizzling-gap {
    gap: 20px;
    padding: 0 20px !important;
    align-items: center
  }

  .new-InfosoftPOS -banner img {
    margin-top: -30px
  }

  .point-of-sale .flex {
    flex-direction: column;
    width: 100%;
    gap: 8px !important
  }

  .feature-pos-gap {
    gap: 12px
  }

  .pos-features h2 {
    font-size: 20px;
    line-height: normal
  }

  .InfosoftPOS -faq h2,
  .InfosoftPOS -industries h2,
  .new-InfosoftPOS -page .form-section-title,
  .new-InfosoftPOS -page .testimonial-title,
  .point-of-sale h2,
  .pos-features p {
    line-height: 40px
  }

  .new-InfosoftPOS -page .detail-form-bg {
    padding-left: 8px;
    padding-right: 8px
  }

  .new-InfosoftPOS -page .form-section-title {
    margin: 0;
    padding-bottom: 24px
  }

  .InfosoftPOS -newsletter .InfosoftPOS -work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px
  }

  .InfosoftPOS -feature-grid {
    gap: 24px;
    padding-bottom: 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .feature-pos-boxes {
    padding-top: 24px
  }

  .InfosoftPOS -faq h2,
  .InfosoftPOS -industries h2,
  .how-pos-works h2 {
    padding-bottom: 24px
  }

  .new-InfosoftPOS -page .accordion-button {
    font-size: 20px
  }

  .InfosoftPOS -types-grid {
    padding: 42px 20px 0;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .InfosoftPOS -types h3 {
    font-size: 16px;
    line-height: 24px
  }

  .InfosoftPOS -types-grid .items-center {
    gap: 10px !important
  }

  .InfosoftPOS -listitems .listitems {
    font-size: 11px
  }

  .pos-div {
    font-size: 12px
  }

  .InfosoftPOS -faq h2,
  .InfosoftPOS -industries h2,
  .new-InfosoftPOS -page .form-section-title,
  .new-InfosoftPOS -page .testimonial-title,
  .point-of-sale h2,
  .pos-features p {
    font-size: 26px
  }

  .InfosoftPOS -types-grid .items-center img {
    width: 40px
  }

  .InfosoftPOS -faq-gap {
    gap: 0;
    flex-direction: column;
    width: 100%
  }

  .InfosoftPOS -faq-gap .w-1\/2 {
    width: 100%
  }

  .contact-us-country h2 {
    font-size: 32px;
    line-height: 38px
  }

  #header .dropdown-menu {
    background: #fff
  }

  .notibell-content-right {
    padding-top: 24px
  }

  .notibell-content h2 {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 12px
  }

  .notibell-content h3 {
    padding-bottom: 10px
  }

  .scrollgroup .scrollitem {
    padding-left: 32px
  }

  .new-InfosoftPOS -page .testimonial-title {
    padding: 0 20px
  }

  .new-InfosoftPOS -page .testimonials-cont p {
    font-size: 16px;
    line-height: 28px;
    padding: 0 8px
  }

  .new-InfosoftPOS -page .testimonials-cont {
    padding: 0
  }

  .diadem-approach-txt {
    padding: 42px 20px 0
  }

  .diadem-approach-txt h3,
  .diadem-approach-txt p {
    font-size: 16px;
    line-height: 26px
  }

  .approach-head {
    font-size: 20px
  }

  .approach-btn img,
  .hubspot-page p br,
  .mktplace-banner h1:after {
    display: none
  }

  .approach-list {
    gap: 16px;
    padding: 0 20px
  }

  .diadem-approach-txt h2,
  .diadem-integration h2,
  .hspt-swiper h2,
  .hubspot-drive h2,
  .hubspot-page .form-section-title,
  .sales-hubspot h2 {
    font-size: 28px;
    line-height: 42px
  }

  .hspt-slider {
    padding: 30px 15px
  }

  .diadem-approach-txt p {
    padding-bottom: 32px
  }

  .hubspot-sizzling h2 {
    font-size: 26px;
    line-height: 40px
  }

  .diadem-approach-txt h3 {
    padding: 8px 0
  }

  .hubspot-banner .btn,
  .hubspot-drive .btn {
    font-size: 12px;
    padding: 20px 10px
  }

  .single-testimonials-inn .mb-12.md\:mx-auto.text-center.max-w-7xl.scroll-boxdiv {
    padding: 0;
    margin: 0 20px !important
  }

  .what-we-offer-box {
    padding: 0
  }

  .steps-section .max-sm\:flex-col {
    flex-direction: column;
    justify-content: left;
    margin-left: 0 !important
  }

  .steps-section .md\:flex {
    gap: 42px
  }

  .listitems,
  .desc-steps,
  .steps-section h5 {
    font-size: 20px;
    line-height: normal;
    padding: 0
  }

  .listitems,
  .steps-section h5 {
    padding: 4px 0
  }

  .last-guide {
    display: none
  }

  .mobile-img {
    display: block;
    margin-top: 150px
  }

  .market-logos h3,
  .blog-casestudy h2,
  .single-testimonials h2,
  .steps-section h1,
  .testimonial-title,
  .mkt-last-heading,
  .mktplace-banner h1,
  .what-we-offer-mkt h2,
  body .faq-section h2 {
    font-size: 36px;
    line-height: 55px
  }

  .mktplace-banner h1:after {
    width: 219px;
    margin: -15px 0 0-225px
  }

  .mkt-last-bg {
    background: #4b3ff5
  }

  .desktop-img {
    display: none
  }

  .customer-intrection .pt-10 {
    justify-content: space-between
  }

  .calysto-logo {
    margin-top: 17px
  }

  .mobile-food-banner {
    display: flex;
    justify-content: center;
    gap: 56px;
    margin-top: 32px
  }

  .mobile-food-banner .btn.header-btn {
    margin-top: 0
  }

  .business-btn,
  .food-desktop,
  .food-solutions .blue-shade-text p.pr-12 br {
    display: none
  }

  .swiper-food {
    padding: 100px 0 70px
  }

  #news-list-margin,
  .news-list-margin {
    margin-top: 0
  }

  .calysto-address-desktop {
    justify-content: flex-start;
    gap: 7rem
  }

  .expertise-box-text h3,
  .expertise-box-text h4 {
    text-align: left
  }

  .expertise-box-text {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

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

  .expertise-box-text .relative h4 br,
  .mobile-list-news-none {
    display: block
  }

  .desktop-list-news-none {
    display: none
  }

  .calysto-banner,
  .ecosoft-banner,
  .petalm-banner,
  .rrl-page .rrl-banner,
  .sil-banner,
  .xurpas-page .innometa-banner,
  .xurpas-page .xurpas-banner {
    padding: 15px 20px 42px
  }

  .rrl-page .rrl-banner {
    background-size: cover !important
  }

  .ecosoft-logo-mobile {
    display: block;
    margin-left: -15px;
    padding-bottom: 10px
  }

  .ecosoft-content-text {
    padding: 32px 20px
  }

  .ecosoft-expertise .ecosoft-content-text {
    padding: 32px 0 24px
  }

  .eco-banner-text,
  .expertise-box-center {
    padding: 0
  }

  .ecosoft-content-text h2 {
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 24px
  }

  .ecosoft-content p {
    font-size: 18px;
    line-height: 32px
  }

  .ecosoft-logo {
    display: none
  }

  .rrl-page .ecosoft-logo {
    display: block;
    height: auto;
    padding-bottom: 10px
  }

  .ecosoftform {
    padding: 32px
  }

  .ecosoft-banner {
    background: url(/assets/images/ecosoft-banner-mobile.webp)no-repeat center;
    background-size: 100% 100%
  }

  .ecosoft-banner-flex {
    gap: 42px;
    flex-direction: column
  }

  .ecosoft-banner-flex .w-1\/2,
  .mobile-testimonial-slide img {
    width: 100%
  }

  .ecosoft-logo {
    height: 100px
  }

  #header .toggle-mobile {
    padding: 10px 0 0 !important
  }

  .expertise-box {
    background: url(/assets/images/ecosoft-expertise-bg-mobile.webp)no-repeat left;
    background-size: 100% 100%;
    padding: 42px
  }

  .expertise-box-text .relative {
    display: flex;
    gap: 2rem
  }

  .expertise-box-text .relative h3,
  .expertise-box-text .relative h4 {
    width: 50%
  }

  .expertise-box-text .relative h4 {
    display: flex
  }

  .eco-banner-text h2 {
    padding-bottom: 42px
  }

  .ecosoft-line {
    display: none
  }

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

  .news-listing-page .pl-4 {
    padding: 0 20px
  }

  .about-us .lg\:pt-70 {
    padding-top: 4px;
    padding-bottom: 14px
  }

  .about-us .about-stats-visible {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .about-us .banner-para-about p,
  .home .banner-para-about p {
    width: auto
  }

  .contact-us-social {
    height: 460px
  }

  .right-social-contact {
    padding: 140px 0 100px
  }

  .md\:basis-1\/2.right-social-contact.left-social-contact {
    padding: 100px 0 0
  }

  .mobile-testimonial-slide {
    display: block;
    padding: 0 40px 42px
  }

  .test-mobile-svg {
    margin-top: -25px
  }

  .test-mobile-slide h2 {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -2px;
    padding-bottom: 32px;
    padding-top: 42px
  }

  .contact-us-social,
  .contact-us-third p br,
  .video-testimonial {
    display: none
  }

  .careerpage .careerpage .career-banner-text h2 br,
  .contact-us-social.contact-us-social-mobile,
  .notibell-banner p br {
    display: block
  }

  .careerpage .mobile-flex-reverse {
    flex-direction: column
  }

  .careerpage .career-banner {
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 20px
  }

  .career-opening-main h2 {
    padding-bottom: 31px
  }

  .career-gallery2 .next-career,
  .career-gallery2 .prev-career {
    margin-top: -11rem
  }

  .career-gallery2 {
    padding: 47px 0 50px
  }

  .careerpage .career-banner-text h2 {
    padding-top: 0;
    font-size: 32px;
    line-height: 38px
  }

  .careerpage .career-banner .w-1\/2 {
    width: 100%
  }

  .careerpage .career-banner-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 0
  }

  .career-content h2,
  .career-nb h2,
  .career-opening-main h2,
  .careerpage .about-content h2 {
    font-size: 32px;
    line-height: 38px
  }

  .career-hr {
    padding: 40px 15px
  }

  .gallery.career-gallery {
    padding-bottom: 60px !important
  }

  .career-nb {
    padding: 60px 15px
  }

  .career-hr .career-left,
  .home-industry-section .lg\:basis-1\/2.pt-28.pb-28 {
    padding-top: 0
  }

  .career-opening {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px
  }

  .single-testimonials-inn .md\:flex-row {
    flex-direction: column
  }

  .career-img,
  .w-1\/2.notibell-right {
    display: none
  }

  .notibell-banner-left,
  .notibell-feature .flex .w-1\/2,
  .notibell-how-it-banner .flex .notibell-how-it-works-left,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8 .flex .w-1\/2 {
    width: 100%
  }

  .notibell-banner {
    padding-bottom: 100px
  }

  .notibell-content {
    padding: 50px 15px
  }

  .notibell-content .flex {
    flex-direction: column;
    gap: 0
  }

  .notibell-benifits-img {
    width: 620px;
    height: auto;
    display: flex;
    margin: auto
  }

  .notibell-feature .flex,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8 .flex {
    flex-direction: column
  }

  .digital-sewa-page #header,
  .notibell-page #header {
    padding-left: 0;
    padding-right: 0
  }

  .notibell-banner-left {
    padding-left: 45px
  }

  .notibell-feature-pink img,
  .w-1\/2.notibell-feature-right {
    display: none
  }

  .notibell-feature-pink {
    height: auto;
    padding: 80px !important
  }

  .notibell-how-it-banner {
    padding: 30px
  }

  .notibell-page .next-prev-seva {
    justify-content: center;
    flex-direction: inherit !important
  }

  .notibell-form h5,
  .notibell-form p,
  .seva-form h5,
  .sewa-slider h2 {
    text-align: center
  }

  .notibell-feature,
  .notibell-how-it-banner,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8 {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .notibell-how-it-banner .flex {
    flex-direction: column
  }

  .Manufacturing_Section1 .col-md-5,
  .notibell-how-it-banner .flex .notibell-how-it-works-right,
  .notibell-line {
    display: none
  }

  .notibell-content .flex .w-1\/2 {
    width: 100%
  }

  .Frappe-conference {
    width: auto
  }

  .stepping-section-seva img {
    width: auto;
    height: auto
  }

  .Manufacturing_Section1 {
    margin-bottom: 0 !important
  }

  .sewa-slider h2 {
    justify-content: center;
    display: flex;
    padding-left: 0
  }

  .seva-form-left-text {
    display: none
  }

  .sewa-banner-left,
  .sewa-content {
    padding-left: 30px
  }

  .sewa-content {
    padding-right: 30px;
    padding-bottom: 64px
  }

  .stepping-section-seva {
    padding: 0 30px !important
  }

  .sewa-slider-left {
    display: none
  }

  .none-test {
    display: block
  }

  .seva-form,
  .sewa-slider-right {
    width: 100%
  }

  .seva-form {
    flex-basis: 100%;
    padding-left: 0
  }

  .sewa-content p,
  .stepping-section-seva p {
    font-size: 14px;
    line-height: 28px
  }

  .sewa-content h3 {
    font-size: 22px
  }

  .career-fourth .current-opening h2,
  .sewa-content h2 {
    font-size: 26px
  }

  .sewa-banner p {
    padding-right: 25rem
  }

  .partnership-content h2 br,
  .structure-bg h2 br,
  .yellow-shadow-bg {
    display: none
  }

  .digital-sewa-page .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .about-us .banner-para-about {
    width: 380px
  }

  .relative.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mx-auto.gap-6.flex.grid-cols-2.contact-us-main.contact-block {
    padding: 0 30px
  }

  .copyright-txt {
    font-size: 12px
  }

  .next-prev-career {
    margin-top: 110px
  }

  .current-opening {
    padding-right: 32px
  }

  .career-fourth h2,
  .career-left h2,
  .career-second h2,
  .career-second h3 {
    font-size: 36px;
    line-height: 48px
  }

  .career-fourth,
  .career-fourth h3 {
    padding-top: 32px
  }

  .career-banner-section {
    padding: 0 0 32px
  }

  .career-content,
  .career-fourth .career-fourth-text,
  .career-second {
    padding-left: 15px;
    padding-right: 15px
  }

  .career-second {
    padding-top: 32px
  }

  .career-second h2 {
    padding-bottom: 32px
  }

  .career-third {
    margin-top: 32px;
    margin-bottom: 16px;
    padding: 30px;
    background-size: 106% 110%
  }

  .slide-career p {
    font-size: 16px;
    line-height: 28px
  }

  .banner-para-career p {
    width: 380px !important
  }

  .contact-us-left {
    width: 100% !important
  }

  .add-video,
  .arrow-img1 {
    display: none !important
  }

  .case-update-head h2 {
    padding: 40px;
    font-size: 70px
  }

  .slider-wrapnb {
    display: block;
    height: 100%
  }

  .slidenb {
    height: 540px;
    width: 70% !important;
    display: flex;
    justify-content: center;
    margin: 20px auto
  }

  .home .stats-box .md\:flex,
  .home-industry-section .max-lg\:max-w-7xl {
    display: block
  }

  .home .stats-box .md\:grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .feature3-section-flex {
    flex-direction: column
  }

  .stats-box .show-on-scroll {
    padding-top: 7rem
  }

  .structure-bg .pt-48 {
    padding-top: 4.75rem
  }

  .partner-txt .mb-12,
  .partner-txt .my-4 {
    margin-bottom: 0 !important
  }

  .feature-text {
    font-size: 18px
  }

  .feature3-img {
    height: 100%
  }

  .stats-box .font-heading {
    padding: 0
  }

  .arrow-bg {
    padding-top: 0;
    height: auto;
    padding-bottom: 4.75rem
  }

  .partner-txt {
    display: block
  }

  .video-bg-overlay {
    background-image: none !important
  }

  .erp-healthcare-cs .flex.gap-10.grid-cols-2 {
    display: block;
    padding: 0 35px
  }

  .food-software-bg .ml-36 {
    margin-left: 0
  }

  .food-software-bg .md\:flex {
    display: block
  }

  .food-software-bg {
    background: 0 0;
    padding: 0
  }

  .customer-intrection {
    background-size: 70%;
    background-position: 260px 0
  }

  .Interface-line-head p.pt-14.pl-3.inter,
  .Interface-line-head p.pt-16.pl-3.inter {
    padding-top: 4.7rem
  }

  .Interface-line-head h2,
  .customer-food {
    font-size: 24px;
    line-height: 36px
  }

  .customer-para,
  .food-last-para {
    font-size: 14px;
    line-height: 24px
  }

  .Interface-line-head p,
  .case-study-para {
    font-size: 14px;
    line-height: 24px;
    opacity: .8
  }

  .food-solutions .tracking-tight,
  .heading-food h1 {
    font-size: 26px;
    line-height: normal
  }

  .customer-intrection .pt-28 {
    padding-top: 0
  }

  .what-we-offer {
    padding: 120px 0
  }

  .heading-food h1 {
    font-size: 30px;
    padding: 0
  }

  .food-banner .md\:gap-16 {
    display: block;
    text-align: center
  }

  .business-interface {
    height: 800px
  }

  .business-interface .business-heading,
  .business-sub-heading {
    text-align: center
  }

  .business-interface .md\:flex {
    flex-direction: column
  }

  .business-interface .mt-10.md\:mt-0.md\:basis-1\/2.p-20.astro-SWWIWYPS {
    margin-top: 100px
  }

  .food-solutions .blue-shade-text {
    padding: 0 0 4rem 1rem
  }

  .swiper-button-next-food,
  .swiper-button-prev-food {
    margin-top: 240px !important
  }

  .swiper-button-prev-food {
    left: 42% !important
  }

  .swiper-button-next-food {
    right: 42% !important
  }

  .dropdown-wrapper span {
    color: #fff;
    font-size: 18px
  }

  .dropdown-wrapper {
    background: #0c1625;
    border: 2px solid #0c1625;
    border-radius: 32px;
    width: 370px
  }

  .why-choose-erp img {
    display: flex;
    margin: -50px auto auto
  }

  .why-choose-heading h2 {
    font-weight: 600
  }

  .why-choose-erp {
    height: auto;
    background: #fa8a62;
    margin-bottom: 2rem
  }

  .food-solutions .pb-28 {
    padding-bottom: 4rem
  }

  .food-last-heading {
    padding: 0 164px;
    line-height: 2.8rem
  }

  .food-last-bg {
    padding: 4rem 0;
    height: auto
  }

  .why-choose-erp .mt-10.md\:mt-0.md\:basis-1\/2.p-16.pl-12 {
    padding: 0 1rem
  }

  .food-solutions .relative.max-w-7xl.mx-auto.md\:flex.md\:flex-row.md\:gap-16 {
    flex-direction: column-reverse;
    display: flex;
    gap: 0
  }

  .dropdown-wrapper:after {
    right: 40px;
    border-color: #fff transparent
  }

  .food-ball,
  .food-solutions .mt-10.md\:mt-0.md\:basis-1\/2.pt-36.pl-36,
  .glass-img {
    display: none
  }

  .food-solutions .relative.max-w-7xl.mx-auto.md\:flex.md\:flex-row.md\:gap-16.pt-10,
  .why-choose-erp img {
    justify-content: center
  }

  .swiper-food .md\:gap-16 {
    width: 100%
  }

  .food-testimonial-bg {
    background: #131313;
    padding: 80px 0 30px
  }

  .image-food {
    display: none
  }

  .contact-us-main {
    display: block;
    padding: 0 2rem
  }

  .contact-us-left .rounded-md.p-10.pt-0 {
    padding: 2rem
  }

  .m-auto.py-20.pt-28.max-w-7xl {
    padding: 0 0 2rem
  }

  .contact-us-right p {
    padding: 2rem 2rem 0 0
  }

  .contact-us-right {
    width: 100%
  }

  .contact-us-email {
    padding-top: 92px
  }

  .contact-us-banner {
    padding: 150px 0 0 150px
  }

  .contact-us .flex.items-start:nth-child(1) {
    margin-bottom: 1.5rem
  }

  .contact-us .flex.items-start:nth-child(3) {
    margin-left: 0;
    margin-bottom: 1.5rem
  }

  .contact-us .detail-form {
    padding: 0
  }

  .space-y-1.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
  }

  .we-offer-section h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 0
  }

  .we-offer-section h5 {
    font-size: 20px;
    line-height: 30px
  }

  .steps-section h3 {
    font-size: 24px
  }

  .about-stats-visible .font-heading {
    font-size: 46px;
    line-height: 48px
  }

  .About-us-form .form-section-title,
  .about-content h2,
  .leader-section h2,
  .together-about h2 {
    font-size: 38px;
    line-height: 58px
  }

  .About-form-left img {
    height: auto;
    margin-top: 48px
  }

  .leader-section h2 {
    padding: 30px 0
  }

  .leader-cont img {
    width: 288px;
    height: auto
  }

  .leader-section h5 {
    line-height: 24px
  }

  .about-stats-visible {
    padding: 20px
  }

  .about-us p.stat-subtitle span {
    margin-bottom: 10px
  }

  .contact-block {
    display: block
  }

  .cntctUsLeft {
    width: 100% !important;
    color: #fff;
    padding: 30px
  }

  .contact-us-country h2,
  .contact-us-third h2 {
    padding-top: 64px
  }

  .contactUsUpdated {
    margin-right: 0
  }
}

@media (max-width: 925px) {
  .home .blog-cont .blog-highlight {
    margin-top: 180px
  }

  .blue-shade-manu2,
  .choose-manu-img,
  .provider-right-div {
    display: none
  }

  .provider-middle {
    width: 100%;
    padding-top: 20px
  }

  .provider-left {
    width: 35%
  }
}

@media (max-width: 870px) {
  .home .blog-cont .blog-highlight {
    margin-top: 170px
  }

  .marketing-stage-box h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 100%;
    background-image: url(/assets/images/marketing-stage15.webp);
    background-size: cover;
    background-position: -3px
  }

  .marketing-stage-box h3 {
    padding-left: 30px
  }

  .markating-cta2.markating-cta1 {
    padding-bottom: 40px
  }

  .dms-section {
    padding: 0 20px
  }

  .marketing-left {
    padding-top: 30px
  }

  .crm-cta1 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center
  }

  .marketing-stages p {
    font-size: 18px;
    line-height: 28px;
    padding: 16px 0 40px
  }

  .business-hire-btn {
    font-size: 16px;
    padding: 12px 26px
  }

  .marketing-stage-box {
    flex-direction: column;
    margin-top: -1px;
    padding: 0 20px
  }

  .marketing-stage-box .w-1\/2 {
    width: 100%
  }

  .marketing-right {
    padding: 40px 0 0
  }

  .marketing-right .flex {
    padding-bottom: 30px;
    gap: 16px
  }

  .marketing-stages {
    padding: 0 0 40px
  }

  .business-cta3-box h3 {
    font-size: 20px;
    padding-bottom: 12px;
    line-height: 130%
  }

  .business-cta3-box h4 {
    font-size: 28px;
    line-height: 36px
  }

  .business-cta3-img1,
  .business-cta3-img2,
  .business-cta3-img3,
  .business-cta3-img4 {
    width: 50px
  }

  .feature-box-menu h4 {
    font-size: 16px;
    line-height: 26px
  }

  .feature-box-menu {
    padding: 12px;
    gap: 8px
  }

  .feature-provider-div.feature-provider-div2 {
    padding: 20px 16px;
    margin-top: 24px
  }

  .manu-new-benefits p {
    padding-right: 0
  }

  .menu-benefit-box {
    padding: 30px
  }

  .menu-benefit-box h3 {
    font-size: 20px;
    line-height: 28px
  }

  .menu-benefit-back {
    margin-top: -30px
  }

  .blue-shade-manu1 {
    left: 28%
  }

  .manu-modes,
  .streamline-manu,
  .successfull-manu {
    padding: 40px 20px
  }

  .cta3-manufacturing {
    padding: 0 20px 40px
  }

  .manu-modes-grid,
  .streamline-manu-div {
    margin: 0
  }

  .blue-shade-manu1,
  .business-cta-img1,
  .cta-business-box .w-4\/12,
  .cta3-manu-box .w-1\/4,
  .implementation-cta-img1,
  .manu-cta-new.manu-cta-new,
  .manu-detail-form h2 br,
  .manufacturing-hero-image,
  .streamline-manu p br,
  .trusted-text h2 br {
    display: none
  }

  .new-benefits {
    flex-direction: column;
    gap: 24px
  }

  .cta-business-box,
  .cta-manu-box {
    margin: 40px 20px;
    padding: 0 30px
  }

  .cta-manu-box {
    padding: 0 30px 30px
  }

  .cta-business-box .w-8\/12,
  .cta-manu-box .w-1\/2,
  .cta2-manu-div .w-1\/2,
  .cta3-manu-box .w-2\/4 {
    width: 100%
  }

  .cta-manu-box,
  .cta2-manu-div .justify-between.flex {
    flex-direction: column
  }

  .cta3-manu-box {
    margin: 0;
    padding: 24px 24px 0
  }

  .manufacturing-faq {
    padding: 0 4px 24px
  }

  .manu-detail-form {
    padding: 40px 4px
  }

  .new-manufacturing .home .blog-casestudy {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .cta2-manufacturing {
    padding: 0 20px 40px
  }

  .cta-business h2,
  .cta-business h3,
  .cta-manufacturing h2,
  .cta-manufacturing h3 {
    text-align: center
  }

  .cta-business1,
  .cta-manu-box .bottom-animates {
    display: flex;
    justify-content: center
  }

  .business-cta-icon2 {
    left: initial;
    width: 150px;
    right: 0
  }

  .cta-manufacturing h3 {
    padding-bottom: 18px
  }

  .menu-benefit-box,
  .new-benefits-flex1 {
    width: 100%
  }

  .new-benefits-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
  }

  .menu-benefit-box {
    width: calc(50% - 8px);
    box-sizing: border-box
  }

  .manu-new-benefits {
    padding: 40px 20px
  }

  .manufacturing-gap {
    gap: 0;
    flex-direction: column
  }

  .manufacturing-hero-text {
    width: 100%;
    padding: 0
  }

  .manufacturing-hero p {
    padding-bottom: 20px
  }

  .manufacturing-hero {
    padding: 138px 20px 20px;
    background-position: 0 0
  }

  .trusted-manu {
    padding: 40px 0
  }

  .trusted-img {
    padding: 24px 20px 0;
    gap: 16px
  }

  .trusted-text h2 {
    font-size: 28px;
    line-height: 36px
  }

  .feature-provider {
    padding: 0 20px 40px
  }
}

@media (max-width: 820px) {
  .home .blog-cont .blog-highlight {
    margin-top: 150px
  }

  .blog-new-whatsapp {
    margin: 100px 0 0 42px
  }

  .business-gap {
    gap: 32px;
    flex-direction: column
  }

  .business-hero {
    padding: 40px 0
  }

  .banner-home h3 {
    font-size: 26px
  }

  .banner-home .gradient-text {
    font-size: 2.3em
  }

  .para-erp-software .lms-landing-para {
    padding: 30px 20px 40px
  }

  .para-erp-software .Manufacturing-Experts h2 br {
    display: block
  }

  .webinar-text h4 {
    font-size: 14px
  }

  .registration-detail-form {
    width: auto;
    padding: 26px 20px 9px
  }

  .second-webinar-text {
    padding-top: 3.9rem
  }

  .second-webinar-text.third-webinar-text {
    padding-top: 3.3rem
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -15rem
  }

  .hspt-swiper .swiper-button-next,
  .hspt-swiper .swiper-button-prev,
  .hubspot-testimonial-gap {
    display: none
  }

  .hspt-test-mobile {
    display: block
  }
}

@media (max-width: 768px) {
  .blog-main-div {
    padding: 10px 0 40px
  }

  .sewa-content .gap-16 {
    gap: 2rem
  }

  .pacific-features,
  .pacific-features2 {
    padding: 5px 0 25px;
    width: 100%
  }

  .ErpSoftware-Landing-banner .Manufacturing-Landing-text p,
  .POS-Landing-banner .Manufacturing-Landing-text p {
    padding-right: 0
  }

  .manufacturing-erp-software .erpsection-btn {
    font-size: 14px
  }

  .lms-landing-para {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 0 16px
  }

  .dubai-software-page.crm-landing-page .manufacturing-benifits h2 {
    text-align: left !important
  }

  .dubai-software-page.crm-landing-page #padding-left10:last-child {
    padding-bottom: 0
  }

  .career-jd h3 {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 20px;
    text-align: left !important
  }

  .career-jd h2 {
    font-size: 16px;
    line-height: normal;
    text-align: left;
    padding-bottom: 12px
  }

  .jd-form {
    padding: 0 20px 40px
  }

  .career-jd p.pt-2 {
    padding-top: 22px !important
  }

  .career-jd p.heading-jd {
    font-size: 22px
  }

  .jd-form .career-form {
    width: 100%
  }

  .career-jd .lg\:max-w-7xl {
    padding: 0
  }

  .experience,
  .full-time,
  .hybrid {
    font-size: 13px
  }

  .registration-closed {
    width: 90%
  }

  .join-webinar {
    font-size: 18px !important
  }

  .webinar-list-ul.client-grid {
    -moz-column-gap: 40px;
    column-gap: 40px
  }

  .book-you-seat {
    margin-bottom: 20px !important
  }

  .webinar-card-saahas .flex {
    flex-direction: column;
    gap: 20px
  }

  .saahas-card-border {
    height: 640px
  }

  .frappe-logo-saahas {
    width: 100px
  }

  .webinar-card {
    width: auto
  }

  .LMS-casestudy h2 br,
  .webinar-card .author-designation br {
    display: block
  }

  .saahas-webinar-banner {
    padding: 20px 0 0
  }

  .saahas-webinar-left {
    padding: 0 20px 20px
  }

  .inner-banner-landing .w-1\/2 {
    width: 100%
  }

  .ErpSoftware-Landing-banner,
  .LMS-Landing-banner,
  .POS-Landing-banner {
    background-position: -100px 0 !important
  }

  .form-subline {
    font-size: 16px;
    line-height: 24px
  }

  .Whatsapp_icon_landing img {
    height: 35px
  }

  .retail-best-section h3 {
    font-size: 18px;
    line-height: 28px;
    text-align: left !important;
    padding: 0 0 20px
  }

  .manufacturing-top-benifits {
    margin-top: 0 !important
  }

  .education-right-img {
    display: none
  }

  .manufacturing-benifits .banner-inner .gap-x-4 {
    margin: 0 !important
  }

  .LMS-grid-section {
    gap: 0
  }

  .best-educator-right {
    padding-right: 0
  }

  .saahas-blog-stages,
  .saahas-blog4-benifits,
  .saahas-blog4-challenges,
  .saahas-blog4-features {
    width: 100%;
    padding: 30px 0
  }

  .manufacturing-benifits .gap-x-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .career-video-slider {
    padding: 0 20px 40px
  }

  .education-content img {
    width: auto;
    height: auto
  }

  .main-heading-mobile {
    font-family: Antonio, sans-serif;
    color: #fff;
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -2px;
    text-transform: uppercase;
    padding-bottom: 20px
  }

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

  .image-highlights img {
    margin-top: 4px
  }

  .calysto-address-desktop {
    justify-content: flex-start;
    gap: 2rem
  }

  .pos-features {
    padding-left: 20px;
    padding-right: 20px
  }

  .news-section {
    padding: 2rem
  }

  .news-section .date-format,
  .news-section .tracking-tighter {
    padding-left: .5rem !important
  }

  .dark-heading-news,
  .news-section p {
    font-size: 16px !important;
    line-height: 27px
  }

  .dark-heading-news {
    margin: 20px 0
  }

  .next-home-gallery,
  .prev-home-gallery {
    margin-top: -14rem
  }

  .sewa-content h2 {
    padding-top: 0
  }

  .sewa-content {
    padding-left: 25px;
    padding-right: 25px
  }

  .contact-us-left .rounded-md.p-10.pt-0,
  .contact-us-right {
    padding: 0
  }

  .contact-us-email {
    padding-top: 1rem
  }

  section.hb-form {
    padding: 0 0 50px !important;
    width: 100%
  }

  .stat-count.is-visible .stat-count-rows {
    transform: translateY(-5%)
  }

  .contact-us-left .contact-us-right h2 {
    font-size: 24px;
    font-weight: 500
  }

  .contact-us-right p {
    padding: 50px 0 0
  }

  .contact-us-banner {
    padding: 26px 0 0 10px
  }

  .contact-us .m-auto.py-20.pt-28.max-w-7xl {
    padding-bottom: 2rem;
    padding-top: 0
  }

  .about-us .self-center img,
  .contact-us .detail-form {
    padding: 0
  }

  .contact-us-left .max-sm\:px-4 {
    padding-left: 0;
    padding-right: 0
  }

  .basis-1\/3.contact-us-right {
    padding-left: 20px
  }

  .banner-para-about,
  .leader-cont img {
    width: 100%
  }

  .Retail-Detailform h2.font-heading br,
  .about-stats-visible,
  .about-us p.stat-subtitle,
  .leader-section .flex,
  .main-heading-mobile br,
  .mobile-banner {
    display: block
  }

  .about-us .leader-section .flex {
    display: flex
  }

  .about-banner-section {
    padding: 0 15px 40px
  }

  .about-section {
    padding: 20px 0 0
  }

  .about-section:nth-child(3) {
    padding: 0 15px
  }

  .together-about h4 {
    padding-bottom: 32px
  }

  .Retail-features .md\:basis-1\/2.self-center.pl-16,
  .Retail-features .md\:basis-1\/2.self-center.pl-24,
  .together-about .pt-16,
  body .faq-section h2 {
    padding: 0
  }

  .leader-section h4,
  .leader-section h5 {
    text-align: center
  }

  #header {
    padding: 0 10px
  }

  .together-about {
    padding: 40px 0 0
  }

  .arrow-bg {
    margin-bottom: 60px
  }

  .color-boxes .color-bg h3 {
    font-size: 28px
  }

  .color-boxes .color-bg {
    padding: 20px;
    margin: 10px 0
  }

  .resp-features {
    display: block;
    width: 94vw
  }

  .stat-count .font-heading {
    font-size: 42px
  }

  p.stat-subtitle span {
    margin-right: 0
  }

  .partner-txt p {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0
  }

  .case-cont img {
    -o-object-fit: contain;
    object-fit: contain
  }

  .arrow-img {
    left: 0;
    width: 100%;
    height: auto;
    margin-top: -330px;
    margin-bottom: -150px;
    display: none
  }

  .form-left-text a {
    margin: 25px auto;
    padding: 0
  }

  .footer-contact li {
    justify-content: left
  }

  .footer-address p {
    padding: 10px 0 30px
  }

  .gallery-curve-bot {
    height: 90px;
    top: 0 !important
  }

  .partner-txt img {
    width: 80%
  }

  .clients-bg {
    height: auto
  }

  .mktplace-banner h1:after {
    content: "";
    margin: 65px 0 0-260px
  }

  .background-container {
    opacity: .3;
    height: 350px;
    background: linear-gradient(248.9deg, #f3f1fa -25.65%, #fbfbfc 114.21%)
  }

  .scrollbox {
    width: 95vw;
    height: 440px
  }

  .single-testimonials h2 {
    font-size: 30px;
    line-height: 45px
  }

  .About-us-form br,
  .LMS-Page .Retail-Detailform h2.font-heading br,
  .Retail-casestudy h1.font-bold.font-heading br,
  .desktop-banner,
  .education5-right-text p br,
  .ERP Fast Track -software br,
  .mx-auto.space-y-6.md\:flex-wrap.md\:space-y-0.basis-1\/2.p-6.max-sm\:border-none.max-sm\:py-6.erp-second br,
  .plane {
    display: none
  }

  .plane,
  .world-map {
    background-size: 100%;
    height: 100%
  }

  .plane {
    background: url(/assets/images/plane-img.svg)no-repeat left
  }

  .world-map {
    background: url(/assets/images/map-img.svg)no-repeat right
  }

  body .faq-section {
    padding: 15px
  }

  body .faq-section .accordion-button {
    font-size: 18px;
    height: 85px;
    line-height: 150%;
    color: #0f1726
  }

  .ur-business-section .verticalSlider {
    margin: 0 auto;
    float: none
  }

  .feat-left h3 {
    font-size: 15px;
    line-height: 32px
  }

  .swipercasestudy h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: normal;
    color: #131313
  }

  .ERP Fast Track -software .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center {
    display: flex;
    flex-direction: column
  }

  .ERP Fast Track -software .md\:mx-auto.max-w-7xl.basis-1\/2.first-section {
    margin-left: auto !important
  }

  .ERP Fast Track -software .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center .div3 {
    border-radius: 42px
  }

  .ERP Fast Track -software .platform-section h2.mb-8.font-bold.font-heading {
    color: #30303f;
    font-size: 37px
  }

  .ERP Fast Track -software .mx-auto.max-w-7xl.p-4.md\:px-8.flex.trusted-section.justify-evenly {
    align-items: center
  }

  .erp-open-section .erp-second h2.text-4xl.md\:text-5xl.font-bold.leading-tighter.tracking-tighter.mb-4.font-heading.mt-28 {
    font-size: 27px;
    line-height: 40px;
    margin-top: 0
  }

  .erp-open-section .erp-second p.max-w-3xl.mx-auto.text-xl.text-muted.dark\:text-slate-400 {
    font-size: 16px;
    line-height: 31px
  }

  .erp-next-open h6.text-lg.font-bold {
    font-size: 11px;
    line-height: 20px
  }

  .mysoftwaretestimonials p.text-black.text-xl.leading-8.tracking-tighter.p-1.px-0 {
    font-size: 16px !important;
    text-align: initial !important
  }

  .ERP Fast Track -software h2.max-w-5xl.sm\:text-5xl.mt-10.-tracking-tight.sm\:leading-snug.font-extrabold.font-heading.max-sm\:mt-5.form-section-title {
    font-size: 22px;
    line-height: 33px
  }

  .newsletter a.font-medium.text-l.mt-6.flex.align-middle.items-center.text-black span {
    font-size: 18px
  }

  .newsletter a.font-medium.text-l.mt-6.flex.align-middle.items-center.text-black {
    margin: auto;
    display: flex
  }

  .grid.gap-10.sm\:grid-cols-1.md\:grid-cols-6.lg\:grid-cols-6.mt-0.dark\:text-white.items-stretch.max-sm\:px-4.open-source {
    gap: .5rem
  }

  .erp-open-section div#whyclass1,
  .erp-open-section div#whyclass2 {
    margin-left: 4rem
  }

  .ERP Fast Track -software .banner-form h1.max-w-5xl.sm\:text-5xl.mb-6.-tracking-tight.sm\:leading-snug.font-bold.font-heading.max-sm\:mt-5 {
    font-size: 32px;
    line-height: 52px
  }

  .ERP Fast Track -software p.text-l.pb-8 {
    font-size: 18px;
    line-height: 28px
  }

  .ERP Fast Track -software .md\:basis-1\/2.md\:flex.md\:flex-col.justify-center.max-sm\:text-center.max-sm\:pb-5.form-left-text {
    padding-left: 1rem
  }

  p.pt-10.flex.max-w-3xl.capitalize.mx-auto.text-xl.text-muted.dark\:text-slate-400 {
    display: flex;
    justify-content: center
  }

  .trusted-retail-section.justify-evenly h2 {
    color: #454751;

    font-size: 18px
  }

  img.trendingimg1 {
    width: 136px
  }

  .Retail4-section h2.font-heading {
    padding-left: 1%
  }

  .Retail-Page .mx-auto.max-w-7xl.md\:p-4.max-sm\:p-2 h2,
  .Retail-Page h2.text-3xl.md\:text-4xl.font-semibold.leading-tighter.tracking-tighter.mb-2,
  .Retail4-section h2.font-heading,
  .retail-support-section h2.font-heading {
    text-align: left;
    font-size: 28px;
    line-height: 38px
  }

  .Retail-Detailform h2.font-heading {
    line-height: 59px;
    font-size: 42px
  }

  .Retail-Detailform .form-left-text a {
    font-size: 20px;
    margin-left: 0
  }

  .ERP Fast Track -software .benefits-section,
  .ERP Fast Track -software .erp-section .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center,
  .ERP Fast Track -software .platform-section {
    width: 40rem
  }

  .relative.max-w-6xl.lg\:px-4.mx-auto.retail-support-section,
  .relative.max-w-7xl.lg\:px-16.mx-auto.Retail4 {
    width: 46rem
  }

  .LMS-support-section h2.font-heading {
    font-size: 34px
  }

  .LMS-support-section {
    max-width: 46rem
  }

  .ERP-education1 h1.font-heading {
    font-size: 27px;
    line-height: 39px;
    padding-top: 8rem
  }

  .ERP-education1 .erpone-btn {
    width: 195px;
    margin-bottom: 0
  }

  .ERP-education3 h3.text-base {
    font-size: 28px;
    line-height: 40px
  }

  .ERP-education3 p.text-l {
    font-size: 16px;
    line-height: 27px
  }

  .education4-section h2.font-heading {
    font-size: 30px;
    line-height: 30px
  }

  .education4-section h4.text-base {
    font-size: 12px;
    line-height: 23px
  }

  .relative.flex.flex-col.p-3.rounded-2xl.education4-box {
    padding: 0 !important
  }

  .educ4 {
    padding: .5rem !important
  }

  .Education5-right p.text-left {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 16px
  }

  .Educationfeature1-section h2.font-heading {
    font-size: 38px
  }

  .Educationfeature1-section h5.font-semibold {
    font-size: 16px;
    line-height: 30px
  }

  .Education-features p,
  .LMSmodules-section h3.font-semibold {
    font-size: 14px
  }

  .LMSmodules-section h2.font-heading {
    color: #30303f;

    font-size: 35px
  }

  .LMS-Page .Retail-Detailform h2.font-heading {
    font-size: 29px;
    margin-top: -5rem;
    line-height: 46px
  }

  .LMS-Page .faq-section h2 {
    text-align: center
  }

  .LMS-Page .blog-casestudy .py-36.pb-28.max-sm\:py-10 {
    padding-bottom: 1rem
  }

  .banner-para-about p {
    width: 100%
  }

  .about-us .together-about .together-left p,
  .about-us section.relative.py-20.detail-form-bg.detail-form-bg-about.max-sm\:py-5 {
    padding: 0
  }

  .client-grid {
    gap: 14.3px;
    margin-bottom: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .about-us .about-stats-visible {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .aboutusResp.inter.text-left.font-heading.dark\:text-gray-50.basis-2\/5.lg\:text-5xl {
    font-size: 38px;
    line-height: 45px
  }

  .about-stats-visible img {
    width: 36px;
    height: 36px
  }

  .about-us .px-4.mx-auto.max-w-7xl.lg\:px-8.lg\:pt-28.items-center.pt-1200.pb-100 {
    padding: 10px 21px !important
  }

  .About-us-form .form-section-title,
  .leader-section h2,
  .together-about h2 {
    font-size: 28px;
    line-height: 38px
  }

  .about-us .md\:basis-7\/12.justify-center.max-sm\:text-center.max-sm\:pb-5 {
    padding-left: 0 !important;
    padding-bottom: 0
  }

  .about-us .About-form-left img {
    margin-top: 0
  }

  .pad-left {
    margin: 12px 0 0
  }

  .about-content h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 11px
  }

  .about-us h2.max-w-lg.mb-6.text-3xl.text-left.inter.leading-none.max-sm\:pt-2.sm\:text-4xl {
    font-size: 45px;
    margin-top: 15px
  }

  .about-stats-visible {
    display: grid !important
  }

  .about-us .about-stats-visible .stat-count-rows {
    margin: auto;
    padding: 0
  }

  .text-left.font-heading.dark\:text-gray-50.basis-2\/5.lg\:text-5xl {
    text-align: center
  }

  .contact-block,
  .detail-form-bg.health-form-bottom .md\:flex-row {
    display: block
  }

  .contact-us-left {
    width: 100%
  }

  .contactUsUpdated {
    background-size: auto
  }

  .blue-shadow-bg {
    width: auto
  }

  .health-benefits-card-layout {
    padding: 20px !important
  }

  .aboutusResp.text-left.font-heading.dark\:text-gray-50.basis-2\/5.lg\:text-5xl {
    text-align: left
  }

  .about-us .about-stats-visible {
    padding: 40px 20px
  }

  .about-us .md\:mx-5,
  .contact-us .md\:mx-5 {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (max-width: 767px) {
  .dubai-software-page .Manufacturing-Experts .erpsection-btn {
    margin-left: 0 !important
  }

  .Retail-implement-inner,
  .Retail-implement-inner2,
  .box-shadow-retail {
    display: none
  }

  .retail-implement .retail-implement-left h3,
  .retail-implement .retail-implement-right h3 {
    padding: 16px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center
  }

  .Retail-implement-icon {
    width: 180px
  }

  .retail-implement-left {
    flex-direction: column-reverse
  }

  .retail-implement-right {
    flex-direction: column;
    width: auto;
    margin: auto
  }

  .retail-implement h3 br {
    display: block
  }

  .retail-implement-left {
    width: auto;
    margin: auto
  }

  .retail-implement-flex {
    gap: 32px;
    padding-bottom: 32px
  }

  .retail-implement .retail-implement-left h4,
  .retail-implement .retail-implement-right h4 {
    margin: -16px 0 0
  }

  .retail-implement h4 {
    width: 35px;
    height: 35px;
    font-size: 18px
  }

  .streamline-manu-grid {
    padding-top: 24px
  }

  .key-take {
    padding: 30px 20px 24px
  }

  .key-icon {
    margin-top: -43px
  }

  .home-blog-latest .blog-cont .blog-title {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 0 16px;
    height: auto
  }

  .home-blog-latest .blog-casestudy {
    padding-bottom: 40px
  }

  .home .home-blog.home-blog-latest .healthcare h2 {
    font-size: 28px;
    text-align: left !important;
    line-height: 42px
  }

  .new-retail-hero.business-hero h1 {
    font-size: 38px;
    line-height: 48px
  }

  .business-hero h1 {
    font-size: 34px;
    line-height: 42px
  }

  .new-retail-hero.business-hero h2 {
    font-size: 24px;
    line-height: 34px
  }

  .new-retail-hero.business-hero p {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 4px
  }

  .marketing-stage-box h4 {
    font-size: 26px;
    line-height: 34px;
    padding-top: 12px
  }

  .ERP Fast Track -software section.py-16.md\:py-20.trusted-section,
  .markating-cta2.markating-cta1 {
    padding-bottom: 0
  }

  .marketing-stage-box h3 {
    font-size: 16px;
    line-height: 22px
  }

  .marketing-stage-box h5 {
    font-size: 22px;
    line-height: 28px
  }

  .markating-cta1 {
    padding: 0 20px 40px
  }

  .news-section-blog .blog-post-page .faq-section h4 {
    line-height: 26px !important
  }

  .markating-cta1-box {
    padding: 32px
  }

  .toc {
    margin: 30px 0
  }

  .crm-cta3 {
    margin: 40px 20px 0
  }

  .crm-cta3-div h3 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 12px
  }

  .crm-cta3-div h4,
  .markating-cta1-div h3,
  .retail-implement h2 {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 22px
  }

  .retail-implement {
    padding: 40px 20px
  }

  .business-cta2-upper {
    margin-top: 10px
  }

  .cta-business-box.cta3-implement-box {
    margin-top: 40px;
    margin-bottom: 40px
  }

  .blog-new-whatsapp {
    margin: 110px 0 0 40px
  }

  .blog-new-whatsapp a,
  .blog-new-whatsapp img {
    height: 26px
  }

  .business-cta3 {
    padding: 40px 20px 0
  }

  .business-cta3.imple-cta3 {
    padding-bottom: 40px
  }

  .manu-hero-btn {
    font-size: 16px
  }

  .business-gap,
  .cta2-manu-div {
    padding: 0 20px
  }

  .cta2-manu-left h3 {
    font-size: 18px;
    line-height: 26px
  }

  .cta-business h2,
  .cta-manufacturing h2 {
    font-size: 20px;
    padding-top: 26px;
    line-height: 28px
  }

  .retail-cta1.crm-cta3-div {
    margin-bottom: 40px
  }

  .cta-business h2 {
    padding-bottom: 12px
  }

  .business-hero {
    padding: 40px 0
  }

  .manu-provide-btn:hover {
    border-radius: 0;
    color: #5a5c65 !important;
    border-bottom: 8px solid transparent !important;
    background: 0 0 !important
  }

  .new-manufacturing .nav-tabs .nav-item {
    margin: 0 20px
  }

  .feature-blogs.manufacturing-blogs .swiper-button-next,
  .feature-blogs.manufacturing-blogs .swiper-button-prev {
    margin: 35px 0 0
  }

  .new-manufacturing .nav-tabs {
    justify-content: center
  }

  .manufacturing-faq .accordion-item:first-of-type .accordion-button {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 20px 18px
  }

  .manufacturing-faq .accordion-body {
    padding: 0 20px 24px
  }

  .new-manufacturing .nav-tabs .nav-link.manu-provide-btn {
    padding: 20px;
    font-size: 18px;
    height: auto
  }

  .manu-provide-btn h3 {
    padding: 0 20px
  }

  .manufacturing-faq {
    padding: 40px 20px
  }

  .dropdown-submenu {
    margin: 42px 0 0 30px !important
  }

  .manufacturing-hero {
    padding: 40px 20px 20px
  }

  .manufacturing-hero h2 {
    font-size: 48px;
    line-height: 64px
  }

  .trusted-text {
    padding: 0 20px
  }

  .trusted-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  .new-benefits-flex {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
  }

  .left-animates,
  .right-animates {
    transform: translate(0)
  }

  .mobile-testimonial-slide {
    padding: 0 0 40px
  }

  .banner-home h1.main-heading2 {
    font-size: 58px;
    line-height: 68px;
    padding-top: 100px
  }

  .feature-blogs.manufacturing-blogs .swiper-button-next,
  .feature-blogs.manufacturing-blogs .swiper-button-prev,
  .mobile-img-hspt.mobile-img-hspt2 {
    display: flex !important;
    justify-content: center
  }

  .feature-provider .px-3 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .feature-menu-flex {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
  }

  .home-prod,
  .implementation-manu {
    padding: 40px 20px
  }

  #imageModal-second {
    max-width: initial;
    width: auto
  }

  .news-frappe-pb4 {
    padding-bottom: 0 !important
  }

  .single-news h3 {
    font-size: 20px;
    line-height: 30px
  }

  .blog-sub-heading {
    padding-bottom: 12px
  }

  .new-benefits-flex {
    gap: 24px
  }

  .hrms-partners {
    padding: 40px 20px
  }

  .hrms-partners-gap {
    gap: 30px;
    flex-direction: column
  }

  .hrms-partner-logos {
    gap: 30px
  }

  .hrms-line-partners {
    float: right
  }

  .hrms-frappe,
  .hrms-hubspot,
  .hrms-partner-logos,
  .hrms-partners .w-1\/3 {
    width: 100%
  }

  .hrms-landing-banner {
    padding: 16px 4px
  }

  .hrms-landing-form {
    padding: 30px 20px
  }

  .hrms-banner-gap {
    gap: 10px
  }

  .detail-fill,
  .dubai-software-page .Manufacturing-integrate-landing h2,
  .hrms-landing-banner h2,
  .hrms-landing-banner p,
  .hrms-landing-form h4,
  .implementation-manu h2,
  .manu-detail-form h2,
  .xurpas-page.rrl-page .eco-banner-text h2 {
    padding-bottom: 24px
  }

  .business-consulting-res,
  .crm-cta-star1,
  .crm-cta-star2,
  .crm-cta-star3,
  .crm-cta-star4,
  .crm-cta3-icon1,
  .crm-cta3-icon2,
  .digital-hero3,
  .hrms-landing-banner h2 br,
  .imp-manu-digram {
    display: none
  }

  .news-author-section.news-author-section-fv {
    margin-bottom: 0
  }

  .dubai-software-page .detail-form {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .crm-cta3-div {
    padding: 30px 20px
  }

  .hrms-software-page .Manufacturing-Experts p,
  .implementation-manu h2,
  .retail-implement h2 {
    text-align: left
  }

  .business-hero.implementation-hero.crm-services-hero p br,
  .hrms-software-page .Manufacturing-Experts h2 br,
  .implementation-manu,
  .para-erp-software .manufacturing-landing-industries h3 br {
    display: block
  }

  .blog-whatsapp-flex {
    gap: 8px;
    justify-content: flex-start !important;
    padding: 0
  }

  .blog-whatsapp-flex p.md\:pt-4 {
    margin-bottom: 0
  }

  .software-dubai .mt-16 {
    margin-top: 40px
  }

  .screenshort-view {
    padding: 10px 0 20px
  }

  .dubai-software-page .manufacturing-landing-choose .erpsection-btn,
  img.educationimg1 {
    margin-left: 0 !important
  }

  .POS-Landing-banner ul.dubai-list {
    padding: 24px 0 30px
  }

  .career-nb h2 br,
  .consultancy-process-bg {
    display: none
  }

  .open-box2 {
    margin-top: 0
  }

  .business-hero.implementation-hero.crm-services-hero p {
    font-size: 26px;
    line-height: 38px
  }

  .dubai-software-page .Manufacturing-integrate-landing .dubai-logos p {
    padding: 0 0 32px;
    text-align: left;
    display: block
  }

  ul.dubai-list {
    flex-direction: column;
    padding: 20px 0
  }

  .dubai-software-page .Manufacturing-Experts,
  .dubai-software-page .Manufacturing-Experts.POS-Experts,
  .dubai-software-page.crm-landing-page .Manufacturing-Experts {
    padding: 40px 4px
  }

  .dubai-logos h2 {
    text-align: left
  }

  .home-industry-section.software-dubai h2 {
    font-size: 28px;
    line-height: 38px;
    text-align: left;
    padding: 0 0 20px
  }

  .dubai-logos h4 {
    padding: 10px 20px 0;
    text-align: left
  }

  .home-industry-section.software-dubai p {
    padding-bottom: 40px
  }

  .dubai-logos h2,
  .dubai-logos p {
    padding: 0 20px 20px
  }

  .empower-retail {
    padding-top: 22px
  }

  .lms-industry-btn {
    margin-top: 24px
  }

  .business-consulting-desk,
  .manufacturing-landing-industries .empower-retail h3 br {
    display: block
  }

  .retail-landing-industries2 {
    padding: 0 0 30px
  }

  .retail-landing-industries {
    padding: 30px 0
  }

  .form-line {
    font-size: 14px;
    line-height: 24px;
    padding: 20px 0
  }

  .xurpas-page.rrl-page .eco-banner-text h1 {
    padding-top: 0
  }

  .Read-line {
    padding: 0 !important
  }

  .erp-healthcare-cs .youtube-video-news {
    padding-bottom: 52%
  }

  .Retail-Detailform .form-left-text,
  .new-education-banner h1 br {
    display: block
  }

  .case-implemented-div .feature-wrap3 .swiper-slide {
    background: #201921
  }

  .news-section-blog .news-author-section {
    margin: 46px 24px 0 !important;
    align-items: baseline
  }

  .right-webinar-image img {
    width: 270px
  }

  .waste-management-blog4 .katana-blog-subheading {
    margin: 0 0 32px !important;
    padding-left: 35px !important
  }

  .new-education-banner {
    height: auto;
    padding: 100px 20px 40px;
    margin-top: -82px
  }

  .LMS-Page.New-Education-Page .manufacturing-trusted h4 br,
  .lms-industry-mobile {
    display: block !important
  }

  .new-education-banner p {
    padding: 16px 0 0
  }

  .manu-detail-form .w-1\/2,
  .menu-benefit-box,
  .new-lms-cs .w-1\/2 {
    width: 100%
  }

  .manu-form {
    margin: 24px 0 0
  }

  .consultancy-diagram h2,
  .crm-diagram h2,
  .cta-business h3,
  .cta-manufacturing h3,
  .cta2-manufacturing h2,
  .cta3-manu-box h2,
  .dms-choose h2,
  .dms-section h2,
  .dubai-logos h2,
  .feature-provider h2,
  .implementation-manu h2,
  .manu-detail-form h2,
  .manu-modes h2,
  .manu-new-benefits h2,
  .manufacturing-faq h2,
  .marketing-stages h2,
  .new-manufacturing .home .healthcare h2,
  .streamline-manu h2,
  .successfull-manu h2 {
    font-size: 28px;
    line-height: 38px
  }

  .dms-section p,
  .manu-modes p,
  .streamline-manu p {
    padding-bottom: 24px;
    font-size: 18px;
    text-align: left
  }

  .lms-industry-img,
  .manufacturing-blogs .swiper-button-next,
  .manufacturing-blogs .swiper-button-prev,
  .new-lms-cs .w-1\/2.new-lms-cs-image {
    display: none
  }

  .cta2-manu-btn.justify-center {
    justify-content: left
  }

  .new-manufacturing .grid-pagination {
    width: 100%
  }

  .dms-box {
    padding: 20px 0 0 20px
  }

  .dms-choose-grid {
    padding: 24px 20px 0
  }

  .dms-choose-text {
    padding-left: 12px
  }

  .dms-choose h2,
  .dms-section h2,
  .manu-modes h2,
  .manufacturing-faq h2,
  .marketing-stages h2,
  .marketing-stages p,
  .streamline-manu h2,
  .trusted-text h2 {
    text-align: left
  }

  .test-mobile-slide h2 {
    padding-bottom: 24px;
    padding-top: 40px
  }

  .dms-grid-img {
    margin-top: 20px
  }

  .marketing-stages h2,
  .marketing-stages p {
    padding-left: 20px;
    padding-right: 20px
  }

  .marketing-stages h2 {
    padding-top: 40px
  }

  .manufacturing-faq h2 {
    padding: 0
  }

  .bottom-animates,
  .top-animates {
    transform: translateY(0)
  }

  .provider-middle {
    margin-right: 20px
  }

  .crm-diagram h2,
  .cta2-manufacturing h2,
  .feature-provider h2,
  .successfull-manu h2 {
    padding-bottom: 24px;
    text-align: left
  }

  .provider-left.nav-tabs .nav-link.active {
    padding: 10px;
    width: 80%;
    background: #f16e17
  }

  .provider-icon-div {
    gap: 8px;
    padding: 20px 8px;
    margin-left: 12px
  }

  .provider-icon-div h3,
  .provider-left .nav-link h4,
  .provider-left .nav-link span {
    font-size: 14px;
    line-height: 20px
  }

  .provider-left,
  .tab-content.w-3\/4 {
    width: 50%
  }

  .new-lms-cs {
    padding: 0 4px 20px;
    margin: 0
  }

  .new-lms-cta {
    padding: 20px 4px
  }

  .New-Education-Page .manufacturing-stepping h3,
  .dms-choose p {
    font-size: 18px;
    line-height: 28px;
    text-align: left
  }

  .dms-choose p {
    padding: 12px 20px 0
  }

  .dms-choose h2 {
    padding: 24px 20px 0
  }

  .dms-grid h3 {
    font-size: 20px;
    line-height: 28px;
    padding-right: 20px
  }

  .dms-grid h4 {
    color: #5a5c65;
    font-size: 18px;
    padding-right: 20px
  }

  .manu-support-box img {
    width: 42px;
    height: auto
  }

  .new-lms-cs h2,
  .new-lms-cta h2 {
    font-size: 20px;
    line-height: 30px
  }

  .New-Education-Page .manufacturing-benifits p {
    padding: 24px 0 0;
    font-size: 16px;
    line-height: 26px;
    text-align: left
  }

  .educationhome5 {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 !important;
    gap: 32px
  }

  .bootcamp-news-page.partner-news-detail-page .news-section ul li:before {
    width: 40px;
    position: absolute;
    height: 30px;
    margin-left: -25px
  }

  .webinar-highlights-section {
    gap: 8px;
    padding: 20px 0 32px
  }

  .first-webinar-text,
  .manufacturing-erp-software .Retail-Detailform h3 {
    padding-top: 10px
  }

  .image-highlights img {
    margin-top: 0;
    width: 42px;
    height: 247px
  }

  .second-webinar-text,
  .second-webinar-text.third-webinar-text {
    padding-top: 4.5rem
  }

  .registration-detail-form p.title-para {
    padding: 20px 0
  }

  .past-gap10 h3 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 10px
  }

  .Registration-Page .news-list-block {
    gap: 12px
  }

  .registration-banner {
    margin-top: -98px;
    padding: 110px 20px 40px
  }

  .new-lms-cs h3,
  .w-1\/2.right-image {
    display: none
  }

  .w-1\/2.left-image,
  .w-1\/2.webinar-stats-text {
    width: 100%
  }

  .registration-banner h1 {
    font-size: 36px;
    line-height: normal;
    text-align: left !important
  }

  .registration-banner h2 {
    font-size: 28px;
    line-height: 40px;
    padding: 20px 0 8px
  }

  .manufacturing-landing-industries .retail-landing-industries h3 br,
  .manufacturing-landing-industries .retail-landing-industries2 h3 br,
  .registration-banner h2 br {
    display: block
  }

  .date-announcement {
    padding: 24px 0
  }

  .registration-banner h3 {
    font-size: 18px;
    line-height: 28px
  }

  .registration-banner h4 {
    line-height: 18px;
    font-size: 12px
  }

  .LMS-Page #header,
  .Registration-Page #header,
  .Retail-Page #header,
  .manufacturing-erp-software #header {
    background: 0 0
  }

  .news-author-section {
    margin-top: 32px;
    margin-bottom: 32px
  }

  .mktplace-banner h1 {
    padding-top: 95px
  }

  .blog-bookdemo {
    font-size: 12px;
    gap: 4px
  }

  .blog-bookdemo svg {
    width: 18px !important
  }

  .rrl-page .eco-banner-text h3.pt-address {
    font-size: 20px
  }

  .news-section h2.news-sub-heading {
    margin: 16px 0
  }

  .bootcamp-news-page .news-section ul li {
    font-size: 16px !important;
    line-height: 27px
  }

  .news-section h3.news-heading-arrow.news-heading-arrow-program {
    margin: 0 0 12px;
    padding: 0
  }

  .best-manufacturing .pr-8,
  .consultancy-box1,
  .consultancy-box2,
  .consultancy-box3,
  .consultancy-box4 {
    padding: 0
  }

  .consultancy-box4 {
    position: relative
  }

  .consultancy-diagram {
    padding: 40px 20px
  }

  .thanks-content {
    height: auto;
    padding: 60px 0
  }

  .consult-box {
    border-radius: 24px;
    border: 1px solid rgba(2, 39, 47, .1);
    background: var(--mind-white, #FFF);
    box-shadow: 0 2px 6px #0b152d1a;
    padding: 24px;
    width: 100%
  }

  .consultancy-diagram h2 {
    padding-bottom: 8px
  }

  .consultancy-box {
    gap: 16px;
    margin-top: 16px
  }

  .thanks-content h2 {
    font-size: 32px;
    line-height: 42px
  }

  .market-logo h3 {
    padding: 0 20px
  }

  .thanks-content h3 {
    font-size: 22px;
    line-height: normal;
    padding: 20px 0
  }

  .best-manufacturing h3,
  .manufacturing-landing-industries h3 {
    font-size: 16px;
    line-height: 24px
  }

  .best-manufacturing p {
    padding-bottom: 40px;
    text-align: left !important
  }

  .Manufacturing-integrate-landing h2 {
    padding-bottom: 40px
  }

  .manufacturing-erp-software .client-grid-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .manufacturing-landing-industries .best-gap {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .Manufacturing-integrate-landing .mt-16 {
    margin-top: 40px
  }

  .Manufacturing-Experts,
  .Retail-Experts {
    padding: 40px 4px
  }

  .Manufacturing-Experts .mt-8,
  .Retail-Experts .mt-8 {
    margin-top: 0
  }

  .best-manufacturing .best-gap {
    gap: 20px
  }

  .CRM-Landing-banner,
  .Education-Landing-banner,
  .ErpSoftware-Landing-banner,
  .LMS-Landing-banner,
  .Manufacturing-Landing-banner,
  .POS-Landing-banner,
  .Pharma-Landing-banner,
  .Retail-Landing-banner {
    margin-top: -104px;
    padding: 120px 0 40px
  }

  .detail-form-landing {
    padding: 30px 10px 10px
  }

  .detail-form-landing p {
    font-size: 16px;
    line-height: 26px;
    padding: 15px 30px
  }

  .detail-form-landing h3 {
    font-size: 20px;
    line-height: 28px
  }

  .inner-banner-landing {
    padding: 0 20px !important
  }

  .best-manufacturing,
  .manufacturing-landing-choose,
  .manufacturing-landing-industries {
    padding: 40px 4px
  }

  .Manufacturing-integrate-landing {
    padding: 40px 20px
  }

  .manufacturing-landing-choose p br {
    display: none
  }

  .manufacturing-erp-software .Retail-Detailform,
  .manufacturing-erp-software .logoSlider {
    display: block
  }

  .market-logo h3 {
    padding-bottom: 40px
  }

  .best-manufacturing h2 {
    padding-bottom: 20px
  }

  .best-manufacturing .best-gap {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .market-logo {
    padding: 40px 0
  }

  .manufacturing-landing-choose .justify-center {
    justify-content: flex-start;
    align-items: flex-start
  }

  .LMS-Page .manufacturing-benifits h2,
  .Manufacturing-Experts h2,
  .Manufacturing-integrate-landing h2,
  .Retail-Experts h2,
  .Retail-casestudy h1,
  .Retail-casestudy p,
  .best-manufacturing h2,
  .ERP Fast Track -manufacturing-page .manufacturing-benifits h2,
  .manufacturing-erp-software .Retail-Detailform h2.font-extrabold,
  .manufacturing-erp-software .Retail-Detailform h3,
  .manufacturing-landing-choose h2,
  .manufacturing-landing-industries h2,
  .manufacturing-landing-industries p,
  .market-logo h3 {
    text-align: left !important
  }

  .career-video-slider img {
    width: 100%;
    padding: 0 20px
  }

  .career-video-slider {
    padding-bottom: 40px;
    background: #f8f6fa
  }

  .Retail-casestudy {
    padding: 20px 4px 10px
  }

  .Retail-Detailform {
    padding: 40px 4px !important
  }

  .Retail-Page .Retail-Detailform .form-left-text,
  .health-form-bottom .md\:basis-7\/12.md\:flex.md\:flex-col.justify-center.max-sm\:text-center.max-sm\:pb-5.form-left-text,
  section.hb-form {
    padding-bottom: 0 !important
  }

  .Retail-Page .client-grid-2 {
    gap: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .Retail-Page .standards-section2 .py-4 {
    padding: 0 !important
  }

  .Retail-Page .manufacturing-trusted {
    padding: 40px 0 30px
  }

  .LMS-casestudy .erpone-btn {
    margin: 0 0 12px
  }

  .LMS-Page .home .healthcare h2 {
    font-size: 28px;
    line-height: 38px
  }

  .LMS-Page .blog-casestudy .healthcare p {
    margin-bottom: 24px
  }

  .LMS-Page .blog-grid .blog-cont .blog-text,
  .erp-healthcare-cs .blog-casestudy .healthcare p,
  .erp-healthcare-cs .home .blog-grid .healthcare {
    margin-bottom: 0
  }

  .LMS-Page .Retail-Detailform {
    padding: 40px 4px
  }

  .LMS-csText {
    padding: 0
  }

  .LMS-casestudy h2 {
    font-size: 22px;
    line-height: 28px;
    text-align: left
  }

  .LMS-casestudy p,
  .new-lms-cs h4 {
    text-align: left
  }

  .new-lms-cs h4 {
    padding: 16px 0
  }

  .Education-left-img {
    margin-top: 0
  }

  .Education-left-img .md\:grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px
  }

  .Education5home {
    padding: 40px 20px
  }

  .ERP-education1 .banner-inner {
    padding-top: 6rem;
    padding-bottom: .5rem
  }

  .LMS-Page .manufacturing-trusted h4 br {
    display: none !important
  }

  .education-image.mt-20 {
    display: none
  }

  .ERP-education1 {
    background-size: cover !important;
    background-position: 0 0 !important;
    margin-top: -93px
  }

  .career-hr .career-right {
    gap: 20px
  }

  .casestudy-wrap h4 {
    font-size: 24px;
    padding: 32px 0 12px
  }

  .swiperTest h4 {
    font-size: 18px
  }

  .swiperTest h5 {
    font-size: 12px;
    padding: 0
  }

  .btn:hover {
    box-shadow: none !important;
    background: #fff
  }

  #location-3 .gray-box-contact {
    padding: 0 30px
  }

  .date-format-mobile {
    color: #263238;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    display: block
  }

  .erp-healthcare-cs .home .blog-img img {
    height: 272px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .erp-healthcare-cs .home .healthcare h2,
  .pos-features p {
    font-size: 24px;
    line-height: normal
  }

  .case-detail-banner .written-likes img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-right: 5px
  }

  .erp-healthcare-cs .erpsection-btn {
    margin: 0 !important;
    font-size: 14px
  }

  .case-detail-banner {
    padding: 10px 20px 32px
  }

  .casestudy-wrap h3,
  .news-section h3.news-heading-arrow,
  .news-section h3.news-heading-arrow.casestudy-challenge-title {
    font-size: 24px;
    line-height: 36px
  }

  .main-case-content {
    padding: 0 20px 16px
  }

  .erp-healthcare-cs .home .mt-14 {
    margin-top: 2.5rem
  }

  .erp-healthcare-cs .blog-casestudy {
    padding-bottom: 40px
  }

  .erp-healthcare-cs .home-blog.home.pb-100 {
    padding-bottom: 0
  }

  .erp-healthcare-cs .feature-wrap-home {
    padding: 0
  }

  .home.overflow-hidden #header {
    background-color: #000;
    transition: all .3s ease-in-out
  }

  .blog-post-page h2.casestudy-challenge-title {
    font-size: 22px !important;
    line-height: 32px !important;
    margin-bottom: 10px !important
  }

  .case-study-imp {
    height: 580px
  }

  .news-section h3.news-heading-arrow.news-heading-arrow-casestudy {
    margin: 32px 0 24px
  }

  .pos-features p {
    font-size: 26px
  }

  .swiperTest {
    padding: 0 10px !important
  }

  .InfosoftPOS -ball-line {
    height: 1396px
  }

  .feature-pos-gap {
    flex-direction: column
  }

  .new-InfosoftPOS -page button.accordion-button.collapsed {
    padding: 8px 18px !important
  }

  .new-InfosoftPOS -page .accordion-button {
    background: 0 0;
    padding: 8px 18px 4px !important
  }

  .new-InfosoftPOS -page .accordion-body {
    padding: 0 18px 8px
  }

  .new-InfosoftPOS -page .accordion-collapse.collapse.show {
    box-shadow: 0 15px 10px -15px #0b152d1a, 0 0#0000 !important
  }

  .InfosoftPOS -industries-grid {
    gap: 16px;
    padding-bottom: 0
  }

  .pos-div {
    font-size: 16px
  }

  .mobile-img-hspt {
    display: block !important
  }

  .hubspot-page .testimonial-resp {
    background: #faf6f5;
    padding: 42px 0
  }

  .desktop-img-hspt,
  .hspt-swiper .swiper-button-next,
  .hspt-swiper .swiper-button-prev,
  .left-hspt,
  .what-we-offer br,
  .right-hspt {
    display: none !important
  }

  .sales-hubspot h2 {
    padding: 42px 0
  }

  .hubspot-page .form-left-text {
    margin-left: 0;
    width: 100%;
    background: 0 0;
    border-radius: 25px;
    border: 3px solid #f0f0f3;
    padding: 20px
  }

  .hubspot-page .form-section-title {
    text-align: left !important
  }

  .hubspot-page .detail-form-bg .p-10 {
    width: 100%;
    padding: 42px 0 0
  }

  .hspt-slider {
    height: auto !important
  }

  .hspt-swiper {
    margin: 0 10px
  }

  .sales-hubspot {
    padding: 0 20px
  }

  .hubspot-sizzling h3 {
    margin-top: 16px
  }

  .blue-gradient-hspt,
  .case-detail-banner .share-btns,
  img.hubspot-banner {
    display: none
  }

  .hubspot-sizzling-gap .hspt-btn-flex {
    align-items: baseline;
    flex-direction: initial;
    width: 100%
  }

  .hubspot-banner .btn,
  .hubspot-drive .btn {
    padding: 15px 10px
  }

  .white-hspt {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px
  }

  .approach-card {
    padding-bottom: 2px
  }

  .approach-btn img,
  .customer-food br,
  .customer-para br,
  .hubspot-sizzling h2 br {
    display: block
  }

  .hubspot-banner .w-1\/2,
  .hubspot-drive .w-1\/2,
  .hubspot-sizzling .w-1\/2 {
    width: 100%
  }

  .hubspot-banner h2 {
    padding: 14px 0
  }

  .hubspot-left-img h3 {
    font-size: 22px
  }

  .hspt-btn-flex {
    gap: 10px;
    padding: 32px 0 42px
  }

  .notibell-form {
    padding-top: 20px
  }

  .notibell-step-section {
    margin: 0 !important;
    padding: 42px 20px
  }

  .notibell-page #header {
    background: 0 0
  }

  .notibell-page.overflow-hidden #header {
    background: #000
  }

  .notibell-page .seva-swiper-banner {
    background: #f3f5ff;
    margin-top: -82px
  }

  .what-we-offer-mkt h2 {
    padding-bottom: 0
  }

  .mkt-last-bg {
    padding: 42px 20px
  }

  .testimonials-cont {
    padding: 2px 0 10px
  }

  section.pt-24.market-logos {
    padding-top: 42px
  }

  .single-testimonials-main {
    padding: 0
  }

  #header {
    background: #f2f3f7
  }

  .market-left,
  .mktplace-banner .w-1\/2.max-sm\:basis-full.max-sm\:p-0 {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
  }

  .market-left,
  .petalm-page .eco-banner-text h3 {
    padding-bottom: 0
  }

  .mktplace-banner {
    margin-top: -88px
  }

  .what-we-offer .px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .food-solutions .blue-shade-text.blue-shade-dropdown {
    padding: 0 20px;
    margin: 0
  }

  .food-solutions .tracking-tight,
  .why-choose-heading h2 {
    padding: 0 20px
  }

  .why-choose-erp {
    padding-top: 42px
  }

  .food-testimonial-bg {
    background: #000;
    padding: 2px 0 20px
  }

  .food-footer h3 {
    font-size: 16px
  }

  .business-heading,
  .expertise-box-text .relative h3 {
    padding: 0
  }

  .carousel__item p {
    color: #0b1d39;
    font-size: 10px;
    line-height: 20px
  }

  .food-solutions section.faq-section.max-sm\:p-5 {
    padding: 0 16px 42px
  }

  .dropdown-wrapper {
    width: 75%;
    padding: 18px 35px;
    margin: 0 30px 0 0
  }

  .food-solutions .logos-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 0 20px
  }

  .blog-share-btns,
  .food-solutions .logos-list li:first-child {
    display: none
  }

  .carousel__item {
    height: 140px
  }

  .carousel__item h2 {
    font-size: 24px !important
  }

  .carousel__item img {
    width: 81px
  }

  .business-interface {
    height: 580px
  }

  .what-we-offer {
    padding: 42px 0;
    margin-bottom: 32px
  }

  .food-boy-customer {
    display: flex;
    padding-top: 50px
  }

  .food-boy-customer div.intraction-img,
  .order-food-steps .order-food-diagram1,
  .order-food-steps ul {
    display: none
  }

  .Interface-line-head,
  .petalm-page.rrl-page .eco-banner-text h1,
  .rrl-page .eco-banner-text h1 {
    padding-top: 0
  }

  .rux-heading-3,
  .what-we-flex p,
  .why-choose-erp p {
    font-size: 16px;
    text-align: left !important
  }

  .what-we-flex p {
    font-size: 14px;
    line-height: 24px;
    margin: 12px 0 !important;
    padding-left: 0
  }

  .what-we-offer-box {
    padding: 20px !important
  }

  .what-we-offer-heading {
    font-size: 10px;
    margin-bottom: 12px !important
  }

  .business-interface .business-heading,
  .customer-intrection .tracking-tight {
    font-size: 10px
  }

  .food-solutions .food-section-bg {
    padding: 42px 0;
    background-size: cover
  }

  .customer-intrection {
    background-size: 60%;
    background-position: right 0;
    padding-bottom: 0 !important
  }

  .customer-intrection li p span {
    margin-right: 12px
  }

  .customer-intrection li p {
    line-height: 24px;
    font-size: 12px
  }

  .mobile-food-banner {
    gap: 44px
  }

  .mobile-food-banner .btn.header-btn {
    width: 150px;
    min-width: 150px
  }

  .what-we-offer .flex {
    display: block;
    margin: 20px 0;
    width: 100%
  }

  .what-we-offer .flex {
    padding: 0 !important;
    margin: 0 0 32px
  }

  .food-banner {
    margin-top: -110px;
    padding: 0 20px
  }

  .rrl-page .expertise-box-text .relative h3 {
    width: 40%
  }

  .rrl-page .expertise-box-text .relative h4 {
    width: 60%
  }

  .title-katana-table div {
    padding-left: 10px;
    padding-right: 10px
  }

  .petalm-page.rrl-page.calysto-page .eco-banner-text h1 {
    padding-top: 32px
  }

  .cntctUsLeft li.cntctus-address svg {
    margin-top: -4px
  }

  .title-katana-content div {
    text-align: left;
    padding: 10px
  }

  .title-katana-content div,
  .title-katana-table div {
    font-size: 10px;
    line-height: normal
  }

  #blog-image,
  .blog-post-page,
  .blog-right {
    padding-left: 20px;
    padding-right: 20px
  }

  .career-content h2 br,
  .careerpage .career-banner-text h2 br,
  .fixed-section-class .blog-left-para,
  .news-section .tracking-tighter br {
    display: block
  }

  .fixed-section-class .blog-form {
    display: block;
    margin-top: 32px
  }

  .blog-post-page h2 {
    font-size: 28px;
    line-height: 40px;
    margin: 20px 0 12px
  }

  .katana-blog-heading li::marker {
    font-size: 26px;
    line-height: normal
  }

  .InfosoftPOS -types h2,
  .how-pos-works h2,
  .pos-features h2 {
    font-size: 26px;
    line-height: normal
  }

  .pos-features h2 {
    font-weight: 700
  }

  .pos-features .w-2\/6 {
    width: 100%
  }

  .aboutus-detail-image,
  .news-heading-arrow img,
  .our-partner-news-section-grid h6 {
    display: none
  }

  .case-detail-banner .written-likes a span {
    font-size: 12px
  }

  .eco-banner-text h1 {
    line-height: 40px
  }

  .home .h-screen {
    min-height: 720px;
    background-image: none;
    background: 0 0
  }

  .video-22 {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
  }

  .feature3-section,
  .video-22 {
    margin-top: -47px
  }

  .padding-bottom40 {
    padding-bottom: 40px
  }

  .benifit-news-grid {
    padding-bottom: 42px
  }

  .partner-news-detail-page .news-section ul li:before,
  .partner-news-detail-page ul.why-join-news li:before {
    width: 40px;
    position: absolute;
    height: 30px;
    margin-left: -20px
  }

  section.scroll-mt-16.leader-section {
    margin: 0
  }

  .benifit-news-grid,
  .meet-our-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .news-detail-page .benifit-news-box {
    padding: 10px
  }

  .news-detail-page .benifit-news-box h4 {
    padding-bottom: 12px
  }

  .news-detail-page .benifit-news-box h5 {
    font-size: 14px
  }

  .our-partner-news-section-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px
  }

  .our-partner-news-section-grid h4 {
    padding-top: 12px;
    font-size: 14px;
    line-height: normal
  }

  .our-partner-news-section-grid h5 {
    font-size: 12px;
    line-height: normal
  }

  .contact-us-country h2,
  .partner-news-detail-page .news-section ul li {
    padding-left: 20px
  }

  .careerpage .career-banner-text h2,
  .single-news header h1 {
    font-size: 28px;
    line-height: 40px
  }

  .about-us .about-stats-visible {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .news-black-btn {
    margin: 0 !important
  }

  .back-news-div {
    padding-bottom: 32px
  }

  .news-section h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -.8px
  }

  .news-section .date-format {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
  }

  .blog-share-btns span.share,
  .business-cta3-img5,
  .business-cta3-img6 {
    display: none !important
  }

  .news-section ul.share-ul {
    padding-left: 0;
    margin: 42px 0 0
  }

  .business-hire-btn {
    float: none;
    display: flex;
    margin: 24px auto 0
  }

  .news-section .tracking-tighter {
    margin-bottom: 12px;
    padding-left: 24px !important
  }

  .news-section .date-format {
    padding-left: 24px !important
  }

  .news-banner-img {
    padding: 0 24px
  }

  .grid-serve-news,
  .our-certification-news {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .hubspot-serve,
  .our-certification-news h4 {
    font-size: 12px
  }

  .news-section {
    padding: 0
  }

  .single-news-header {
    flex-direction: column;
    align-items: start
  }

  .about-us h2.max-w-lg.mb-6.text-3xl.text-left.inter.leading-none.max-sm\:pt-2.sm\:text-4xl {
    margin: 0;
    font-size: 24px
  }

  .About-us-form .form-section-title {
    margin-top: 42px
  }

  .leader-section h5 {
    font-size: 10px;
    text-align: left
  }

  .single-news header h1 {
    padding-bottom: 16px
  }

  .mb-100 {
    margin-bottom: 42px
  }

  .single-news-header {
    margin: 16px 0 42px
  }

  .contact-us-social {
    height: auto
  }

  .contact-us-social.contact-us-social-mobile {
    background: 0 0
  }

  .about-us .client-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 42px
  }

  .about-team .mr-4 {
    margin-right: 0
  }

  .home p.stat-subtitle span {
    margin-top: 20px
  }

  .client-grid {
    margin-bottom: 0
  }

  footer .text-sm .mb-2 {
    margin-bottom: 19px !important
  }

  .home .stats-h2 {
    padding-left: 0;
    margin-bottom: 0
  }

  .home .detail-form-bg .md\:basis-7\/12 {
    padding-bottom: 0
  }

  .about-us .leader-section .flex {
    display: flex
  }

  .about-banner-section {
    padding: 0 20px 40px
  }

  #hubspot-messages-iframe-container.widget-align-right {
    bottom: 0 !important
  }

  .contact-us-third {
    padding-left: 20px;
    padding-right: 20px
  }

  .contact-us-country {
    padding-bottom: 42px
  }

  .contact-us-third {
    padding-top: 10px
  }

  .nav-links,
  .sewa-banner h1,
  body.home .nav-links {
    padding-top: 0
  }

  .about-us p.stat-subtitle {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: column
  }

  .aboutusResp.inter.text-left.font-heading.dark\:text-gray-50.basis-2\/5.lg\:text-5xl,
  .business-cta3-box h3,
  .business-cta3-box h4,
  .home .case-implemented-div .healthcare h2 {
    text-align: center
  }

  .about-us h2.mb-6.text-3xl.inter.text-center.leading-none.max-sm\:pt-2.sm\:text-4xl {
    margin-bottom: 16px
  }

  .about-us .client-grid {
    gap: 20px
  }

  .contact-us .contact-us-country .lg\:max-w-7xl {
    padding: 0
  }

  .contact-us-country {
    padding-left: 0;
    padding-right: 0
  }

  .career-gallery2 {
    padding: 40px 0
  }

  .Whatsapp_icon img {
    margin-top: 0 !important
  }

  .iframe-container.widget-align-right {
    bottom: 0 !important
  }

  .Partner-home .flex {
    flex-direction: column;
    gap: 40px
  }

  .frappe-partner,
  .hubspot-partner {
    width: 200px;
    display: flex;
    justify-content: center;
    margin: auto;
    padding-bottom: 23px
  }

  .frappe-partner {
    width: 170px
  }

  .blog-casestudy .healthcare p {
    font-size: 16px;
    line-height: 28px;
    color: var(--styles-500, #343A50);
    text-align: left !important
  }

  .gallery-bg h2,
  .gallery-bg p,
  .home .healthcare h2,
  .home .text-left.font-heading.dark\:text-gray-50.basis-2\/5.lg\:text-5xl {
    text-align: left
  }

  .gallery-bg h2 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .gallery-bg p {
    font-size: 16px;
    line-height: 28px;
    padding-right: 3rem
  }

  .stats-h2:after {
    right: 5px;
    width: 185px
  }

  .home .stat-count .max-sm\:flex-nowrap {
    flex-wrap: inherit;
    gap: 3rem;
    padding-bottom: 0
  }

  .stats-box-home {
    background: #0b020a;
    background-size: 100% 100%;
    background-position: 0 140px
  }

  .Partner-home {
    padding: 42px 20px
  }

  .client-trust-section h2 br,
  .home .stats-h2 br,
  .order-food-diagram2 {
    display: block
  }

  .order-food-diagram2 {
    width: 70%
  }

  .carousel__item {
    justify-content: center;
    margin: 0 0 0 20px
  }

  .client-trust-section h2 span:before {
    width: 178px;
    margin: 28px 0 0
  }

  .client-trust-section {
    padding: 42px 20px
  }

  .client-trust-section h2 {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 40px;
    line-height: 36px;
    letter-spacing: -.8px
  }

  .certificate-btn {
    font-size: 12px
  }

  .home .stat-count {
    padding: 60px 20px 30px 30px;
    width: auto;
    margin: auto
  }

  .mobile-testimonial-slide img {
    width: 65%;
    margin: auto;
    justify-content: center
  }

  .mobile-testimonial-slide .grid-pagination svg {
    margin: 15px 0 0-7px
  }

  .stat-count .font-heading {
    flex: 60%
  }

  .home .stats-h2 {
    font-size: 42px;
    line-height: 50px
  }

  p.stat-subtitle {
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .96px;
    text-transform: uppercase
  }

  .home-bottomflex,
  .home-box-gradient {
    padding: 24px 0 0
  }

  .main-content-homepage2 {
    font-size: 18px;
    font-weight: 300;
    line-height: normal
  }

  .banner-text,
  .home .h-screen,
  .video-image {
    margin-top: -47px
  }

  .banner-text {
    z-index: 9
  }

  .banner-home,
  .video-image {
    height: 670px
  }

  .home #header {
    padding-left: 20px !important
  }

  .home-industry-section .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .blog-casestudy p,
  .desc-steps,
  .listitems,
  .swipercasestudy p,
  .we-offer-section .text-left.font-normal,
  .we-offer-section li {
    font-size: 18px;
    line-height: 28px
  }

  .desc-steps {
    padding-bottom: 12px
  }

  .single-casestudy-main.py-20 {
    padding-bottom: 0
  }

  .single-testimonials-inn .max-w-7xl,
  .single-testimonials-inn .max-w-7xl h2 {
    margin-bottom: 0 !important
  }

  .single-testimonials-inn .max-w-7xl {
    padding-bottom: 20px
  }

  br {
    display: block !important
  }

  #mb-dropdown .active,
  .home .main-heading2 br,
  .mobile-career-slider {
    display: block
  }

  .careerpage footer,
  footer,
  .news-detail-page footer,
  .news-listing-page footer,
  footer {
    padding: 0 15px !important
  }

  .desktop-career-slider {
    display: none
  }

  .mobile-career-slider {
    padding-bottom: 50px
  }

  .mobile-career-slider img {
    width: auto;
    padding: 0 15px;
    height: auto
  }

  .laptop-view {
    display: none !important
  }

  .career-nb,
  .career-opening {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .gallery.career-gallery {
    padding-bottom: 20px !important
  }

  .careerpage .career-content {
    padding-top: 40px
  }

  .career-opening-main h2 {
    padding-bottom: 35px
  }

  .career-opening .md\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0
  }

  .careerpage .banner-para-career p {
    width: auto !important
  }

  .mobile-view,
  section.faq-section.max-sm\:p-5.Retail-accordian br {
    display: block !important
  }

  .notibell-banner {
    padding-top: 120px
  }

  .notibell-page .mySwiper-how,
  .seva-swiper-banner,
  .stepping-section-seva .mt-10.md\:mt-0.md\:basis-1\/2 {
    margin-top: 0
  }

  .gallery-bg h2,
  .home .healthcare h2 {
    font-size: 42px;
    line-height: 50px
  }

  .gallery-head {
    padding: 0 20px
  }

  .gallery-bg {
    padding: 42px 0
  }

  .logo-white,
  .notibell-banner p br {
    display: none
  }

  .grid-pagination .swiper-button-next,
  .grid-pagination .swiper-button-prev {
    display: none !important
  }

  .test-mobile-slide .grid-pagination .swiper-button-next,
  .test-mobile-slide .grid-pagination .swiper-button-prev {
    display: block !important;
    margin-top: -195px
  }

  .healthcare-difference br,
  .logo-dark {
    display: block
  }

  .stepping-section-seva img {
    float: none
  }

  .structure-bg {
    padding: 42px 20px
  }

  .home .testimonials-cont {
    padding: 0 8px
  }

  .notibell-feature,
  .notibell-how-it-banner,
  .notibell-page section.relative.mx-auto.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mt-8 {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 93%
  }

  .notibell-feature-pink,
  .notibell-feature-text {
    padding: 30px !important
  }

  .notibell-banner-left {
    padding: 0 15px
  }

  .about-us .banner-para-about {
    width: 100%
  }

  #header {
    padding: 0 10px !important
  }

  .sewa-banner1,
  .sewa-banner2,
  .sewa-banner3,
  .sewa-banner4,
  .sewa-banner5 {
    background: #d8dcdf;
    height: auto;
    padding-top: 0
  }

  .slide-text h3 {
    padding: 16px 0;
    font-size: 20px;
    line-height: 30px
  }

  .seva-form h5 {
    font-size: 28px;
    line-height: normal
  }

  .digital-seva-form {
    padding: 60px 20px 0
  }

  .business-cta3-box,
  .sews-content-img {
    width: auto;
    height: auto
  }

  .sewa-banner-left {
    padding: 0 15px
  }

  .sewa-banner-left .flex.gap-3 {
    justify-content: center
  }

  .sewa-black {
    margin-top: 15px
  }

  .sewa-banner h1,
  .sewa-banner h2 {
    text-align: center;
    padding-bottom: 15px
  }

  .sewa-banner h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    padding-top: 3.5rem
  }

  .sewa-banner h2 {
    font-size: 20px
  }

  .sewa-content {
    padding-top: 20px
  }

  .sewa-content h3 {
    padding-bottom: 30px
  }

  .sewa-content .gap-16 {
    flex-direction: column
  }

  .sewa-content .gap-16 .w-1\/2 {
    width: 100%
  }

  .seva-feature h2,
  .stepping-section-seva h2 {
    font-size: 28px
  }

  .stepping-section-seva h2 {
    padding-bottom: 40px;
    padding-top: 0
  }

  .seva-feature-box p {
    font-size: 16px
  }

  .seva-feature-box h4 {
    font-size: 18px
  }

  .stepping-section-seva p {
    padding-bottom: 15px !important;
    font-size: 16px;
    line-height: 28px
  }

  .sewa-slider h2 {
    font-size: 28px
  }

  .about-us .leader-section .about-team .flex,
  .sewa-section {
    padding-bottom: 0
  }

  .stepping-section-seva h3 {
    font-size: 24px;
    padding-bottom: 0
  }

  .seva-feature {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .digital-sewa-page .md\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .sewa-banner p {
    padding: 0;
    text-align: center
  }

  .Partnership .black-social,
  .about-us .black-social,
  .contact-us .black-social {
    display: flex
  }

  .edu-section {
    display: none
  }

  .banner-para-career p,
  .career-left,
  .career-right {
    width: 100% !important
  }

  .mobile-flex-reverse {
    flex-direction: column-reverse
  }

  .careerpage .mobile-flex-reverse {
    flex-direction: column
  }

  .next-prev-career {
    margin-top: 32px;
    justify-content: center
  }

  .slide-career.mt-14 {
    margin-top: 32px
  }

  .opening-flex {
    flex-direction: column-reverse
  }

  .opening-flex .w-1\/3,
  .opening-flex .w-2\/3 {
    width: 100%
  }

  .current-opening,
  .current-opening.opening {
    border-top: 1px solid #d7d8dc;
    border-right: 1px solid #d7d8dc
  }

  .career-fourth-text .opening-flex p {
    padding-bottom: 32px
  }

  .career-content h4 {
    padding-bottom: 12px;
    display: none
  }

  .career-second h2,
  .career-second h3 {
    font-size: 28px;
    line-height: 44px
  }

  .career-third {
    margin-top: 0
  }

  .hrswiper .swiper-slide.swiper-slide-active {
    padding-right: 0
  }

  .current-opening.current-opening-last {
    border-bottom: 1px solid #d7d8dc
  }

  .about-team {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .leader-section .pb-18 {
    padding-bottom: 42px
  }

  .leader-cont.core-leader-cont img {
    width: auto;
    height: auto;
    -o-object-fit: unset;
    object-fit: unset
  }

  .leader-section h4 {
    font-size: 14px;
    text-align: left;
    padding-top: 10px !important;
    line-height: 18px
  }

  .leader-section {
    margin-bottom: 30px
  }

  .about-section .together-about,
  section.faq-section.max-sm\:p-5.Retail-accordian {
    padding-top: 0
  }

  .Whatsapp_icon {
    bottom: 0;
    left: 5px;
    z-index: 99 !important
  }

  .contact-us-social.contact-us-social-mobile .flex {
    flex-direction: column
  }

  .contact-us-social.contact-us-social-mobile .right-social-contact {
    display: flex;
    flex-direction: column;
    background: url(/assets/images/contact-fourth-bg22.webp)no-repeat center;
    background-size: cover !important;
    height: 360px;
    padding-top: 150px
  }

  .contact-us-social.contact-us-social-mobile .right-social-contact.left-social-contact {
    background: url(/assets/images/contact-fourth-bg11.webp)no-repeat center;
    background-size: cover !important;
    height: 360px;
    padding-top: 80px;
    padding-bottom: 40px
  }

  .right-social-contact p {
    padding-bottom: 12px;
    font-size: 18px
  }

  .contact-us-social.contact-us-social-mobile .right-social-contact.left-social-contact .flex {
    flex-direction: initial
  }

  .About-us-form h4 {
    padding: 0 10px;
    line-height: 30px
  }

  .contact-block {
    display: flex !important;
    flex-direction: column-reverse
  }

  .contact-us-left {
    margin-bottom: 2rem
  }

  .casebox-update-bg h4,
  .casebox-update-bg p,
  .structure-bg p br {
    display: none
  }

  .cntctUsLeft {
    padding: 30px 20px !important
  }

  .contact-us-flex-mob,
  .partnership-main-section .relative.flex.px-3.mx-auto.max-w-7xl {
    flex-direction: column-reverse
  }

  .contact-us-country h2,
  .contact-us-third h2,
  .hb-form-div-contact h2 {
    font-size: 36px;
    line-height: 54px;
    padding-top: 32px
  }

  .hb-form-div-contact h2 {
    padding-top: 0
  }

  .contact-us-country h2 {
    padding-bottom: 0
  }

  .contact-us .contact-us-country {
    margin-top: 10px
  }

  .cntctUsLeft h2 {
    font-size: 32px;
    line-height: 48px
  }

  .relative.lg\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full.mx-auto.gap-6.flex.grid-cols-2.contact-us-main.contact-block {
    padding: 0 15px;
    flex-direction: column
  }

  .structure-bg {
    background-size: initial
  }

  .home-industry-section h2,
  .structure-bg h2 {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 16px;
    text-align: left !important
  }

  .Partner-home h3 {
    font-size: 12px;
    padding-bottom: 23px
  }

  .structure-bg p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.4px;
    padding: 0 0 20px;
    text-align: left !important
  }

  .home-industry-section {
    padding: 42px 20px
  }

  .home-industry-section p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -.4px;
    padding-bottom: 32px
  }

  .case-implemented-div p {
    color: #f6f6f6;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5px;
    text-transform: uppercase
  }

  .home .healthcare h2 {
    font-weight: 700
  }

  .case-implemented-div .feature-wrap3 .swiper-slide {
    margin: 0 12px
  }

  .home .blog-grid .healthcare {
    padding: 0 20px
  }

  .home .blog-img img {
    width: 100%;
    height: 272px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .case-implemented-div .feature-wrap3,
  .feature-wrap-home {
    padding: 0
  }

  .home .home-blog .next-home-blog,
  .home .home-blog .prev-home-blog {
    display: none !important
  }

  .blog-cont .swiper-slide {
    padding: 0 !important;
    margin: 0 12px !important
  }

  .home .detail-form-bg {
    padding: 42px 8px
  }

  .home .blog-cont .blog-highlight {
    margin-top: 210px
  }

  .text-case-imp {
    padding: 16px
  }

  .text-case-imp h3 {
    font-size: 14px;
    line-height: 22px
  }

  .text-case-imp p {
    font-size: 10px;
    padding-bottom: 12px
  }

  .case-implemented-div img {
    width: 100%;
    height: auto
  }

  .case-implemented-div .blog-cont {
    padding-top: 35px
  }

  .case-implementation {
    padding: 42px 0
  }

  .stats-box .show-on-scroll {
    padding-top: 20px
  }

  .structure-bg img {
    width: auto
  }

  .get-erp-btn {
    width: 170px
  }

  .case-box2 p,
  .feature3-img {
    display: none
  }

  .case-update-head h2 {
    padding: 40px;
    font-size: 34px
  }

  .home-industry-section .lg\:basis-1\/2.pt-28.pb-28 {
    padding: 1rem 1rem 5rem
  }

  .slidenb .content {
    bottom: -350%;
    display: block
  }

  .expand-btn {
    margin-top: 30px
  }

  .casebox-update-bg h4 {
    font-size: 70px
  }

  .partner-right {
    border-radius: 0;
    margin: 0
  }

  .manufacturing-testimonial {
    padding: 40px 0 !important
  }

  .manufacturing-testimonial .mb-12.md\:mx-auto {
    margin-bottom: 0 !important
  }

  .manu-casestudy {
    border-radius: 0 !important
  }

  .ERP Fast Track -healthcareNew .manu-casestudy {
    padding: 0 !important
  }

  .manu-support-box {
    padding: 24px !important
  }

  .ERP Fast Track -manufacturing-page .manu-casestudy h2 {
    padding-right: 0 !important;
    padding-bottom: 10px !important
  }

  .manufacturing-benifits .pl-8 {
    padding-bottom: 24px
  }

  .manufacturing-benifits .gap-x-4 {
    gap: 4px
  }

  .manuwhome-left-img img {
    margin-left: 0 !important;
    margin-right: 12px !important;
    width: 70px
  }

  .manuwhome-left-img .whom-content {
    display: flex
  }

  .ERP Fast Track -manufacturing-page .manu-support-section,
  .manu-support-section {
    padding: 0 4px 40px !important
  }

  .ERP Fast Track -manufacturing-page .manu-support-section h2,
  .manu-support-section h2 {
    padding-bottom: 24px;
    text-align: left !important
  }

  .LMS-Page .manu-support-section h2 {
    padding-top: 40px !important
  }

  .manufacturing-benifits h3 {
    font-size: 18px;
    line-height: 45px;
    padding: 0
  }

  .manufacturing-features-section-list .flex.items-start:last-child p {
    padding: 0 0 16px !important
  }

  .healthcare-difference {
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 16px
  }

  .manu-casestudy.health-casestudy .w-1\/2 {
    width: 100%
  }

  .manu-casestudy.health-casestudy {
    padding: 0 !important
  }

  .healthcare-image-cs {
    display: none
  }

  .manu-casestudy p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
  }

  .manu-casestudy h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: left
  }

  .cs-health-padding {
    padding: 40px 20px !important
  }

  .health-modules {
    padding: 40px 4px !important
  }

  .gap-46px {
    gap: 32px
  }

  .ERP Fast Track -healthcareNew .home .blog-casestudy {
    padding-bottom: 0
  }

  .health-accordionResp {
    padding: 0 !important
  }

  .Retail-Detailform .form-left-text a {
    font-size: 18px !important;
    margin-left: 0 !important;
    margin-top: 12px
  }

  .health-modules img {
    height: 45px
  }

  .Retail-Detailform h2.font-heading {
    font-size: 28px !important;
    margin-top: 0 !important;
    line-height: normal !important;
    text-align: left
  }

  .ERP Fast Track -healthcareNew .manufacturing-banner h1 br,
  .ERP Fast Track -manufacturing-page .manufacturing-banner h1 br,
  .manufacturing-trusted h4 br {
    display: block !important
  }

  .health-modules h2 {
    font-size: 28px;
    text-align: left;
    padding-bottom: 24px;
    line-height: normal
  }

  .ERP Fast Track -healthcareNew .manufacturing-banner h1,
  .ERP Fast Track -manufacturing-page .manufacturing-banner h1 {
    font-size: 36px;
    line-height: normal;
    text-align: left;
    padding-bottom: 9px;
    padding-right: 20px
  }

  .ERP Fast Track -manufacturing-page .manufacturing-banner .banner-inner {
    margin-left: 20px !important;
    margin-top: 6.5rem !important
  }

  .ERP Fast Track -healthcareNew .manufacturing-text {
    padding: 5rem 0 2.5rem
  }

  .manufacturing-image img,
  .manufacturing-image.mt-20 {
    display: none !important
  }

  .manufacturing-text p {
    padding: 9px 20px 9px 0;
    font-size: 18px;
    line-height: normal
  }

  .manufacturing-features-section-list .w-1\/2,
  .manufacturing-trusted .w-1\/2 {
    width: 100%;
    justify-content: start !important
  }

  .manufacturing-trusted .banner-inner {
    display: flex;
    gap: 0 !important;
    flex-direction: column
  }

  .manufacturing-stepping h2 {
    padding-bottom: 16px !important;
    text-align: left
  }

  .manufacturing-features-section p,
  .manufacturing-stepping p {
    font-size: 16px;
    line-height: 28px;
    text-align: left !important
  }

  .manufacturing-features-section p {
    padding-bottom: 0
  }

  .manufacturing-features-section h2 {
    text-align: left !important;
    margin-bottom: 16px
  }

  .manufacturing-features-section {
    padding-top: 40px !important
  }

  .client-grid-2 {
    gap: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .manufacturing-banner {
    margin-top: -93px
  }

  .healthcare-banner.manufacturing-banner {
    margin-top: -93px;
    height: auto !important
  }

  .ERP Fast Track -healthcareNew #header,
  .ERP Fast Track -manufacturing-page #header {
    background: 0 0
  }

  .single-news h3 a {
    color: #263238 !important
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    padding: 30px 10px 20px 20px !important;
    display: flex
  }

  .Partnership-main-banner.manufacturing-banner {
    margin-top: -82px !important
  }

  .partnership-content .flex .w-1\/2 {
    padding-top: 2rem
  }

  .partnership-main-section .relative.flex {
    display: flex;
    flex-direction: column
  }

  .Partnership .manufacturing-banner h1 {
    font-size: 42px !important;
    font-weight: 700;
    margin: 0
  }

  .Partnership .partner-left-text h1.partner-left-text-h1 {
    font-size: 40px;
    line-height: 50px
  }

  .ERP Fast Track -manufacturing-page .Retail-Detailform h2 br,
  .manuwhome-right-text h2 br,
  h1.partner-left-text-h1 br {
    display: block
  }

  .partner-purple-span {
    background: linear-gradient(91deg, #5e05ff -.93%, #c623ac 101.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
  }

  .Partnership .contact-us-country .lg\:max-w-7xl {
    padding: 0 !important
  }

  .partnership-main-section {
    padding-top: 42px
  }

  .Partnership #header {
    background-color: transparent
  }

  .partnership-content {
    padding-top: 10px
  }

  .partnership-content .flex {
    flex-direction: column
  }

  .contact-us-country.partnership-country {
    padding-bottom: 40px
  }

  .partnership-content .flex .w-1\/2 {
    width: 100%
  }

  .partnership-content .flex .w-1\/2 .flex {
    flex-direction: initial
  }

  .manu-casestudy h2,
  .partnership-text.manufacturing-text {
    padding-top: 0
  }

  .footer-address p {
    padding: 10px 0 0
  }

  .manu-casestudy .erpsection-btn,
  .manuwhome .erpsection-btn {
    color: #000;
    background: #fff !important
  }

  .ERP Fast Track -manufacturing-page .case-cont .grid-pagination {
    top: -95px
  }

  #header.h-screen {
    height: 100vh
  }

  .ERP Fast Track -manufacturing-page .blog-cont .feature-wrap {
    height: 534px !important
  }

  .manu-casestudy {
    height: auto;
    background: #1d111e
  }

  .manuwhome .gap-28 {
    gap: 2rem
  }

  .manu-casestudy-image {
    display: none
  }

  .manu-casestudy-img2 {
    display: block;
    margin: auto
  }

  .manuwhome-right {
    padding-left: 0 !important
  }

  .manu-casestudy .banner-inner,
  .manuwhome .gap-28 {
    flex-direction: column-reverse
  }

  .ERP Fast Track -manufacturing-page .form-left-text a {
    font-size: 18px
  }

  .ERP Fast Track -manufacturing-page .Retail-accordian .accordion-item:first-of-type .accordion-button {
    padding-left: 1.25rem
  }

  .ERP Fast Track -manufacturing-page .Retail-accordian .accordion-item:last-of-type .accordion-collapse {
    padding-left: 1.25rem
  }

  .btn:hover {
    opacity: 1;
    transform: initial
  }

  .ERP Fast Track -manufacturing-page .blog-casestudy {
    padding-top: 80px
  }

  .manufacturing-testimonial h3 {
    padding: 0 10px;
    margin-bottom: 12px
  }

  .manufacturing-testimonial .md\:mt-0.mb-8 {
    margin-bottom: 16px !important
  }

  .manu-casestudy .erpsection-btn {
    width: 200px;
    margin: 0
  }

  .manuwhome .erpsection-btn {
    margin-left: 0
  }

  .health-diff {
    padding: 24px !important
  }

  p.health-diff-head {
    padding: 12px 0 10px
  }

  .md\:basis-1\/2.manufacturing-image.mt-12 {
    margin-top: 0
  }

  .manufacturing-main1 {
    display: none
  }

  .manufacturing-main2 {
    display: block
  }

  .partnership-main-section .relative.flex.px-4.mx-auto.max-w-7xl,
  .partnership-testimonials .relative.flex.gap-8.px-4.mx-auto.max-w-7xl {
    flex-direction: column;
    gap: 3rem
  }

  .manufacturing-banner {
    height: auto !important
  }

  .left-box-manu.float-right {
    float: none
  }

  .flex.flex-col.w-max.left-box-manu {
    width: auto
  }

  .partner-left {
    padding: 30px
  }

  .partner-right {
    padding: 42px 22px !important
  }

  .manufacturing-features-section-list .mb-16 {
    margin-bottom: 2rem
  }

  .right-box-manu img {
    width: auto !important;
    margin-top: 16px !important;
    margin-bottom: 0
  }

  .partner-right h2 {
    text-align: center;
    font-weight: 700
  }

  .partner-right h2.form-heading-partpage {
    font-size: 42px !important
  }

  .partner-listing {
    padding-left: 20px
  }

  .partnership-box {
    width: 100%;
    margin: auto;
    height: 96px !important
  }

  .partner-left-img .gap-2 {
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .Partnership .detail-form .relative.flex.px-4.mx-auto.max-w-7xl {
    flex-direction: column;
    gap: 2rem
  }

  .partner-form-text.pt-36 {
    padding: 0
  }

  .Partnership .detail-form,
  .partnership-testimonials {
    padding: 3rem 0
  }

  .partnership-testimonials h2 {
    padding-bottom: 3rem
  }

  .partnership-testimonial-box.mt-8 {
    margin-top: 3rem
  }
}

@media screen and (max-width: 670px) {
  .blog-new-whatsapp {
    margin: 100px 0 0 35px
  }
}

@media screen and (max-width: 600px) {
  .text-contact-vertical {
    font-size: 22px
  }

  .crm-process-box {
    flex-direction: column;
    gap: 24px
  }

  .crm-consult-box {
    width: auto;
    border-radius: 20px;
    border-top: 1px solid #cde3f8;
    border-right: 1px solid #cde3f8;
    border-bottom: 4px solid #cde3f8;
    border-left: 1px solid #cde3f8;
    padding: 24px;
    background: #fff;
    gap: 16px
  }

  .crm-process-box h4 {
    font-size: 22px;
    line-height: 30px
  }

  .crm-process-box img {
    width: 110px
  }

  .blog-new-whatsapp {
    margin: 90px 0 0 32px
  }

  .consultancy-box,
  .what-flex {
    flex-direction: column
  }

  .what-flex .w-1\/2 {
    width: 100%
  }

  .gray-box-contact {
    height: 65px
  }

  #location-1 .gray-box-contact {
    padding: 20px
  }

  #location-6 .gray-box-contact {
    padding: 0 20px
  }

  #location-4 .gray-box-contact {
    padding: 10px 20px
  }

  #location-5 .gray-box-contact {
    padding: 0 40px
  }

  #location-7 .gray-box-contact {
    padding: 0 15px 0 10px
  }

  #location-2 .gray-box-contact {
    padding: 20px
  }

  .consult-box br {
    display: block
  }

  .consult-box h3 {
    order: 2
  }

  .consultancy-icons {
    margin: 0;
    padding-bottom: 16px;
    order: 1
  }

  .consultancy-box h4 {
    padding-top: 16px
  }

  .consultancy-diagram h2 {
    text-align: left
  }

  .consult-box h4 {
    order: 3
  }

  #location-1 .text-contact-vertical,
  #location-2 .text-contact-vertical,
  #location-3 .text-contact-vertical,
  #location-4 .text-contact-vertical,
  #location-5 .text-contact-vertical,
  #location-6 .text-contact-vertical,
  #location-7 .text-contact-vertical {
    bottom: 130px
  }

  .text-contact-vertical {
    right: 16px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
  .ERP Fast Track -software .md\:mx-auto.max-w-7xl.basis-1\/2.first-section {
    margin-left: 0 !important;
    padding-right: 1rem
  }

  .ERP Fast Track -software li.div2,
  .ERP Fast Track -software li.div3,
  .ERP Fast Track -software li.div4,
  .ERP Fast Track -software li.div5,
  .ERP Fast Track -software li.div6,
  .ERP Fast Track -software li.div7,
  .ERP Fast Track -software li.divone {
    font-size: 20px;
    margin-top: 1rem;
    width: 250px !important
  }

  .erp-healthcare-cs .faq-section h2 {
    font-size: 22px;
    padding-bottom: 0
  }

  .erp-healthcare-cs .case-cont .feature-wrap {
    margin-top: -5rem
  }

  br {
    display: none
  }

  .erpsection-btn {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center
  }

  .ERP Fast Track -software .platform-section h2 {
    text-align: center;
    font-size: 27px !important
  }

  section.scroll-mt-16.erp-open-section.flex {
    display: flex;
    align-items: center;
    flex-direction: column
  }

  .ERP Fast Track -software li.div3 {
    border-radius: 42px !important
  }

  .ERP Fast Track -software .first-section .flex {
    display: flex;
    flex-direction: column
  }

  div#whyclass1,
  div#whyclass2 {
    margin-left: auto !important
  }

  .ERP Fast Track -software .open-source {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .open-source-img {
    height: 70px;
    width: 62px
  }

  .opensource-box {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .opensource-box h6 {
    font-size: 12px !important
  }

  .open-source-img img {
    height: 50px;
    width: 50px
  }

  .mx-auto.max-w-7xl.p-4.md\:px-8.flex.trusted-section.justify-evenly {
    display: flex !important;
    align-items: center !important;
    flex-direction: column
  }

  .trusted-section h2 {
    font-size: 25px !important;
    line-height: 38px !important;
    text-align: center
  }

  .mx-auto.max-w-7xl.p-4.md\:px-8.flex.trusted-section.justify-evenly div {
    margin-bottom: 2rem
  }

  .erp-second h2 {
    font-size: 31px !important
  }

  .ERP Fast Track -software .newsletter h2 {
    font-size: 30px !important;
    line-height: 42px !important
  }

  .ERP Fast Track -software .erp-second {
    padding-left: 2rem !important
  }

  .relative.flex.flex-col.p-9.py-8.rounded-2xl.opennext {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .ERP Fast Track -software .benefits-section h2 {
    font-size: 27px !important;
    line-height: 37px !important;
    margin-bottom: 1rem
  }

  .ERP Fast Track -software .banner-form .form-left-text {
    border-radius: 30px 30px 0 0 !important;
    padding: 1rem !important
  }

  .ERP Fast Track -software .banner-form h1 {
    font-size: 25px !important;
    line-height: 35px !important
  }

  .ERP Fast Track -software .banner-image {
    border-radius: 0 0 30px 30px !important
  }

  .erp-section p.max-w-3xl.mx-auto.text-xl.text-muted.dark\:text-slate-400 {
    text-align: center !important
  }

  .Retail-features .md\:basis-1\/2.self-center.pl-16,
  .Retail-features .md\:basis-1\/2.self-center.pl-24 {
    padding-left: 0 !important
  }

  .trusted-education-section,
  .trusted-retail-section {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .Retail6-section h5.font-heading,
  .trusted-retail-section.justify-evenly h2 {
    text-align: center;
    line-height: 30px
  }

  img.trendingimg1 {
    padding-top: 1rem
  }

  .Retail6-section h2.font-heading {
    font-size: 28px
  }

  .Retail6-section h5.font-heading {
    color: #51545c;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.24px
  }

  .retail-support-section h2.font-heading {
    font-size: 26px;
    line-height: 40px;
    text-align: center
  }

  .Retail-Detailform .form-left-text a {
    font-size: 20px;
    margin-left: 2rem
  }

  .Retail-Page .Retail-accordian .accordion-item:first-of-type .accordion-button {
    padding-left: 30px
  }

  .ERP-Retail3 h3.font-medium,
  .ERP-Retail3 h3.font-medium span {
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 2rem
  }

  .Retail-Page .testimonials-cont h3 {
    font-size: 26px;
    line-height: normal;
    color: #000 !important
  }

  .Retail-accordian h2.font-bold {
    color: #000;

    font-size: 28px
  }

  .Retail5-section h2.font-heading {
    font-size: 28px
  }

  .Retail4-section h2.font-heading {
    font-size: 24px;
    line-height: 24px;
    padding-left: 0;
    text-align: center
  }

  .Retail-Support .support-box,
  .Retail4-section .benefit-box {
    margin: 0 1rem
  }

  .ERP-Retail3 p.text-l {
    text-align: initial;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px
  }

  .md\:basis-1\/2.Retail-image.mt-12 {
    margin-top: -4rem
  }

  .ERP Fast Track -software .benefits-section,
  .ERP Fast Track -software .erp-section .px-4.mx-auto.max-w-7xl.max-sm\:flex-col.max-sm\:py-6.lg\:px-8.lg\:py-20.flex.items-center,
  .ERP Fast Track -software .platform-section,
  .relative.max-w-6xl.lg\:px-4.mx-auto.retail-support-section,
  .relative.max-w-7xl.lg\:px-16.mx-auto.Retail4 {
    width: auto
  }

  .ERP Fast Track -software .platform-section h2.mb-8.font-bold.font-heading {
    font-size: 23px !important
  }

  .ERP Fast Track -software img.erp-banner.pl-48.pt-12.pb-12 {
    padding-left: 1rem
  }

  .ERP Fast Track -software section.relative.banner-form.max-sm\:py-5 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .Retail-Detailform h2.font-heading {
    line-height: 37px;
    font-size: 29px;
    margin-top: 3rem
  }

  .flex.justify-evenly.middle-section {
    margin-top: -1rem;
    margin-bottom: -.9rem
  }

  .ERP-education1 .erpone-btn {
    width: 195px;
    margin-top: 0;
    margin-bottom: 0
  }

  .trusted-education-section h2 {
    font-size: 22px !important;
    text-align: center;
    line-height: 40px
  }

  .ERP-education3 h3.text-base {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 2rem
  }

  .ERP-education3 p.text-l {
    font-size: 16px;
    line-height: 27px;
    text-align: initial
  }

  .education4-section h2.font-heading {
    font-size: 26px;
    line-height: 32px
  }

  .Education5-right .erpsection-btn {
    display: flex;
    margin: 0;
    padding: 8px 12px
  }

  .relative.flex.flex-col.p-3.rounded-2xl.education4-box {
    padding: 0 !important;
    display: flex;
    margin-left: 1rem
  }

  .Education-left-img .items-stretch.gap-16.grid.md\:grid-cols-2.sm\:grid-cols-1.lg\:grid-cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
  }

  .Educationfeature1-section h2.font-heading {
    font-size: 28px
  }

  .Educationfeature1-section h5.font-semibold {
    font-size: 14px;
    line-height: 26px;
    text-align: center
  }

  .LMS-casestudy {
    background-size: cover !important;
    margin: 0
  }

  .LMS-casestudy .banner-inner {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 12px
  }

  .LMScase-img-right {
    height: 18rem;
    width: 44rem;
    margin-top: 2rem
  }

  .LMS-support-section h2.font-heading {
    line-height: 35px;
    font-size: 25px;
    letter-spacing: 0
  }

  .LMS-support-section {
    max-width: 22rem
  }

  .LMS-Page .testimonial-title {
    font-size: 26px;
    line-height: normal;
    color: #000 !important
  }

  .LMS-Page .Retail-Detailform h2.font-heading {
    font-size: 27px;
    margin-top: 0;
    text-align: initial;
    line-height: 40px
  }

  .LMS-Page .Retail-Detailform .form-left-text a {
    font-size: 16px;
    margin-left: 0 !important
  }

  .LMS-Page .accordion-item:first-of-type .accordion-button {
    padding-left: 22px !important
  }

  .LMS-Page .accordion-item:last-of-type .accordion-collapse {
    padding: 0 25px 0 3px !important
  }

  .LMS-Page .accordion-item:last-of-type .accordion-collapse.show,
  .New-Education-Page .accordion-item:last-of-type .accordion-collapse.show,
  .Retail-Page .accordion-item:last-of-type .accordion-collapse.show,
  .ERP Fast Track -healthcareNew .accordion-item:last-of-type .accordion-collapse.show {
    padding: 0 !important
  }

  .faq-section h2 {
    font-size: 22px
  }

  .Education-features .right-feature {
    padding: 0
  }

  .LMS-Page .Retail-Detailform .form-left-text a span.circle-arrow {
    padding-right: 0 !important
  }

  .LMS-Page .blog-casestudy p {
    margin-bottom: 3rem
  }

  .ERP-education3 br,
  .LMS-Page .testimonials-cont .client-data br {
    display: block !important
  }

  .LMS-casestudy .erpone-btn,
  .modal-title {
    color: #000 !important
  }
}

@media (max-width: 650px) {

  .erp-healthcare-cs .casestudy-wrap .rounded-xl,
  .erp-healthcare-cs .client-section img,
  .erp-healthcare-cs-img1,
  .erp-healthcare-features,
  .erp-manufacturing-features,
  .erp-tanteo-features,
  .healthcare-challenges,
  .manufacturing-challenges {
    height: auto !important;
    width: auto !important
  }

  .mobile-food-banner img {
    width: 90px
  }

  .erp-healthcare-cs .flex.gap-10.grid-cols-2 {
    padding: 0 10px
  }

  .written-likes a,
  .written-likes li {
    font-size: 12px;
    line-height: 20px
  }

  .like_button,
  .read-by {
    display: none !important
  }

  .customer-list2 {
    margin-left: 6px
  }

  .business-interface .md\:flex {
    padding-top: 16px
  }

  .customer-para {
    padding: 0 !important
  }

  .food-solutions .logos-list img {
    height: auto
  }

  .food-software-bg .ml-36 {
    margin: 0;
    padding: 0 20px !important
  }

  .food-solutions p.text-l.pb-8 br {
    display: none
  }

  .business-interface .mt-10.md\:mt-0.md\:basis-1\/2.p-20.astro-SWWIWYPS,
  .why-choose-erp h3 {
    padding: 0
  }

  .swiper-button-prev-food {
    left: 38% !important
  }

  .swiper-button-next-food {
    right: 38% !important
  }

  .food-software-bg p.text-l.pb-8 {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    padding-right: 1rem
  }

  .why-choose-heading h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px
  }

  .business-sub-heading,
  .case-study-heading,
  .what-we-offer-subheading,
  .why-choose-erp h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px
  }

  #banner-video,
  .food-last-bg,
  .heading-food h1 br {
    display: none
  }

  .business-interface {
    background: #feede9
  }

  .swiperErpSol {
    margin-bottom: 0
  }

  .erp-sol-img-cont {
    padding: 50px 40px 0
  }

  .ERP Fast Track -healthcare .detail-form-bg h2:after,
  .ERP Fast Track -healthcare h2:after {
    margin: auto
  }

  .form-left-text a {
    font-size: 14px
  }

  .industry-list .industry-item:before {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 35px
  }

  .industry-list .industry-item:after {
    margin: -45px 0 0 50px;
    width: 50px;
    height: 50px
  }

  .industry-list .industry-item .industry-box-inner h5 {
    font-size: 14px;
    line-height: 26px
  }

  .ERP Fast Track -software .banner-form h1:after {
    margin: 60px 10px 0 0
  }

  .industry-list .industry-item .industry-box {
    width: 100%;
    height: 105px;
    background-size: cover
  }

  .main-heading,
  .partner-txt h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px
  }

  .pb-4.main-heading {
    padding-bottom: 10px !important
  }

  .feature-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px
  }

  .feature-text {
    font-size: 16px;
    line-height: 26px
  }

  .case-cont .feature-wrap {
    width: 88vw
  }

  .case-cont .grid-pagination {
    top: -85px
  }

  .dark-bg .blue-shade-text {
    padding-bottom: 60px
  }

  .arrow-img {
    display: none
  }

  .partner-txt h3 {
    font-size: 26px;
    letter-spacing: -.8px;
    background: linear-gradient(249.66deg, #fb6ac1 70.62%, #e754d5 -53.66%, #d23cea 189.46%);
    font-weight: 800;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important
  }

  .partner-txt p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.4px;
    padding-bottom: 0
  }

  .partner-txt img {
    width: 80%;
    display: flex;
    justify-content: center;
    margin: auto
  }

  .arrow-bg {
    margin-bottom: 0
  }

  .testimonials-cont {
    background: 0 0
  }

  .quote-img {
    display: block
  }

  .testimonial-title {
    font-size: 26px;
    line-height: 40px
  }

  .swiperTest p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -.4px;
    color: #121215
  }

  .blue-shadow-bg {
    width: 100%
  }

  .ERP Fast Track -healthcare .banner-form h4:after {
    margin: 15px auto 30px
  }

  .ERP Fast Track -healthcare .banner-form h1 {
    font-size: 35px;
    line-height: 45px
  }

  .ERP Fast Track -healthcare .detail-form-bg h2,
  .ERP Fast Track -healthcare h2,
  .ERP Fast Track -software h2 {
    font-size: 30px;
    line-height: 35px
  }

  .plan-create-bg h2 {
    font-size: 22px;
    line-height: 55px;
    padding: 0 25px
  }

  .plan-create-bg h2:before {
    content: "";
    display: inline-flex;
    position: absolute;
    margin: 35px 0 0-30px;
    width: 25px;
    height: 30px;
    background-size: cover
  }

  .plan-create-bg h2:after {
    width: 25px;
    height: 30px;
    margin: 55px 0 0;
    background-size: cover
  }

  .color-boxes .color-bg h3 {
    font-size: 28px
  }

  .plan-create-bg .select {
    width: 90%
  }

  .single-testimonials-inn .max-w-7xl h2 {
    padding-top: 42px
  }

  .clients-bg {
    height: auto
  }

  .background-container {
    opacity: .3;
    height: 350px;
    background: linear-gradient(248.9deg, #f3f1fa -25.65%, #fbfbfc 114.21%)
  }

  .plane {
    display: none
  }

  .world-map {
    width: 100%;
    height: 350px;
    opacity: .5;
    background: url(/assets/images/map-img.svg)no-repeat right 100px;
    background-size: contain
  }

  .gallery .swiper {
    height: 275px;
    margin: -20px 0
  }

  .gallery-curve-top {
    top: -11px !important;
    height: 10px !important
  }

  .gallery-curve-bot {
    height: 50px
  }

  .blog-casestudy h2 {
    font-size: 24px;
    line-height: 36px
  }

  .form-section-title {
    font-size: 28px;
    line-height: 40px;
    text-align: center
  }

  .detail-form p {
    font-size: 20px;
    line-height: normal
  }

  .footer-contact {
    display: none
  }

  .footer-contact.resp-contact {
    display: block
  }

  .copyright-txt,
  .copyright-txt.privacy-terms a {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
  }

  .copyright-txt.privacy-terms a {
    flex: 100%;
    margin-bottom: 15px
  }

  .blog .grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  .color-boxes #boxClass2,
  .color-boxes #boxClass3 {
    padding-top: 100px
  }

  .color-boxes #boxClass1 {
    padding-top: 80px
  }

  .main-content-homepage {
    font-size: 8px
  }

  .Partnership .manufacturing-banner h1 {
    font-size: 36px !important
  }
}

@media screen and (max-width: 500px) {
  .feature3-img-mobile {
    margin-top: -105px;
    width: 50%
  }

  .blog-new-whatsapp {
    margin: 75px 0 0 25px
  }

  .case-study-imp {
    height: 550px
  }

  .saahas-form h5,
  .saahas-webinar-left h1,
  .saahas-webinar-left h2,
  .saahas-webinar-right h3,
  .webinar-card-saahas h5 {
    font-size: 28px;
    line-height: 38px
  }

  .saahas-webinar-left h3 {
    color: #398dff;
    font-size: 14px
  }

  .image-highlights {
    width: 12%
  }

  .webinar-text {
    width: 88%
  }

  .erp-healthcare-cs .home .blog-img img,
  .home .blog-img img {
    height: auto;
    -o-object-fit: cover;
    object-fit: contain
  }

  .erp-healthcare-cs .home .blog-cont .blog-highlight {
    display: none
  }

  .InfosoftPOS -ball-line {
    height: 1396px
  }

  .hubspot-left-img img {
    height: auto;
    width: auto
  }

  .hubspot-left-img div {
    width: 50%
  }

  .blog-highlight {
    position: absolute;
    margin: 200px 0 0
  }

  .mktplace-banner h1,
  .mobile-img {
    margin: 0
  }

  #calysto-partner-logo img,
  #ecosoft-partner-logo img {
    padding: 0 30px
  }

  .calysto-address-desktop {
    justify-content: space-between;
    gap: 20px
  }

  .dark-heading-news br {
    display: block
  }

  #location-3 .gray-box-contact {
    padding: 5px 20px
  }

  .news-section .white-social {
    justify-content: flex-start
  }

  .about-us .relative.md\:flex,
  .about-us .together-about .relative.md\:flex.justify-between.pt-16 {
    display: flex;
    flex-direction: column;
    padding-bottom: 0
  }

  .about-us .together-about .relative.md\:flex.justify-between.pt-16 .w-1\/2 {
    width: 100%
  }

  .about-us .relative.md\:flex {
    padding-bottom: 14px
  }

  .about-us .together-about .together-left p {
    padding: 0
  }

  .about-us .let-card {
    padding: 22px
  }

  .about-content p,
  .together-about p {
    font-size: 16px;
    line-height: 26px
  }
}

@media screen and (max-width: 470px) {
  .expertise-box-text .relative {
    display: flex;
    gap: 0;
    align-items: center
  }

  .InfosoftPOS -ball-line {
    height: 1440px
  }

  .market-logos h3,
  .blog-casestudy h2,
  .single-testimonials h2,
  .steps-section h1,
  .testimonial-title,
  .mkt-last-heading,
  .what-we-offer-mkt h2,
  body .faq-section h2 {
    font-size: 28px;
    line-height: 42px
  }

  .mobile-food-banner {
    gap: 24px
  }

  .customer-intrection li p span {
    margin-right: 0
  }

  .customer-intrection li p {
    gap: 8px
  }

  .gray-box-contact {
    height: 56px
  }

  #location-1 .text-contact-vertical,
  #location-2 .text-contact-vertical,
  #location-3 .text-contact-vertical,
  #location-4 .text-contact-vertical,
  #location-5 .text-contact-vertical,
  #location-6 .text-contact-vertical,
  #location-7 .text-contact-vertical {
    bottom: 115px
  }

  .eco-banner-text p,
  .ecosoft-content p {
    font-size: 16px;
    line-height: 28px
  }

  .news-section .author-section h4 {
    font-size: 16px
  }

  .expertise-box-text h4 {
    font-size: 16px;
    line-height: 26px
  }

  .rrl-page .expertise-box-text .relative h3,
  .rrl-page .expertise-box-text .relative h4 {
    width: 50%
  }

  .partnership-content h2 br,
  h1.partner-left-text-h1 br {
    display: none
  }

  .Partnership .manufacturing-banner h1 {
    font-size: 30px !important;
    padding-bottom: 0 !important
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    padding: 30px 10px 20px 20px !important
  }

  .Partnership .partner-left-text h1.partner-left-text-h1 {
    font-size: 28px !important;
    line-height: 40px
  }

  .partner-right h2.form-heading-partpage,
  .partnership-content h2 {
    font-size: 26px !important;
    line-height: 40px
  }

  .partnership-box {
    height: 76px !important
  }
}

@media print {
  .written-likes {
    display: none !important
  }
}

@media screen and (max-width: 452px) {
  .second-webinar-text.third-webinar-text {
    padding-top: 4.9rem
  }

  .second-webinar-text {
    padding-top: 5.5rem
  }

  .webinar-text h4 {
    line-height: normal
  }

  .new-education-banner {
    background-position: -350px 0
  }

  .blog-new-whatsapp {
    margin: 65px 0 0 20px
  }
}

@media screen and (max-width: 425px) {
  .InfosoftPOS -ball-line {
    height: 1510px
  }

  .blog-new-whatsapp a,
  .blog-new-whatsapp img {
    height: 24px
  }

  .POS-Landing-banner ul.dubai-list {
    font-size: 14px;
    line-height: normal
  }

  .case-detail-banner .written-likes a {
    font-size: 14px
  }
}

@media screen and (max-width: 450px) {
  .mobile-food-banner {
    gap: 20px
  }

  .mobile-food-banner img {
    width: 82px
  }

  .blog-list-latest .btn-ghost.btn-ghost-prev,
  .news-listing-page .btn-ghost.btn-ghost-prev {
    padding: 0 !important
  }

  .blog-list-latest .btn-ghost,
  .news-listing-page .btn-ghost {
    padding: 0 !important;
    margin-bottom: 50px
  }
}

@media screen and (max-width: 400px) {
  .expertise-box-text .relative h3 {
    font-size: 36px
  }

  .blog-new-whatsapp {
    margin: 55px 0 0 18px
  }

  .dropdown-menu {
    width: 280px
  }

  .manu-hero-btn {
    font-size: 15px
  }

  .hrms-landing-banner h2 {
    font-size: 28px
  }

  .para-erp-software .Retail-Detailform h2.font-heading {
    font-size: 22px !important
  }

  .hrms-line-hero {
    top: 70px;
    margin-left: 55px;
    width: 70px
  }

  .best-manufacturing h3,
  .eco-banner-text .flex.gap-9.pt-8 p,
  .erpsection-btn,
  .manufacturing-landing-choose h3,
  .openings-btn .nav-link-home {
    font-size: 14px
  }

  .industry-items {
    font-size: 15px;
    padding: 0 12px 10px
  }

  .LMS-casestudy h2 {
    font-size: 20px
  }

  .registration-banner h1 {
    font-size: 30px
  }

  .image-highlights {
    width: 15%
  }

  .webinar-text {
    width: 95%
  }

  .InfosoftPOS -ball-line {
    height: 1560px
  }

  .InfosoftPOS -types h3 {
    font-size: 13px;
    line-height: 24px
  }

  .hspt-btn-flex {
    gap: 15px;
    padding: 20px 0;
    flex-direction: column;
    width: 70%
  }

  .hubspot-banner h1,
  .white-box-contact a {
    font-size: 12px
  }

  .scrollgroup {
    width: 96%
  }

  .mobile-food-banner {
    gap: 16px
  }

  .heading-food h1 {
    font-size: 24px
  }

  .carousel__item h2 {
    font-size: 12px !important;
    line-height: normal !important
  }

  .mobile-food-banner img {
    width: 65px
  }

  .customer-intrection li p {
    line-height: 24px;
    font-size: 10px
  }

  .eco-banner-text h2 {
    padding-bottom: 40px;
    font-size: 46px
  }

  .calysto-address-mobile {
    display: block
  }

  .calysto-address-desktop,
  .manu-hero-icon7,
  .manu-hero-icon8 {
    display: none
  }

  .eco-banner-text h3 {
    font-size: 16px
  }

  .eco-banner-text .gap-9 {
    gap: 24px
  }

  .contact-us-country h2 {
    font-size: 28px;
    line-height: 36px
  }

  .expertise-box-text .relative h4 {
    font-size: 12px;
    line-height: 18px
  }

  .text-contact-vertical {
    font-size: 18px;
    letter-spacing: 0
  }

  .white-box-contact {
    padding-top: 10px
  }

  #location-2 .gray-box-contact {
    padding: 22px 15px
  }

  #location-3 .gray-box-contact {
    padding: 7px 10px
  }

  #location-1 .gray-box-contact {
    padding: 20px 10px
  }

  #location-6 .gray-box-contact {
    padding: 0 10px
  }

  #location-4 .gray-box-contact {
    padding: 12px 10px
  }

  #location-5 .gray-box-contact {
    padding: 0 30px
  }

  #location-1 .text-contact-vertical,
  #location-2 .text-contact-vertical,
  #location-3 .text-contact-vertical,
  #location-4 .text-contact-vertical,
  #location-5 .text-contact-vertical,
  #location-6 .text-contact-vertical,
  #location-7 .text-contact-vertical {
    bottom: 105px
  }

  .white-box-contact svg {
    margin: 6px 0 0 8px !important;
    width: 12px
  }

  .successfull-manu h2 {
    font-size: 24px;
    line-height: 36px
  }
}

@media screen and (max-width: 375px) {
  .single-testimonials h2 {
    font-size: 28px;
    line-height: 38px
  }

  .career-openings-flex {
    flex-direction: column;
    gap: 20px
  }

  .openings-btn .nav-link-home {
    display: flex;
    margin: auto
  }

  .first-webinar-text {
    padding-top: 14px
  }

  .New-Education-Page .Education5-right .erpsection-btn,
  .announcement-box h6 {
    font-size: 14px
  }

  .business-hero h1 br {
    display: block
  }

  .blog-bookdemo {
    padding: 10px !important;
    line-height: 18px !important
  }

  .blog-bookdemo svg {
    width: 18px !important;
    height: 18px !important
  }

  .manufacturing-landing-choose h3 {
    font-size: 13px;
    line-height: 50px
  }

  #location-5 .gray-box-contact {
    padding: 0 28px
  }

  .announcement-box h5,
  .date-format-mobile,
  .webinar-text h4 {
    font-size: 12px
  }

  .case-detail-banner h1 {
    font-size: 30px;
    line-height: 45px
  }

  .main-heading-mobile,
  .main-heading2 {
    font-size: 64px
  }

  .gallery-bg h2,
  .pos-features h2 {
    font-size: 36px;
    line-height: normal
  }

  .home .h-screen {
    min-height: 680px
  }

  .InfosoftPOS -types h3 {
    font-size: 12px;
    line-height: 24px
  }

  .InfosoftPOS -ball-line {
    height: 1557px
  }

  .pos-features h2 {
    font-size: 18px
  }

  .new-InfosoftPOS -page .accordion-button {
    font-size: 16px
  }

  .new-InfosoftPOS -page .accordion-body p {
    font-size: 14px;
    line-height: 28px
  }

  .market-logos h3,
  .blog-casestudy h2,
  .single-testimonials h2,
  .steps-section h1,
  .testimonial-title,
  .mkt-last-heading,
  .what-we-offer-mkt h2,
  body .faq-section h2 {
    font-size: 26px;
    line-height: 40px
  }

  .business-interface {
    display: none
  }

  .ecosoftform {
    padding: 22px
  }

  .news-section h1 {
    font-size: 28px;
    line-height: 40px
  }

  .expertise-box {
    padding: 20px
  }

  .home .stat-count {
    padding: 50px 20px;
    width: auto;
    margin: auto
  }

  .certificate-btn {
    font-size: 10px
  }

  .Partner-home,
  .client-trust-section {
    padding: 42px 15px
  }

  .client-trust-section h2 {
    font-size: 26px
  }

  .Partnership-main-banner.manufacturing-banner {
    background-size: auto !important
  }

  .Retail-Detailform .form-left-text a {
    font-size: 16px !important;
    margin-left: 0 !important;
    margin-top: 12px !important
  }

  .Partnership .manufacturing-banner h1 {
    font-size: 28px !important
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    padding: 40px 10px 20px 20px !important
  }

  .partnership-text.manufacturing-text {
    padding-top: 0;
    width: 48%
  }

  .partnership-box {
    height: 60px !important
  }

  .partnership-content h2 {
    font-size: 24px !important;
    line-height: 36px !important
  }
}

@media screen and (max-width: 363px) {
  .certificate-btn {
    font-size: 8px
  }

  .Partner-home,
  .client-trust-section {
    padding: 42px 10px
  }
}

@media (max-width: 1440px) {
  .about-us .text-base {
    width: 468px
  }

  .blog .text-base {
    width: auto
  }
}

@media (max-width: 1200px) {
  .text-base {
    width: auto
  }
}

@media (max-width: 1900px) {
  img.lets-cheer-img {
    display: none
  }

  .about-section {
    padding: 20px 15px 0
  }
}

@media (max-width: 1780px) {
  img.lets-cheer-img {
    display: block
  }
}

@media screen and (max-width: 1536px) {
  .about-section {
    padding: 20px 40px 0
  }

  .about-us #header {
    padding: 0 50px
  }
}

@media (max-width: 1250px) {
  img.lets-cheer-img {
    display: none
  }

  .about-section {
    padding: 20px 15px 0
  }
}

@media (max-width: 425px) {
  .pad-left {
    margin: 20px 20px 14px
  }

  .manu-casestudy.health-casestudy {
    background: 0 0;
    background-color: #ab40ff
  }

  .benefits-resp-health.flex,
  .manu-casestudy.health-casestudy p {
    display: block
  }

  .health-casestudy .manu-casestudy-image img {
    width: 100%
  }

  .health-form-bottom {
    padding: 30px
  }

  .Retail-Detailform h2.font-heading {
    line-height: 27px;
    font-size: 22px;
    margin-top: 3rem
  }

  .leader-cont img {
    width: auto;
    height: auto;
    margin: auto
  }

  .detail-form-bg.health-form-bottom .md\:flex-row,
  .pt-120 {
    padding: 10px
  }

  .pyk-2 {
    padding-left: 0
  }

  .cntctUsLeft {
    padding: 12px 20px
  }
}

@media screen and (max-width: 2560px) {
  .manufacturing-image img {
    width: 70%
  }
}

@media screen and (min-width: 1921px) {
  body {
    width: 1920px;
    justify-content: center;
    margin: auto;
    overflow-x: hidden !important
  }

  .arrow-img1 {
    display: none
  }
}

@media screen and (max-width: 1920px) {
  .manufacturing-image img {
    width: 100%
  }

  .case-study-banner {
    width: 1007px;
    height: 627px;
    margin-bottom: 32px
  }

  .tenteo-challenges {
    width: 1007px;
    height: 824px
  }

  img.erp-tanteo-features.margin-auto {
    width: 1007px;
    height: 672px
  }

  .erp-tenteo-cs-img {
    width: 1007px;
    height: 355px
  }

  .erp-tenteo-cs-img2 {
    width: 1007px;
    height: 303px
  }
}

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

  .healthcare-banner.manufacturing-banner,
  .manufacturing-banner {
    height: 690px
  }

  .manu-support-section {
    padding: 30px 24px 100px
  }

  .manu-casestudy {
    padding: 80px 30px
  }

  .manu-casestudy-image img {
    width: 23%;
    position: absolute;
    margin-left: 69px;
    margin-top: -30px
  }

  .ERP Fast Track -manufacturing-page #header {
    padding: 0 34px 0 38px
  }

  .manufacturing-benifits,
  .manuwhome {
    padding: 100px 6px
  }

  .Retail-Detailform {
    padding: 100px 34px
  }

  .case-study-banner,
  .erp-tenteo-cs-img,
  .erp-tenteo-cs-img2,
  .tenteo-challenges,
  img.erp-tanteo-features.margin-auto {
    width: auto;
    height: auto
  }

  .health-modules {
    padding: 100px 60px
  }

  .ERP Fast Track -healthcareNew .standards-section2 {
    padding: 86px 20px
  }

  .cs-health-padding {
    padding-left: 4.5rem
  }

  .health-form-bottom {
    padding: 96px 60px 88px
  }

  .healthcare-benefits {
    background: #f8f6fa;
    padding: 100px 44px
  }

  .ERP Fast Track -healthcareNew #header {
    padding: 0 50px
  }

  .partner-left {
    padding: 159px 60px
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    padding-left: 60px
  }

  .partnership-content {
    padding-left: 60px;
    padding-right: 60px
  }

  .ERP Fast Track -manufacturing-page p {
    font-size: 18px;
    line-height: 28px
  }

  .manu-support-box p {
    font-size: 16px;
    line-height: 28px
  }

  .right-box-manu img {
    width: 510px
  }

  .manufacturing-features-section-list .pt-20 {
    padding-top: 4rem
  }
}

@media screen and (max-width: 1300px) {
  .Partnership .detail-form {
    background-size: 100% 100%
  }

  .manufacturing-benifits {
    padding: 100px 45px
  }

  .New-Education-Page .manufacturing-trusted .banner-inner {
    padding: 0 45px
  }

  .manufacturing-benifits h3 {
    font-size: 16px;
    padding: 0;
    line-height: 45px
  }

  .manufacturing-erp-software .manufacturing-benifits h3 {
    font-size: 18px;
    padding: 0;
    line-height: 45px
  }

  .ERP Fast Track -healthcareNew .feature-wrap-home,
  .ERP Fast Track -healthcareNew .home .blog-grid .healthcare,
  .ERP Fast Track -manufacturing-page .feature-wrap-home,
  .ERP Fast Track -manufacturing-page .home .blog-grid .healthcare {
    padding: 0 50px
  }

  .healthcare-banner.manufacturing-banner,
  .manufacturing-banner {
    height: 650px
  }

  .health-accordionResp {
    padding: 0 50px
  }

  .health-form-bottom {
    padding: 100px 50px
  }

  .manufacturing-features-section-list,
  .manufacturing-features-section-list.gray-light-bg {
    padding: 0 80px
  }

  .health-modules h3 {
    font-size: 18px;
    line-height: 28px
  }

  .health-makeDifference-span {
    font-size: 144px;
    font-weight: 800;
    line-height: 134px
  }

  .health-modules {
    padding: 100px 34px
  }

  .ERP Fast Track -healthcareNew .standards-section2 {
    padding: 86px 50px
  }

  .cs-health-padding {
    padding-left: 50px;
    padding-right: 50px
  }

  .manufacturing-banner .banner-inner {
    margin-left: 50px;
    margin-top: 2rem
  }

  .ERP Fast Track -manufacturing-page .manufacturing-banner .banner-inner {
    margin-left: 50px;
    margin-top: 5rem
  }

  .ERP Fast Track -manufacturing-page .manu-casestudy h2 {
    padding-top: 0;
    font-size: 22px
  }

  .manu-casestudy-image img {
    width: 22%
  }

  .partnership-text.manufacturing-text h1 {
    font-size: 86px
  }

  .Partnership-main-banner.manufacturing-banner .banner-inner {
    margin-left: 0 !important;
    padding-left: 60px
  }

  .manufacturing-features-section-list .pt-20 {
    padding-top: 2rem
  }

  .partnership-testimonial-box p {
    padding-right: 30px
  }

  .manu-casestudy h2 {
    font-size: 20px;
    padding-top: 70px
  }

  .manu-casestudy h2 br {
    display: none
  }

  .manu-casestudy p {
    padding-right: 1rem
  }

  .Partnership .partner-left-text h1,
  .partnership-testimonials h2 {
    font-size: 34px;
    line-height: 42px
  }
}

@media screen and (max-width: 1200px) {
  .partnership-text.manufacturing-text h1 {
    font-size: 68px
  }

  .Partnership .nav-links {
    padding-left: 8px;
    padding-right: 8px
  }

  .partnership-content h2 {
    font-size: 30px
  }
}

@media screen and (max-width: 1250px) {
  .ERP Fast Track -manufacturing-page .manu-casestudy h2 {
    padding-right: 50px
  }
}

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

  .Partnership.overflow-hidden .logo-white,
  .ERP Fast Track -healthcareNew.overflow-hidden .logo-white,
  .ERP Fast Track -manufacturing-page.overflow-hidden .logo-white {
    display: none
  }

  .manufacturing-erp-software .left-box-manu p {
    line-height: 26px
  }

  .Partnership.overflow-hidden .logo-dark,
  .ERP Fast Track -healthcareNew.overflow-hidden .logo-dark,
  .ERP Fast Track -manufacturing-page.overflow-hidden .logo-dark {
    display: block
  }

  .Partnership.overflow-hidden .toggle-mobile path,
  .ERP Fast Track -healthcareNew.overflow-hidden .toggle-mobile path,
  .ERP Fast Track -manufacturing-page.overflow-hidden .toggle-mobile path {
    stroke: #000
  }

  .overflow-hidden .toggle-mobile svg rect {
    fill: #000
  }

  .home.overflow-hidden .toggle-mobile svg rect,
  .notibell-page.overflow-hidden .toggle-mobile svg rect {
    fill: #fff
  }

  .Retail-accordian .accordion-body,
  .Retail-accordian .accordion-item:first-of-type .accordion-button {
    padding-left: 20px
  }

  .grid-pagination .swiper-button-next,
  .grid-pagination .swiper-button-prev {
    display: none !important
  }

  .health-form-bottom {
    padding: 40px 20px
  }

  .Retail-Detailform h2.font-heading {
    font-size: 48px;
    margin-top: -5rem;
    line-height: normal
  }

  .client-grid-2 {
    gap: 24px
  }

  .manufacturing-stepping p {
    font-size: 18px;
    line-height: 28px;
    text-align: left !important
  }

  .manufacturing-stepping p br {
    display: block !important
  }

  .Partnership #header {
    padding-left: 10px !important
  }

  .Partnership .nav-links,
  body.ERP Fast Track -healthcareNew .nav-links,
  body.ERP Fast Track -manufacturing-page .nav-links {
    color: #000 !important
  }

  .international-img {
    height: auto;
    width: 100%
  }

  .contact-us-country .gap-14 {
    gap: 2rem
  }

  .ERP Fast Track -manufacturing-page #header.scroll {
    background: #fff !important
  }

  .partnership-testimonial-box p {
    padding-right: 0
  }

  .manu-casestudy .w-1\/2 {
    width: 100%
  }

  .ERP Fast Track -manufacturing-page p br,
  .manu-casestudy p,
  .manu-casestudy-image,
  .manufacturing-trusted h4 br,
  p.inter.part-left-para br {
    display: none
  }

  .manu-casestudy h2 {
    padding-top: 35px;
    line-height: 28px
  }

  .ERP Fast Track -manufacturing-page .form-left-text a {
    margin-left: 0;
    font-size: 20px
  }

  .manu-casestudy {
    background-position: 0;
    padding: 20px 4px;
    background: #140916
  }

  .manufacturing-stepping .pl-40 {
    padding: 0
  }

  .manuwhome {
    background: #0b020a
  }

  .Retail-accordian h2.font-bold,
  .ERP Fast Track -healthcareNew .blog-casestudy h2,
  .ERP Fast Track -manufacturing-page .Retail-accordian h2,
  .ERP Fast Track -manufacturing-page .blog-casestudy h2,
  .manu-support-section h2,
  .manufacturing-banner h1,
  .manufacturing-benifits h2,
  .manufacturing-features-section h2,
  .manufacturing-stepping h2,
  .manufacturing-testimonial h3,
  .manuwhome-right-text h2,
  h2.health-benefitResp {
    font-size: 28px;
    line-height: 38px
  }

  .Retail-accordian h2.font-bold {
    margin-bottom: 16px;
    text-align: left !important
  }

  .ERP Fast Track -healthcareNew .home .blog-grid .healthcare {
    padding: 0 20px
  }

  .benefit-bg-Benefits {
    margin: 24px 0 25px
  }

  .manu-support-section {
    padding-bottom: 80px
  }

  .ERP Fast Track -manufacturing-page .mb-8.max-w-7xl.md\:max-w-7xl.max-lg\:max-w-7xl.max-sm\:w-full,
  .ERP Fast Track -manufacturing-page .mt-14.dark\:text-white.items-stretch.overflow-hidden.case-cont.blog-cont {
    margin: 0
  }

  .manufacturing-benifits,
  .manuwhome {
    padding: 40px 0
  }

  .manufacturing-stepping {
    padding: 40px 4px
  }

  .manufacturing-features-section {
    padding-top: 60px
  }

  .manufacturing-stepping h2 {
    padding-bottom: 2rem
  }

  .left-box-manu h3 {
    font-size: 18px;
    line-height: 28px
  }

  .left-box-manu p {
    font-size: 16px;
    line-height: 26px
  }

  .feature-text-image {
    gap: 8px;
    padding: 40px 0
  }

  .manufacturing-features-section-list .pt-20 {
    padding-left: 0
  }

  h2.health-benefitResp {
    padding-bottom: 0
  }

  .manufacturing-trusted .banner-inner {
    gap: 40px
  }

  .manufacturing-features-section-list .md\:mt-0.w-1\/2 {
    display: flex
  }

  .health-makeDifference-span {
    font-size: 56px;
    line-height: normal
  }

  .manufacturing-trusted h4 {
    font-size: 20px;
    line-height: 26px;
    padding-left: 0
  }

  .blog-detail-page header {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .blog-detail-page header h1 {
    padding: 0 !important
  }

  .blog-detail-page p,
  .blog-detail-page span {
    font-size: 18px
  }

  .partner-left {
    padding: 159px 30px
  }

  .partner-right {
    padding: 127px 30px
  }

  .Partnership .detail-form h2,
  .partner-left-text h1 {
    font-size: 28px;
    line-height: 42px
  }

  .partnership-detail-form {
    padding: 60px 30px
  }

  .partnership-testimonial-box {
    padding: 30px
  }

  .content-gap p,
  .part-left-para,
  .partnership-text.manufacturing-text p {
    font-size: 18px;
    line-height: 28px
  }

  .Partnership .detail-form h3,
  .Partnership .partner-left-text h1,
  .partner-right h2,
  .partnership-content h2,
  .partnership-testimonials h2 {
    font-size: 28px;
    line-height: 40px
  }

  .Partnership .swiper-button-next-country,
  .Partnership .swiper-button-prev-country {
    margin-top: -17rem
  }

  .partnership-text.manufacturing-text h1 {
    font-size: 60px
  }

  .partnership-content {
    padding-left: 20px;
    padding-right: 20px
  }

  .Partnership .contact-us-country h2,
  .contact-us-third h2,
  .hb-form-div-contact h2 {
    font-size: 34px;
    line-height: 46px
  }
}

@media screen and (max-width: 768px) {
  .partnership-text.manufacturing-text h1 {
    font-size: 56px
  }

  .New-Education-Page .manufacturing-trusted .banner-inner {
    padding: 0 20px
  }
}

@media screen and (max-width: 480px) {
  .Partnership .contact-us-country h2 {
    padding-left: 0;
    font-size: 28px !important;
    line-height: 40px !important;
    font-weight: 800;
    text-align: center;
    padding-top: 42px
  }

  .Partnership-main-banner.manufacturing-banner {
    margin-top: -82px !important
  }

  .footer-contact.resp-contact li,
  .footer-links,
  footer .text-sm {
    text-align: left;
    justify-content: left
  }

  .resp-contact {
    padding-top: 40px
  }

  .partner-left {
    padding: 42px 22px !important;
    border-radius: 0
  }

  .contact-us-third h2,
  .hb-form-div-contact h2 {
    font-size: 22px;
    line-height: 27px
  }

  .partnership-content h2 br {
    display: block
  }

  .partnership-main-section {
    padding-bottom: 0
  }

  .partnership-text.manufacturing-text {
    padding-top: 0;
    width: 45%
  }
}

.testimonials-cont {
  background: linear-gradient(109.71deg, #d9e4f9 -2.63%, rgba(232, 239, 251, .695038) 65.25%, rgba(255, 255, 255, .24) 110.22%);
}

/* swiper */

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}