@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Radio+Canada:ital,wght@0,300..700;1,300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap);

.inter,
.parkinsans,
.radio-canada {
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400
}

.inter,
.parkinsans,
.radio-canada,
.raleway {
  font-style: normal
}

.inter,
.parkinsans,
.radio-canada,
body,
p {
  font-weight: 400
}

.mfp-image-holder .mfp-content,
.our-blog .section-row .section-title,
.our-testimonial .section-row .headingss,
.our-testimonial .section-row .testidescription,
.ql-editor img,
img {
  max-width: 100%
}

.btn-default,
.btn-highlighted {
  text-transform: capitalize;
  font-weight: 700
}

.main-menu ul li.nav-item a,
.thepath .section-title p {
  font-family: helvetica-neue-lt-pro, sans-serif;
  font-size: 16px
}

a,
a:focus,
a:hover {
  text-decoration: none
}

.skew-carousel .item .inner p,
.skew-carousel1 .item .inner p {
  will-change: transform;
  letter-spacing: 1px;
  font-size: 16px
}

.brin-p-tag,
.prine-title h2 {
  leading-trim: NONE;
  letter-spacing: 0
}

.parkinsans {
  font-family: Parkinsans, sans-serif
}

.inter {
  font-family: Inter, sans-serif
}

.raleway {
  font-family: Raleway, sans-serif
}

.radio-canada,
.testspace {
  font-family: "Radio Canada", sans-serif
}

.radio-canada {
  font-variation-settings: "wdth" 100
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Black.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Bold.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Bold.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Heavy.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Heavy.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Light.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Medium.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Thin.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-Roman.woff2') format('woff2'), url('../webfonts/HelveticaNeue-Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: helvetica-neue-lt-pro;
  src: url('../webfonts/HelveticaNeue-UltraLight.woff2') format('woff2'), url('../webfonts/HelveticaNeue-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Helvetica;
  src: url('../webfonts/Helvetica_cyr-BoldOblique.woff2') format('woff2'), url('../webfonts/Helvetica_cyr-BoldOblique.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Helvetica;
  src: url("../webfonts/Helvetica.ttf")
}

@font-face {
  font-family: 'Helvetica Oblique';
  src: url('../webfonts/Helvetica-Oblique.woff2') format('woff2'), url('../webfonts/Helvetica-Oblique.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

:root {
  --primary-color: #FFFFFF;
  --secondary-color: #1B1B1B;
  --text-color: #F5F5F4;
  --accent-color: #1e8a8a;
  --dark-color: #000000;
  --divider-color: #FFFFFF1A;
  --dark-divider-color: #F7FBFA1A;
  --error-color: rgb(230, 87, 87)
}

body {
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, helvetica-neue-lt-pro, Helvetica;
  font-size: 16px;
  line-height: 1.6em;
  color: var(--text-color)
}

.main-menu ul li.nav-item a,
.thepath .section-title p,
p {
  line-height: 24px;
  font-style: normal
}

.ql-editor {
  color: initial
}

.ql-editor img {
  height: auto
}

p {
  margin-bottom: 16px;
  font-family: helvetica-neue-lt-pro
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1.2em;
  font-family: Raleway, sans-serif
}

.amsmethod p,
.biadv .service-item-body1 p,
.blog-details-alignment em,
.blog-details-alignment h1,
.blog-details-alignment h2,
.blog-details-alignment h3,
.blog-details-alignment h4,
.blog-details-alignment h5,
.blog-details-alignment h6,
.collatmodal .modal-header h4,
.job-advantage h4,
.job-advantage p,
.leaderbtn span,
.mds-section1 .section-title h2,
.mds-section1 .section-title p,
.mds-section1 p,
.our-testimonial h2,
.ql-editor em,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.stu-tap-content ul li,
.successsec .service-item-body1:hover p,
.successsec p,
.testimonial-slider .service-item .ser-btn1 a,
.testimonial-sliders11 .service-item .ser-btn1 a,
.text-black h2,
.text-black p {
  color: #000
}

.agency-item-content p:last-child,
.agency-social-content p,
.agency-supports-content p,
.builtsec .section-title .ser-btn,
.digital-features-content p,
.footer-copyright-text p,
.header-social-links ul li:last-child,
.main-menu ul li,
.satisfy-client-image:first-child,
.section-title-content p,
.slicknav_menu ul ul,
.success-counter-item p,
.success-list-item p,
.testimonial-review-header p,
.why-choose-item p,
.work-process-content p,
figure {
  margin: 0
}

.bloginside ol li,
.collatab .ser-btn a,
.customer .section-title h2,
.excelimg .cs p,
.our-testimonial p,
.testimonial-slider .flip-card-inner .ser-btn1 a,
.testimonial-sliders11 .flip-card-inner .ser-btn1 a,
.text-dark {
  color: #000 !important
}

.btn-default,
.section-title h1,
.section-title h3 {
  color: var(--primary-color)
}

a:focus,
a:hover {
  outline: 0
}

body,
html {
  width: 100%;
  overflow-x: clip
}

.container {
  max-width: 1200px
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    gap: 80px
  }
}

@media (max-width:1300px) {
  .container {
    max-width: 1100px
  }

  .section-title h2 {
    font-size: 40px !important
  }

  .digiexperience .service-item img {
    height: auto !important;
    width: 100%;
    margin-bottom: -50px
  }

  .section-title p {
    font-size: 16px !important;
    font-weight: 400
  }
}

@media (min-width:1500px) and (max-width:2000px) {
  .brin-bg-video-waber {
    position: absolute;
    height: 75%;
    top: 50%;
    right: -18%;
    transform: translateY(-50%);
    z-index: -2
  }

  .epictechnology .testimonial-slider .service-item {
    height: 410px
  }

  .testimonial-slider1 .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
  }

  .dm-b-h {
    min-height: 830px !important
  }

  .auto-b-h {
    min-height: 900px !important
  }

  .epc-b-h {
    min-height: 725px !important
  }
}

.btn-default,
.btn-highlighted {
  z-index: 1;
  display: inline-block
}

@media (max-width:1140px) {
  .germancorus .oursolutionsec .service-item {
    min-height: 570px !important
  }

  .merlinfeature .testimonial-slider-08 .MeRLIN-service {
    height: 490px !important
  }

  .germanerpcab .epicsecslide .valueslide {
    min-height: 280px
  }

  .epicsecslide .valueslide {
    height: 290px
  }

  .gercusexcellence .stackimg .excelimg li {
    min-height: 305px !important
  }
}

@media (min-width:1100px) and (max-width:1299px) {
  .sap-service-waber {
    min-height: 480px !important
  }

  .germansapservice .sap-service-waber {
    height: 500px !important
  }

  .gerdigisermodern .MeRLIN-service {
    height: 505px !important
  }

  .digiupgradesec .MeRLIN-service {
    height: 439px !important
  }

  .germancorus .oursolutionsec .service-item {
    min-height: 570px !important
  }

  .germerlin .testimonial-slider-08 .MeRLIN-service {
    height: 530px !important
  }

  .germanerpcab .epicsecslide .valueslide {
    min-height: 270px !important
  }
}

@media (min-width:1300px) and (max-width:1365px) {
  .sap-service-waber {
    min-height: 555px !important
  }

  .gerdigisermodern .MeRLIN-service {
    height: 505px !important
  }

  .digiupgradesec .MeRLIN-service {
    height: 439px !important
  }
}

@media (min-width:800px) and (max-width:1139px) {
  .merlinfeature .testimonial-slider-08 .MeRLIN-service {
    height: 490px !important
  }

  .germerlin .testimonial-slider-08 .MeRLIN-service {
    height: 530px !important
  }

  .germanerpcab .epicsecslide .valueslide {
    min-height: 280px !important
  }

  .epicsecslide .valueslide {
    min-height: 270px
  }

  .germansapservice .sap-service-waber {
    height: 480px !important
  }

  .gerdigisermodern .MeRLIN-service {
    height: 505px !important
  }

  .digiupgradesec .MeRLIN-service {
    height: 439px !important
  }

  .germancorus .oursolutionsec .service-item {
    height: 570px
  }
}

@media (min-width:1700px) {
  .merlinfeature .testimonial-slider-08 .MeRLIN-service {
    height: 420px !important
  }

  .germerlin .testimonial-slider-08 .MeRLIN-service {
    height: 460px !important
  }

  .epicsecslide .valueslide {
    height: 335px
  }

  .germansapservice .sap-service-waber {
    min-height: 555px !important
  }

  .sap-service-waber {
    min-height: 530px !important
  }

  .gercusexcellence .stackimg .excelimg li {
    min-height: 280px !important
  }

  .ecommbtnn {
    display: none !important
  }

  .swiper-wrapper {
    justify-content: center
  }
}

.main-menu .nav-menu-wrapper>ul,
.reveal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.row>* {
  padding-right: 15px;
  padding-left: 15px
}

.aboutwork,
.image-anime {
  position: relative;
  overflow: hidden
}

.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1
}

.image-anime:hover:after {
  height: 250%;
  -webkit-transition: .6s linear;
  -o-transition: .6s linear;
  transition: .6s linear;
  background-color: transparent
}

.reveal {
  position: relative;
  display: inline-flex;
  visibility: hidden;
  overflow: hidden
}

.reveal img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left
}

.row {
  margin-right: -15px;
  margin-left: -15px
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.pr0,
.row.no-gutters>* {
  padding-right: 0;
  padding-left: 0
}

.btn-default {
  font-size: 16px;
  line-height: 1.4em;
  background: 0 0;
  border-radius: 60px;
  padding: 14px 25px;
  margin-right: 50px;
  border: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  position: relative
}

.btn-default::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 60px;
  opacity: 20%;
  width: 100%;
  height: 100%
}

.btn-default::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--accent-color);
  background-image: url('../images/arrow-dark.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px auto;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.btn-default:hover::before {
  background-color: transparent;
  -webkit-transform: translate(50px, 0) rotate(45deg);
  -ms-transform: translate(50px, 0) rotate(45deg);
  transform: translate(50px, 0) rotate(45deg)
}

.btn-highlighted {
  position: relative;
  line-height: 1.3em;
  font-size: 16px;
  background: var(--accent-color);
  color: var(--dark-color);
  border-radius: 8px;
  padding: 15px 30px;
  border: none;
  overflow: hidden;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.btn-highlighted:hover {
  background-color: var(--primary-color)
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--dark-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.loading,
.loading-container {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%
}

.loading-container {
  margin: 40px auto
}

.loading {
  border: 1px solid transparent;
  border-color: transparent var(--accent-color) transparent var(--accent-color);
  -webkit-animation: 1.5s linear infinite rotate-loading;
  animation: 1.5s linear infinite rotate-loading;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.loading-container .loading,
.loading-container:hover .loading {
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

#loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 66px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

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

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

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

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

.benefits-steps-no,
.section-row,
.section-title,
.testimonial-content {
  margin-bottom: 40px
}

.section-row .section-title {
  width: 100%;
  margin-bottom: 0
}

.our-services .section-title {
  width: 100%;
  max-width: 1000px;
  margin: auto
}

.section-title h3 {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-left: 24px;
  margin-bottom: 20px
}

.section-title h3::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icon-sub-accent-heading.svg) left center/cover no-repeat;
  width: 16px;
  height: 16px
}

.section-title h1 {
  font-size: 85px;
  line-height: 1.2em;
  margin-bottom: 0;
  cursor: none
}

.section-title h1 span {
  font-weight: 800;
  color: var(--accent-color)
}

.section-title h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  cursor: none;
  font-family: Raleway, sans-serif
}

.thepath .section-title p {
  font-weight: 400;
  margin: 32px 0 !important
}

.about-agency-content .section-title h2 {
  width: 80%;
  color: #000 !important
}

.agency-benefits .section-title h2,
.hero-video-content,
.platdesc .section-title h2 {
  width: 80%
}

.section-title h2 span {
  font-weight: 700;
  color: var(--accent-color)
}

.section-title p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400
}

.post-featured-image,
.section-content-btn .section-title-content,
.testimonial-benefits-item .icon-box,
.testimonial-company-logo,
.testimonial-review-content,
.testimonial-review-header,
.testimonial-sliders11 .col-sm-4,
.testimonial-sliders11 .col-sm-6 {
  margin-bottom: 30px
}

.help-block.with-errors ul {
  margin: 0;
  text-align: left
}

.help-block.with-errors ul li {
  color: var(--error-color);
  font-weight: 500;
  font-size: 14px
}

header.main-header {
  position: relative;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 10px 14px 24px 0 #00000026;
  box-shadow: 10px 14px 24px 0 #00000026;
  z-index: 100
}

header.main-header .header-sticky {
  position: relative;
  top: 0;
  z-index: 100
}

header.main-header .header-sticky.hide {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  border-radius: 0
}

.main-menu ul .subli,
.main-menu ul li.nav-item a {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}

header.main-header .header-sticky.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: var(--dark-color);
  border-bottom: 1px solid var(--divider-color);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px)
}

.navbar {
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #082326
}

.navbar-brand {
  padding: 0;
  margin: 0
}

.main-menu .nav-menu-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: end;
  text-align: center
}

.main-menu .nav-menu-wrapper>ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
  display: inline-flex
}

.main-menu ul li.nav-item a {
  font-weight: 400;
  letter-spacing: 0;
  padding: 0 !important;
  color: var(--primary-color);
  text-transform: capitalize;
  transition: .3s ease-in-out
}

.main-menu ul li.submenu>a:after {
  position: absolute;
  right: 20px;
  top: 36%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.8' cy='10.8' r='1.2' transform='rotate(90 16.8 10.8)' fill='white'/%3E%3Ccircle cx='19.2004' cy='8.4' r='1.2' transform='rotate(90 19.2004 8.4)' fill='white'/%3E%3Ccircle cx='12.0002' cy='15.6' r='1.2' transform='rotate(90 12.0002 15.6)' fill='white'/%3E%3Ccircle cx='9.5998' cy='13.2' r='1.2' transform='rotate(90 9.5998 13.2)' fill='white'/%3E%3Ccircle cx='7.20039' cy='10.8' r='1.2' transform='rotate(90 7.20039 10.8)' fill='white'/%3E%3Ccircle cx='4.8' cy='8.4' r='1.2' transform='rotate(90 4.8 8.4)' fill='white'/%3E%3Ccircle cx='14.3996' cy='13.2' r='1.2' transform='rotate(90 14.3996 13.2)' fill='white'/%3E%3C/svg%3E")
}

.footer-links ul li:hover a,
.main-menu ul li a:focus,
.main-menu ul li a:hover {
  color: var(--accent-color)
}

.main-menu ul .subli {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleY(.8);
  -ms-transform: scaleY(.8);
  transform: scaleY(.8);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  padding: 0;
  margin: 0;
  list-style: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  text-align: left;
  transition: .3s ease-in-out
}

.main-menu ul li.submenu:first-child ul {
  width: 230px
}

.main-menu ul ul ul {
  left: 100%;
  top: 0;
  text-align: left
}

.main-menu ul li.submenu ul li.submenu>a:after {
  content: '\f105';
  float: right
}

.main-menu ul ul li {
  margin: 0;
  padding: 0
}

.main-menu ul ul li.nav-item a {
  color: #000;
  padding: 6px 20px !important;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: relative
}

.main-menu ul li:hover>ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  padding: 5px 0
}

.main-menu ul ul li a:focus,
.main-menu ul ul li a:hover {
  color: #082326;
  background-color: transparent;
  padding: 6px 20px 6px 30px !important
}

.main-menu ul ul li a::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(-8px);
  -ms-transform: translateY(-50%) translateX(-8px);
  transform: translateY(-50%) translateX(-8px);
  height: 7px;
  width: 7px;
  background: #499a9a;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.header-social-links ul li i,
.service-item {
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out
}

.ser-btn {
  margin-bottom: 16px !important
}

.main-menu ul li.mega-menu .mega-menu-content a:hover::before,
.main-menu ul ul li a:hover::before {
  opacity: 1;
  -webkit-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0)
}

.header-social-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer-social-links ul li:last-child,
.header-social-links,
.testimonial-rating i:last-child {
  margin-right: 0
}

.header-social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-social-links ul li {
  line-height: normal;
  margin-right: 15px;
  padding: 0
}

.header-social-links ul li a,
.post-item-content h3 a {
  color: inherit
}

.header-social-links ul li i {
  font-size: 30px;
  color: #fff;
  transition: .4s ease-in-out
}

.agency-social-item:hover .icon-box a i,
.footer-social-links ul li:hover a i,
.footer-work-together .work-together-btn a:hover span,
.header-social-links ul li:hover i,
.post-item-btn a:hover,
.service-footer p a:hover {
  color: var(--primary-color)
}

.header-btn .btn-popup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 100;
  background: var(--divider-color);
  border-radius: 50%;
  border: none;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header-btn .offcanvas-backdrop {
  z-index: 100
}

.header-btn .btn-popup img {
  max-width: 14px
}

body:has(:not(.offcanvas)) {
  padding-right: initial !important
}

body:has(.offcanvas) {
  padding-right: 0 !important
}

.header-btn .offcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: -15px;
  background: var(--secondary-color) !important;
  border-radius: 0;
  opacity: 100%;
  width: 100% !important;
  height: 100% !important;
  max-width: 375px;
  border: none;
  padding: 150px 37px 150px 30px;
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  z-index: 101;
  -webkit-transition: .3s ease-in-out !important;
  -o-transition: .3s ease-in-out !important;
  transition: .3s ease-in-out !important
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important
}

.desktop-nav,
.mega-menu-content .tab-content.active,
.navbar-expand-lg .offcanvas .offcanvas-body,
.satisfy-client-image figure,
.search-full>* {
  display: block
}

.header-btn .offcanvas .btn-close {
  position: absolute;
  top: 30px;
  right: 37px;
  background-color: transparent;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

.header-contact-box {
  text-align: center;
  border-bottom: 1px solid var(--divider-color);
  padding-bottom: 30px;
  margin-bottom: 30px
}

.slicknav_btn,
.slicknav_menu {
  padding: 0;
  background: var(--accent-color)
}

.MeRLIN-service svg,
.about-agency-item .icon-box,
.firstrow h2,
.header-contact-box .icon-box,
.mb-20 h2,
.our-testimonial .section-row,
.post-item-content,
.tab-con-title,
.testimonial-rating {
  margin-bottom: 20px
}

.about-agency-item .icon-box img,
.header-contact-box .icon-box img,
.satisfy-client-image img,
.testimonial-benefits-item .icon-box img {
  max-width: 40px
}

.agency-supports-content h3,
.digital-features-content h3,
.header-contact-box-content h3,
.why-choose-item h3 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 10px
}

.header-contact-box-content p {
  color: var(--text-color);
  margin: 0
}

.header-social-links.sidebar-social-links {
  text-align: center;
  margin-right: 0
}

.header-social-links.sidebar-social-links h3,
.testimonial-benefits-content h3 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 20px
}

.header-social-links.sidebar-social-links ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header-social-links.sidebar-social-links ul li a {
  background-color: transparent;
  border: 1px solid var(--accent-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-contact-item:hover .icon-box,
.footer-social-links ul li:hover a,
.header-social-links.sidebar-social-links ul li a:hover {
  border-color: var(--primary-color)
}

.collatfilter .video-gallery-image a::before,
.corimg .card11 .hidden,
.digi1::before,
.main-menu ul li.mega-menu .mega-menu-content:hover .ser-btn1 a::before,
.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader,
.mobile-nav,
.mobileonly,
.mobileonly .testspace,
.mobiletesti5 .testspace,
.mobileview,
.navbar-toggle,
.responsive-menu,
.testimonial-benefits-item:last-child:before,
.top-in .btn-default::before,
.typing-title {
  display: none
}

.responsive-menu {
  top: 0;
  position: relative
}

.slicknav_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 8px
}

.hero-content-body,
.hero-content-video {
  display: -webkit-box;
  display: -ms-flexbox
}

.slicknav_icon .slicknav_icon-bar {
  display: block;
  height: 3px;
  width: 22px;
  background-color: var(--dark-color);
  border-radius: 8px;
  margin: 4px auto !important;
  -webkit-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.ric-slider-waber .testimonial-btn,
.slicknav_icon .slicknav_icon-bar:first-child,
.tab-content .tabcont .ser-btn {
  margin-top: 0 !important
}

.bluebg .section-row,
.card1.cs .micfabric .ser-btn,
.digi2 .buildsecont,
.mb0,
.oursolutionsec .service-item .ser-btn,
.projects h3,
.retailsection1 .section-title,
.slicknav_icon .slicknav_icon-bar:last-child {
  margin-bottom: 0 !important
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  -ms-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px)
}

#looping-animation .animate-fill,
.animated-svg .animated-arrows>path,
.mfp-fade.mfp-bg.mfp-removing,
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
  opacity: 0
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  -ms-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px)
}

.slicknav_menu {
  position: absolute;
  width: 100%
}

.slicknav_menu ul {
  margin: 5px 0
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 8px 20px;
  color: var(--dark-color);
  line-height: normal;
  margin: 0;
  border-radius: 0 !important;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:focus,
.slicknav_nav a:hover {
  background-color: transparent;
  color: var(--primary-color)
}

.slicknav_menu ul ul li a {
  padding: 8px 20px 8px 30px
}

.slicknav_arrow {
  font-size: 0 !important
}

.slicknav_arrow:after {
  content: '\f107';
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 12px;
  margin-left: 8px;
  color: var(--dark-color);
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.slicknav_open>a .slicknav_arrow:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: var(--primary-color)
}

.hero {
  padding: 0;
  min-height: 100vh
}

.hero .hero-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.hero .hero-bg-video video {
  width: 70%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1
}

.indexbanner .hero-bg-video video {
  width: 70%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0
}

.hero.bg-image {
  position: relative;
  background: url('../images/hero-bg.jpg') center center/cover no-repeat
}

.hero.bg-image::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(-73.04%, rgba(0, 0, 0, 0)), color-stop(1.71%, rgba(22, 22, 22, .3)), to(var(--secondary-color)));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) -73.04%, rgba(22, 22, 22, .3) 1.71%, var(--secondary-color) 100%);
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) -73.04%, rgba(22, 22, 22, .3) 1.71%, var(--secondary-color) 100%);
  width: 100%;
  height: 100%;
  z-index: 0
}

.hero.hero-slider-layout {
  background: 0 0;
  padding: 0
}

.hero.hero-slider-layout .hero-slide {
  position: relative;
  background: url('../images/hero-bg.jpg') center center/cover no-repeat;
  padding: 215px 0 120px;
  min-height: 100vh
}

.hero.hero-slider-layout .hero-slide.slide-2 {
  background: url('../images/hero-bg-2.jpg') center center/cover no-repeat
}

.hero.hero-slider-layout .hero-slide::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(-73.04%, rgba(0, 0, 0, 0)), color-stop(1.71%, rgba(22, 22, 22, .3)), to(var(--secondary-color)));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) -73.04%, rgba(22, 22, 22, .3) 1.71%, var(--secondary-color) 100%);
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) -73.04%, rgba(22, 22, 22, .3) 1.71%, var(--secondary-color) 100%);
  width: 100%;
  height: 100%;
  z-index: 1
}

.hero.hero-slider-layout .hero-slide .hero-slider-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

.brainsec .hero-bg-video2 video,
.hero.hero-slider-layout .hero-slide .hero-slider-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero.hero-slider-layout .hero-pagination {
  position: absolute;
  bottom: 30px;
  text-align: center;
  z-index: 2
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary-color);
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin: 0 5px
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active,
.our-scrolling-ticker {
  background-color: var(--accent-color)
}

.hero-content-video .video-play-button a,
.service-arrow a img {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}

.deliver,
.digital-features-content,
.hero-content,
.retail-baner1 {
  position: relative;
  z-index: 1
}

.hero-content .section-title {
  width: 100%;
  margin-top: 0
}

.section-title h1 span div {
  color: transparent
}

.hero-content-body {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0
}

.hero-content-video {
  width: 35%;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.hero-content-video .video-play-button a {
  background: #082326;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: none;
  transition: .3s ease-in-out
}

.hero-content-video .video-play-button:hover a {
  background-position: right center
}

.hero-content-video .video-play-button a i {
  font-size: 35px;
  color: var(--dark-color)
}

.learn-more-circle {
  margin-left: -30px
}

.learn-more-circle img {
  max-width: 128px;
  -webkit-animation: 30s linear infinite infiniterotate;
  animation: 30s linear infinite infiniterotate
}

@-webkit-keyframes infiniterotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@keyframes infiniterotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

.hero-video-content p {
  margin: 0;
  color: #082326;
  font-size: 20px;
  visibility: visible;
  font-family: helvetica-neue-lt-pro, Helvetica, Arial, sans-serif
}

.hero-btn {
  text-align: center;
  margin-top: 60px
}

.our-scrolling-ticker {
  padding: 26px 0
}

.scrolling-ticker-box {
  --gap: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: var(--gap);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.scrolling-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: 40s linear infinite scroll;
  animation: 40s linear infinite scroll
}

.about-agency-list,
.service-item-header {
  display: -webkit-box;
  display: -ms-flexbox
}

.scrolling-content span {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: .5em;
  color: #fff;
  vertical-align: middle
}

.scrolling-content span img {
  width: 100%;
  max-width: 24px;
  margin-right: 40px
}

@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)))
  }
}

@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)))
  }
}

.about-agency {
  padding: 100px 0 80px
}

@-webkit-keyframes circlerotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@keyframes circlerotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

.about-agency-content {
  top: 100px;
  padding-right: 35px
}

.about-agency-list {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 30px;
  padding-left: 50px
}

.about-agency-item,
.brouchure .w100,
.buildsecont .hero-video-content,
.customer .section-title,
.why-choose-item.active:before,
.why-choose-item:hover:before {
  width: 100%
}

.agency-item-content h3 {
  position: relative;
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 10px
}

.agency-item-content h3:after {
  content: '';
  position: absolute;
  top: 0;
  left: -60px;
  background: url('../images/dot-green-icon.svg') left center/cover no-repeat;
  width: 20px;
  height: 20px
}

.digital-success,
.our-services {
  padding: 80px 0
}

.service-item {
  position: relative;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 25px 30px;
  transition: .4s ease-in-out;
  overflow: hidden;
  background: 0 0
}

.benefits-steps-item,
.benefits-steps-item:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.service-item:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.service-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  opacity: 0%
}

.service-item-header {
  position: relative;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

.digital-success-content .section-title,
.success-list-item,
.work-process-content {
  margin-bottom: 80px
}

.service-item-header .icon-box img {
  max-width: 100px
}

.service-arrow a img {
  max-width: 34px;
  transition: .3s ease-in-out
}

.footer-work-together .work-together-btn a:hover img,
.post-item-btn a:hover::before,
.service-item:hover .service-arrow a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#mobileSearchBox,
.aboutnav1 .width60 .verline,
.agency-supports-slider,
.agency-supports-slider1,
.brainsec .hero-bg-video,
.hero-bg-video,
.learn-more-circle,
.main-menu ul li.mega-menu a,
.mega-menu .mega-menu-content .aboutnav,
.mission .mission-left .missionhead,
.parent,
.sap-svg-animation-wrap,
.search-box,
.service-item-body,
.testimonial-slider33,
.work-together-box {
  position: relative
}

.service-item-body h3 {
  font-size: 32px;
  text-transform: capitalize;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: 600;
  font-family: Raleway, sans-serif
}

.sersec .service-item-body p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 100 !important
}

.thepath .service-item-body p {
  font-size: 16px;
  font-weight: 100 !important;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal
}

.service-footer,
.testimonial-sliders11 .author-content {
  margin-top: 20px
}

.service-footer p {
  text-align: center;
  margin-bottom: 0
}

.service-footer p a {
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: underline;
  color: var(--accent-color);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.digital-success-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
  padding: 80px;
  position: relative;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#1e8a8a), color-stop(90.04%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, #1e8a8a 0, rgba(0, 0, 0, 0) 90.04%);
  background: linear-gradient(180deg, #1e8a8a 0, rgba(0, 0, 0, 0) 90.04%)
}

.digital-success-box::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #000), color-stop(99.04%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, #000 75%, rgba(0, 0, 0, 0) 99.04%);
  background: linear-gradient(180deg, #000 75%, rgba(0, 0, 0, 0) 99.04%);
  width: calc(100% - 40px);
  height: calc(100% - 20px)
}

.digital-success-content,
.digital-success-list {
  position: relative;
  width: calc(50% - 40px);
  z-index: 1
}

.digital-success-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -40px;
  border: 1px dashed var(--dark-divider-color);
  height: 100%;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.project-btn a:hover,
.readmore-btn:hover {
  border-color: var(--accent-color)
}

.success-counter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px
}

.success-counter-item h2 {
  font-size: 50px;
  color: var(--accent-color);
  margin-bottom: 10px
}

.success-list-item {
  background: url('../images/icon-sub-accent-heading.svg') left top 2px/20px auto no-repeat;
  padding-left: 30px
}

.aboutbanner .section-title,
.aboutretail .section-title,
.benefitssec .benefits-steps-item .icon-box,
.footer-contact-item:last-child,
.footer-links ul li:last-child,
.footimg,
.newcollat .filter-controls,
.optimiz .section-row,
.oursol .section-row,
.success-list-item:last-child,
.success-main1 .section-title,
.testimonial-benefits-content ul li:last-child,
.why-choose-item:last-child {
  margin-bottom: 0
}

.success-list-item p span {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize
}

.our-features,
.why-choose-us {
  position: relative;
  padding: 80px 0
}

.why-choose-us::before {
  content: '';
  display: block;
  position: absolute;
  right: -90px;
  top: 50%;
  background: url(../images/why-choose-bg-shape.png) left center/contain no-repeat;
  opacity: 50%;
  width: 310px;
  height: 325px;
  -webkit-animation: 10s linear infinite alternate circlezoomrotate;
  animation: 10s linear infinite alternate circlezoomrotate;
  z-index: -1
}

.agency-social-item .icon-box a::before,
.why-choose-item::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  display: block;
  position: absolute;
  content: ''
}

@-webkit-keyframes circlezoomrotate {
  from {
    -webkit-transform: rotate(0) scale(.5);
    transform: rotate(0) scale(.5)
  }

  to {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}

@keyframes circlezoomrotate {
  from {
    -webkit-transform: rotate(0) scale(.5);
    transform: rotate(0) scale(.5)
  }

  to {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}

.why-choose-content {
  margin-right: 30px
}

.why-choose-item {
  position: relative;
  border: 1px solid var(--divider-color);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 25px 30px
}

.why-choose-item::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, .1) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 50%, rgba(0, 0, 0, 0) 100%);
  width: 0;
  height: 100%;
  transition: .4s ease-in-out
}

.agency-social-item,
.readmore-btn {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}

.project-image figure,
.why-choose-image figure {
  display: block;
  border-radius: 8px;
  overflow: hidden
}

.why-choose-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px
}

.join-agency {
  padding: 80px 0 50px
}

.agency-social-item {
  position: relative;
  border: 1px solid var(--divider-color);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 30px 30px;
  padding: 30px 40px 30px 70px;
  transition: .3s ease-in-out
}

.agency-social-item .icon-box {
  position: absolute;
  top: -30px;
  left: -30px
}

.agency-social-item .icon-box a {
  position: relative;
  display: block;
  background-color: var(--accent-color);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.readmore-btn,
.work-process-header {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center
}

.agency-social-item:hover .icon-box a {
  background-color: transparent
}

.agency-social-item .icon-box a::before {
  background: var(--secondary-color);
  border-radius: 50%;
  -webkit-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
  transition: .4s ease-in-out
}

.agency-social-item:hover .icon-box a::before,
.work-process-item:hover .work-process-icon-box::before {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.agency-social-item .icon-box i {
  position: relative;
  font-size: 40px;
  color: #fff;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  z-index: 1
}

.agency-social-content h3 {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 5px
}

.agency-social-btn,
.footer-newsletter-form .btn-highlighted,
.work-process-btn {
  margin-left: 10px
}

.readmore-btn {
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .3s ease-in-out
}

.readmore-btn img {
  max-width: 24px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.work-process-icon-box::before,
.work-process-item {
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out
}

.agency-social-item:hover .readmore-btn img,
.work-process-item:hover .work-process-btn .readmore-btn img {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.how-it-work {
  position: relative;
  padding: 80px 0 50px
}

.how-it-work::before {
  content: '';
  display: block;
  position: absolute;
  left: -90px;
  top: 40%;
  background: url(../images/how-work-bg-shape.png) left center/contain no-repeat;
  opacity: 50%;
  width: 297px;
  height: 340px;
  -webkit-animation: 8s linear infinite alternate roundrotate;
  animation: 8s linear infinite alternate roundrotate;
  z-index: -1
}

@-webkit-keyframes roundrotate {
  from {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }

  to {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg)
  }
}

@keyframes roundrotate {
  from {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }

  to {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg)
  }
}

.work-process-item {
  position: relative;
  background: url(../images/service-bg.svg) top left no-repeat;
  border: 1px solid var(--divider-color);
  border-radius: 8px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  height: calc(100% - 30px);
  margin-bottom: 30px;
  padding: 40px;
  transition: .4s ease-in-out;
  overflow: hidden
}

.work-process-icon-box,
.work-process-icon-box::before {
  right: 0;
  border-radius: 8px 0;
  position: absolute;
  bottom: 0
}

.work-process-item:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

.work-process-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  opacity: 40%;
  z-index: -1
}

.work-process-header {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px
}

.project-content h3,
.work-process-title h3 {
  font-size: 22px;
  text-transform: capitalize
}

.work-process-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px
}

.work-process-no {
  width: 50%;
  padding-right: 10px
}

.work-process-no h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 5px
}

.author-content h3,
.author-content p,
.our-Project-nav ul li a,
.post-item-btn a,
.project-tag a {
  text-transform: capitalize
}

.work-process-no h2 {
  font-size: 40px;
  color: var(--accent-color)
}

.work-process-icon-box {
  width: 50%;
  display: block;
  text-align: center;
  background-color: var(--accent-color);
  padding: 40px;
  overflow: hidden
}

.work-process-icon-box::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  background: var(--primary-color);
  -webkit-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
  transition: .4s ease-in-out
}

.work-process-icon-box img {
  position: relative;
  max-width: 60px
}

.our-features::before {
  content: '';
  display: block;
  position: absolute;
  right: -90px;
  top: 50%;
  background: url(../images/features-bg-shape.png) left center/contain no-repeat;
  opacity: 50%;
  width: 300px;
  height: 285px;
  -webkit-animation: 5s linear infinite alternate squrerotate;
  animation: 5s linear infinite alternate squrerotate;
  z-index: -1
}

@-webkit-keyframes squrerotate {
  from {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
  }

  to {
    -webkit-transform: translate(-150px, 200px) rotate(180deg);
    transform: translate(-150px, 200px) rotate(180deg)
  }
}

@keyframes squrerotate {
  from {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0)
  }

  to {
    -webkit-transform: translate(-150px, 200px) rotate(180deg);
    transform: translate(-150px, 200px) rotate(180deg)
  }
}

.digital-features-box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px
}

.digital-features-item.features-item-1,
.digital-features-item.features-item-2 {
  width: 32%
}

.digital-features-item {
  border: 1px solid var(--divider-color);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px)
}

.digital-features-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 40%;
  z-index: 0
}

.digital-features-image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 40px;
  z-index: 1
}

.digital-features-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.digital-features-item.features-item-1 .digital-features-image img {
  aspect-ratio: 1/0.46
}

.digital-features-item.features-item-2 .digital-features-image img {
  aspect-ratio: 1/0.72
}

.digital-features-item:hover .digital-features-image img,
.post-item:hover .post-featured-image img,
.project-item:hover .project-image figure img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.digital-features-item.agency-supports,
.mfp-ie7 .mfp-container,
.mfp-ie7 .mfp-img {
  padding: 0
}

.agency-supports-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 0 60px;
  z-index: 1
}

.agency-supports-content,
.tab-cards .card-right {
  width: 50%
}

.agency-free-consultation {
  width: 50%;
  text-align: right
}

.agency-free-consultation img {
  max-width: 100px;
  -webkit-animation: 30s linear infinite infiniterotate;
  animation: 30s linear infinite infiniterotate
}

.agency-supports-slider1::before,
.agency-supports-slider::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: -o-linear-gradient(170deg, #030709 -50%, rgba(3, 7, 9, 0) 26.97%);
  background: linear-gradient(280deg, #030709 -50%, rgba(3, 7, 9, 0) 26.97%);
  width: 215px;
  height: 100%;
  z-index: 2
}

.agency-supports-slider1::after,
.agency-supports-slider::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(-50%, #030709), color-stop(26.97%, rgba(3, 7, 9, 0)));
  background: -o-linear-gradient(left, #030709 -50%, rgba(3, 7, 9, 0) 26.97%);
  background: linear-gradient(90deg, #030709 -50%, rgba(3, 7, 9, 0) 26.97%);
  width: 215px;
  height: 100%;
  z-index: 2
}

.testimonial-benefits-box::before,
.testimonial-review-box::before {
  right: 0;
  background: var(--secondary-color);
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 40%;
  content: ''
}

.agency-supports-logo {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 15px 30px;
  border: 1px solid #f2f2f2
}

.agency-supports-logo img {
  max-height: 50px
}

.our-blog,
.our-portfolio {
  padding: 80px 0 40px
}

.our-Project-nav {
  text-align: center;
  margin-bottom: 80px
}

.our-Project-nav ul {
  list-style: none;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px 20px;
  padding: 0;
  margin: 0
}

.our-Project-nav ul li a {
  position: relative;
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--divider-color);
  border-radius: 8px;
  color: var(--text-color);
  font-weight: 400;
  line-height: 1.2em;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  padding: 10px 20px;
  overflow: hidden
}

.our-Project-nav ul li a.active-btn,
.our-Project-nav ul li a:hover {
  background-color: var(--accent-color);
  color: var(--dark-color)
}

.project-item {
  height: calc(100% - 40px);
  margin-bottom: 40px;
  text-align: center;
  overflow: hidden
}

.project-image {
  position: relative;
  margin-bottom: 20px
}

.project-btn,
.project-tag {
  position: absolute;
  z-index: 1
}

.project-image img {
  width: 100%;
  aspect-ratio: 1/0.8;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.project-btn,
.project-btn a {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}

.project-tag {
  top: 25px;
  right: 25px
}

.project-tag a {
  display: block;
  background-color: var(--divider-color);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  color: var(--text-color);
  border-radius: 8px;
  font-size: 14px;
  padding: 6px 15px
}

.project-btn {
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  transition: .3s ease-in-out
}

.project-item:hover .project-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible
}

.project-btn a {
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .3s ease-in-out
}

.project-btn a:hover {
  background-color: var(--accent-color)
}

.project-btn a img {
  max-width: 42px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.project-btn a:hover img {
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(1) invert(1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.our-testimonial {
  position: relative;
  padding: 50px 0
}

.testimonial-review-box {
  position: relative;
  width: 100%;
  border: 1px solid var(--divider-color);
  border-radius: 8px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  text-align: center;
  overflow: hidden;
  padding: 50px
}

.testimonial-review-box::before {
  display: block;
  position: absolute
}

.testimonial-review-header h2 {
  font-size: 80px;
  font-weight: 600
}

.collatab-content ul li,
.company-client-images,
.testimonial-review-header .testimonial-rating,
.testimonial-slider1 .service-item-header {
  margin-bottom: 10px
}

.benefits-steps-no h3,
.post-item-content h3,
.testimonial-review-content h3 {
  font-size: 22px
}

.satisfy-client-image {
  display: inline-block;
  margin-left: -14px;
  border: 1px solid var(--dark-color);
  border-radius: 50%;
  overflow: hidden
}

.testimonial-body,
.testimonial-btn {
  display: -webkit-box;
  display: -ms-flexbox
}

.testimonial-slider {
  margin-left: 1px
}

.testimonial-slider .swiper-wrapper {
  cursor: none;
  padding: 0 0 30px
}

.testimonial-company-logo img {
  max-width: 120px;
  max-height: 30px
}

.testimonial-rating i {
  font-size: 16px;
  color: var(--accent-color);
  margin-right: 2px
}

.testimonial-content p {
  font-size: 22px;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 0
}

.testimonial-body {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 95px
}

.author-image {
  margin-right: 15px
}

.author-image figure {
  display: block;
  border-radius: 50%;
  overflow: hidden
}

.author-image img {
  max-width: 60px;
  border-radius: 50%
}

.author-content {
  width: calc(100% - 75px)
}

.author-content h3 {
  font-size: 22px;
  margin-bottom: 5px
}

.author-content p {
  margin: 0
}

.testimonial-btn {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px auto 0 !important;
  z-index: 2
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev,
.testimonial-slider1 .testimonial-button-next,
.testimonial-slider1 .testimonial-button-prev,
.testimonial-slider5 .testimonial-button-next,
.testimonial-slider5 .testimonial-button-prev {
  position: relative;
  width: 50px;
  border-radius: 8px;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider1 .testimonial-button-next,
.testimonial-slider3 .testimonial-button-next,
.testimonial-slider5 .testimonial-button-next {
  margin-left: 5px
}

.testimonial-slider .testimonial-button-prev,
.testimonial-slider1 .testimonial-button-prev,
.testimonial-slider3 .testimonial-button-prev::before,
.testimonial-slider5 .testimonial-button-prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.testimonial-benefits-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 150px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border: 1px solid var(--divider-color);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 100px;
  padding: 60px
}

.testimonial-benefits-box::before {
  display: block;
  position: absolute
}

.testimonial-benefits-item {
  position: relative;
  width: calc(25% - 112.5px)
}

.testimonial-benefits-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -75px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-right: 1px solid var(--divider-color);
  height: 80%;
  z-index: 1
}

.footer-social-links ul,
.testimonial-benefits-content ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.testimonial-benefits-content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px
}

.testimonial-benefits-content ul li::before {
  content: "\2a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: var(--primary-color)
}

.testimonial-slider33 .swiper {
  overflow: visible
}

.testimonial-slider33 .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.testimonial-button-prev {
  left: -15px
}

.testimonial-button-next {
  right: -10px
}

@media (max-width:768px) {
  .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: -20px
  }

  .sap-advantage-main-waber .challenge-point-waber {
    width: 100% !important;
    display: flex;
    margin-bottom: 10px
  }

  .pe-help-content p {
    text-align: left !important
  }

  .benifet-content-2 .text-center img,
  .tangcontent {
    height: auto !important
  }

  .agency-item-content,
  .cuccess-story-waber .flex1 {
    width: 100% !important
  }

  .cuccess-story-waber .flex2 {
    padding: 20px !important;
    width: 100% !important
  }

  .cuccess-story-waber .d-flex {
    display: block !important
  }

  .msadvmobile .w80 h3 {
    width: 100%
  }

  .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: -2px
  }

  .testimonial-btn1 .testimonial-button-prev {
    left: 0 !important;
    top: 3px !important
  }

  .testimonial-slider1 .testimonial-button-next {
    margin-left: 0 !important
  }

  .testimonial-btn1 .testimonial-button-next {
    right: -5px !important;
    top: 2px !important
  }

  .testimonial-slider .testimonial-button-next {
    margin-left: 0
  }

  .projectslider .testimonial-button-prev {
    left: 4px;
    top: 6px
  }

  .projectslider .testimonial-button-next {
    left: 0;
    top: -10px
  }

  .projectslider .testspace {
    padding: 0 5px 0 10px
  }

  .testimonial-btn {
    position: absolute;
    bottom: 0
  }

  .bolg-filter-waber .item>div {
    min-height: 449px !important
  }
}

.testimonial-slider3 .testimonial-button-next,
.testimonial-slider3 .testimonial-button-prev {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.testimonial-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 10px;
  margin-top: 20px
}

.testspace {
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center
}

.testimonial-slider3 .testimonial-button-next::before,
.testimonial-slider3 .testimonial-button-prev::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../images/Dotted\ Arrow1.svg") center center/30px auto no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.testimonial-slider3 .testimonial-button-next:hover:before,
.testimonial-slider3 .testimonial-button-prev:hover:before {
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(1) invert(1)
}

.testimonial-slider3 .service-item-body p {
  font-size: 14px;
  height: 260px
}

.benefits-steps-item {
  position: relative;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 0
}

.benefits-steps-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 40%;
  z-index: -1
}

.benefits-steps-item .icon-box img {
  max-width: 80px
}

.benefits-steps-content h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  font-family: Raleway, sans-serif;
  margin-bottom: 0;
  padding: 16px 0
}

.top-in li a,
.top-in li select {
  font-weight: 400;
  font-size: 14px
}

.benefits-steps-content p,
.top-in li a,
.top-in li option,
.top-in li select {
  font-family: helvetica-neue-lt-pro, sans-serif
}

.brainsec .benefits-steps-content .ralewayfont,
.integration .section-title h2 {
  font-family: Raleway
}

.brainsec .benefits-steps-content {
  width: auto
}

.benefits-steps-content p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.post-item {
  height: calc(100px - 30px);
  margin-bottom: 30px
}

.post-featured-image figure a {
  cursor: none;
  display: block;
  border-radius: 8px;
  overflow: hidden
}

.post-featured-image img {
  aspect-ratio: 1/0.75;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.post-item-btn a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  color: var(--accent-color);
  padding-right: 30px;
  border: none
}

.post-item-btn a::before {
  content: '';
  position: absolute;
  top: -2px;
  right: 0;
  background-image: url(../images/arrow-accent.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-work-together {
  position: relative;
  margin-bottom: 0
}

.footer-work-together::before {
  display: block;
  position: absolute;
  left: -120px;
  top: 20%;
  background: url(../images/work-together-bg-shape.png) left center/contain no-repeat;
  opacity: 40%;
  width: 305px;
  height: 315px;
  -webkit-animation: 12s linear infinite alternate circlmoveerotate;
  animation: 12s linear infinite alternate circlmoveerotate;
  z-index: -1
}

@-webkit-keyframes circlmoveerotate {
  from {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }

  to {
    -webkit-transform: translateY(160px) rotate(360deg);
    transform: translateY(160px) rotate(360deg)
  }
}

@keyframes circlmoveerotate {
  from {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }

  to {
    -webkit-transform: translateY(160px) rotate(360deg);
    transform: translateY(160px) rotate(360deg)
  }
}

.work-together-content {
  position: relative;
  text-align: center;
  bottom: -2.5px
}

.footer-work-together h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 20px
}

.footer-work-together h2 {
  font-size: 180px;
  font-weight: 800;
  text-transform: uppercase
}

.work-together-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.footer-work-together .work-together-btn a {
  background-color: var(--accent-color);
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-work-together .work-together-btn a:hover {
  background-color: var(--secondary-color)
}

.footer-work-together .work-together-btn a img {
  width: 100%;
  max-width: 24px;
  height: 24px;
  color: var(--secondary-color);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-work-together .work-together-btn a span {
  width: 100%;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--dark-color);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-main {
  padding: 60px 0 0
}

.footer-logo,
.ourapp .icon-box img {
  margin-bottom: 24px
}

.footer-contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

.footer-contact-item .icon-box {
  border: 1px solid var(--accent-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 20px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-contact-item .icon-box img {
  max-width: 18px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-links ul li a,
.footer-social-links ul li a {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out
}

.footer-contact-item:hover .icon-box img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.footer-contact-content {
  width: calc(100% - 60px)
}

.footer-contact-content p {
  font-size: 22px;
  font-weight: 600;
  margin: 0
}

.footer-links h3 {
  text-transform: capitalize;
  color: var(--primary-color);
  margin-bottom: 24px
}

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

.footer-links ul li {
  text-transform: capitalize;
  margin-bottom: 16px
}

.footer-links ul li a {
  color: var(--primary-color);
  transition: .3s ease-in-out
}

.footer-newsletter-form .form-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.footer-newsletter-form h3 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 40px
}

.footer-newsletter-form .form-group .form-control {
  width: 64%;
  padding: 12px 20px;
  border: 1px solid var(--divider-color);
  background: 0 0;
  color: var(--text-color);
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.footer-newsletter-form .form-group .form-control::-webkit-input-placeholder {
  color: var(--text-color)
}

.footer-newsletter-form .form-group .form-control::-moz-placeholder {
  color: var(--text-color)
}

.footer-newsletter-form .form-group .form-control:-ms-input-placeholder {
  color: var(--text-color)
}

.footer-newsletter-form .form-group .form-control::-ms-input-placeholder {
  color: var(--text-color)
}

.footer-newsletter-form .form-group .form-control::placeholder {
  color: var(--text-color)
}

.footer-social-links {
  margin-top: 40px
}

.footer-social-links ul li {
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px
}

.footer-social-links ul li a {
  border: 1px solid var(--accent-color);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .3s ease-in-out
}

.footer-social-links ul li a i {
  color: #fff;
  font-size: 18px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.footer-copyright {
  border-top: 1px solid var(--dark-divider-color);
  padding: 25px 0;
  margin-top: 60px
}

.footer-copyright-text,
.mega-menu .ser-btn,
.mega-menu .service-item-body {
  text-align: left
}

@media only screen and (max-width:991px) {
  .navbar {
    padding: 20px 0
  }

  .navbar-toggle,
  .responsive-menu,
  .slicknav_nav li,
  .slicknav_nav ul {
    display: block
  }

  .digital-success-content::before,
  .header-social-links {
    display: none
  }

  .section-row {
    margin-bottom: 0
  }

  .section-row .section-title {
    max-width: 100%
  }

  .benefits-steps-item .icon-box,
  .benefits-steps-no,
  .contact-information,
  .digital-features-image,
  .executive-partners-box .section-title,
  .pricing-list,
  .project-challenges,
  .project-entry,
  .project-info,
  .project-single-image,
  .section-title,
  .service-entry,
  .service-feature-image,
  .sidebar-cta-box .icon-box,
  .testimonial-content,
  .work-process-header {
    margin-bottom: 30px
  }

  .error-page-content-heading,
  .mission-vision-image,
  .post-item-content,
  .section-title h3 {
    margin-bottom: 15px
  }

  .section-title h3::before {
    width: 14px;
    height: 14px
  }

  .page-header-box h1,
  .section-title h1 {
    font-size: 70px
  }

  .experts-counter-content h2,
  .post-entry h2,
  .pricing-price h2,
  .section-title h2,
  .service-entry h2,
  .success-counter-item h2,
  .team-single-content h2 {
    font-size: 40px
  }

  .section-title p,
  .section-title-content {
    margin-top: 15px
  }

  .contact-info-item .icon-box,
  .error-page-content-body p,
  .error-page-image,
  .footer-contact-item,
  .post-featured-image,
  .post-image,
  .post-tags,
  .project-entry p,
  .section-content-btn .section-title-content,
  .service-item-header,
  .testimonial-benefits-item .icon-box,
  .testimonial-company-logo,
  .testimonial-review-content,
  .testimonial-review-header {
    margin-bottom: 20px
  }

  .hero,
  .hero.hero-slider-layout .hero-slide {
    padding: 180px 0 90px;
    min-height: auto
  }

  .digital-success-content .section-title,
  .faq-catagery-list,
  .footer-logo,
  .hero-content .section-title,
  .our-Project-nav,
  .page-faq-accordion,
  .project-catagery-list,
  .service-catagery-list,
  .success-list-item,
  .team-info-box,
  .team-personal-info,
  .team-single-image,
  .work-process-content {
    margin-bottom: 40px
  }

  .hero-content-body,
  .testimonial-slider {
    margin-left: 0
  }

  .hero-content-video {
    width: 37%
  }

  .hero-video-content {
    width: 63%
  }

  .footer-newsletter-form,
  .footer-social-links,
  .hero-btn {
    margin-top: 30px
  }

  .our-scrolling-ticker {
    padding: 22px 0
  }

  .project-counter-content h3,
  .scrolling-content span,
  .work-process-no h2 {
    font-size: 34px
  }

  .about-agency,
  .error-page,
  .page-blog,
  .page-contact-us,
  .page-faqs,
  .page-pricing,
  .page-project-single,
  .page-service-single,
  .page-single-post,
  .page-team-single,
  .page-testimonial {
    padding: 80px 0 40px
  }

  .about-agency::before,
  .page-blog::before,
  .page-project::before,
  .page-service-single::before {
    width: 300px;
    height: 330px
  }

  .about-agency-content {
    position: initial;
    padding-right: 0;
    margin-bottom: 30px
  }

  .about-agency-list {
    gap: 30px;
    padding-left: 30px;
    margin-left: 10px
  }

  .agency-item-content h3:after {
    left: -40px
  }

  .agency-item-content h3,
  .agency-social-content h3,
  .agency-supports-content h3,
  .author-content h3,
  .benefits-steps-content h3,
  .category-social-link .social-links,
  .client-author-title h3,
  .contact-item-content h3,
  .digital-features-content h3,
  .footer-contact-content p,
  .our-faq-section .accordion-header .accordion-button,
  .our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span,
  .post-item-content h3,
  .pricing-price h2 sup,
  .process-step-body h3,
  .process-step-no h3,
  .project-content h3,
  .success-list-item p span,
  .team-content h3,
  .testimonial-content p,
  .testimonial-review-content h3,
  .why-choose-item h3,
  .work-process-no h3,
  .work-process-title h3 {
    font-size: 20px
  }

  .our-services {
    padding: 30px 0
  }

  .category-social-link,
  .digital-features-item,
  .faq-catagery-list ul,
  .mission-vision-item,
  .process-step-content,
  .service-item,
  .sidebar-cta-box,
  .team-single-contact-form form,
  .work-process-icon-box,
  .work-process-item {
    padding: 30px
  }

  .service-item-header .icon-box img,
  .sidebar-cta-box .icon-box img,
  .work-process-icon-box img {
    max-width: 50px
  }

  .mission-vision-item .mission-vision-content h3,
  .service-item-body h3,
  .testimonial-benefits-content h3 {
    font-size: 20px;
    margin-bottom: 15px
  }

  .page-pagination,
  .service-footer {
    margin-top: 10px
  }

  .digital-success,
  .executive-partners,
  .footer-work-together,
  .google-map,
  .our-faqs,
  .our-features,
  .our-testimonial,
  .who-we-are,
  .why-choose-us {
    padding: 40px 0
  }

  .digital-success-box {
    gap: 40px;
    padding: 50px
  }

  .digital-success-content,
  .digital-success-list,
  .pricing-list ul li {
    width: 100%
  }

  .why-choose-us::before {
    top: 20%;
    width: 250px;
    height: 280px
  }

  .project-single-content,
  .why-choose-content {
    margin-right: 0;
    margin-bottom: 30px
  }

  .why-choose-item {
    padding: 15px 20px
  }

  .why-choose-image img {
    aspect-ratio: 1/0.73
  }

  .agency-benefits,
  .how-it-work,
  .join-agency,
  .our-approach,
  .our-blog,
  .our-portfolio,
  .our-team {
    padding: 40px 0 10px
  }

  .agency-social-item {
    padding: 20px 30px 20px 50px;
    margin: 20px 0 30px 20px
  }

  .agency-social-item .icon-box {
    top: -20px;
    left: -20px
  }

  .agency-social-item .icon-box a {
    width: 60px;
    height: 60px
  }

  .agency-social-item .icon-box i {
    font-size: 30px
  }

  .how-it-work::before {
    top: 0;
    width: 240px;
    height: 280px
  }

  .work-process-body {
    padding-top: 10px
  }

  .our-features::before {
    top: 15%;
    width: 250px;
    height: 225px
  }

  .digital-features-box,
  .pricing-box-list {
    gap: 30px
  }

  .digital-features-item.features-item-1 {
    width: calc(55% - 15px)
  }

  .digital-features-item.features-item-2 {
    width: calc(45% - 15px)
  }

  .digital-features-item.features-item-1 .digital-features-image img {
    aspect-ratio: 1/0.62
  }

  .digital-features-item.agency-supports {
    padding: 0
  }

  .agency-supports-header {
    margin-bottom: 30px;
    padding: 0 30px
  }

  .agency-supports-content {
    width: 70%
  }

  .agency-free-consultation {
    width: 30%
  }

  .agency-free-consultation img {
    max-width: 80px
  }

  .agency-supports-logo {
    padding: 20px 25px
  }

  .agency-supports-logo img {
    max-height: 25px
  }

  .our-Project-nav ul {
    gap: 10px 20px
  }

  .our-Project-nav ul li a {
    font-size: 14px;
    padding: 10px 15px
  }

  .post-item,
  .project-item {
    height: calc(100% - 30px);
    margin-bottom: 30px
  }

  .project-btn a {
    width: 80px;
    height: 80px
  }

  .project-btn a img {
    max-width: 34px
  }

  .our-testimonial::before {
    width: 250px;
    height: 245px
  }

  .testimonial-review-box {
    padding: 30px;
    margin-bottom: 30px
  }

  .testimonial-review-header h2 {
    font-size: 60px
  }

  .testimonial-slider .testimonial-button-next,
  .testimonial-slider .testimonial-button-prev {
    width: 50px;
    height: 50px
  }

  .testimonial-slider .testimonial-button-next::before,
  .testimonial-slider .testimonial-button-prev::before {
    background-size: 24px auto
  }

  .testimonial-benefits-box {
    gap: 20px;
    margin-top: 50px;
    padding: 30px 15px
  }

  .testimonial-benefits-item {
    width: calc(25% - 15px)
  }

  .testimonial-benefits-item::before {
    right: -10px
  }

  .testimonial-benefits-content ul li {
    font-size: 14px;
    padding-left: 18px;
    margin-bottom: 10px
  }

  .pricing-price h2 sub,
  .testimonial-benefits-content ul li::before {
    font-size: 14px
  }

  .agency-benefits::before {
    width: 210px;
    height: 220px
  }

  .benefits-steps-item {
    padding: 20px
  }

  .benefits-steps-item .icon-box img {
    max-width: 75px
  }

  .footer-work-together::before {
    top: 0;
    width: 245px;
    height: 355px
  }

  @-webkit-keyframes circlmoveerotate {
    from {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
    }

    to {
      -webkit-transform: translateY(100px) rotate(360deg);
      transform: translateY(100px) rotate(360deg)
    }
  }

  @keyframes circlmoveerotate {
    from {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
    }

    to {
      -webkit-transform: translateY(100px) rotate(360deg);
      transform: translateY(100px) rotate(360deg)
    }
  }

  .work-together-content {
    background-size: cover
  }

  .cta-contact-content h3,
  .footer-work-together h3 {
    font-size: 20px;
    margin-bottom: 10px
  }

  .footer-work-together h2 {
    font-size: 120px
  }

  .footer-work-together .work-together-btn a {
    width: 120px;
    height: 120px
  }

  .footer-main {
    padding: 0;
    border-top: none !important
  }

  .footer-links h3,
  .footer-newsletter-form h3 {
    font-size: 20px;
    margin-bottom: 20px
  }

  .client-testimonial-rating,
  .footer-links ul li {
    margin-bottom: 10px
  }

  .footer-newsletter-form .form-group .form-control {
    width: 80%
  }

  .footer-copyright {
    padding: 30px 0;
    margin-top: 40px
  }

  .page-header {
    padding: 182px 0 80px
  }

  .page-header-box ol li.breadcrumb-item,
  .post-entry ul li,
  .project-entry ul li::before,
  .service-entry-list ul li::before {
    font-size: 16px
  }

  .who-we-are::before {
    top: -13%;
    width: 210px;
    height: 220px
  }

  .our-team::before,
  .page-project-single::after,
  .page-service-single::after {
    width: 250px;
    height: 280px
  }

  .who-we-are .who-we-are-content {
    padding-right: 0;
    margin-bottom: 30px
  }

  .experts-counters-list,
  .testimonial-box-list {
    gap: 40px
  }

  .experts-counter-box {
    width: calc(50% - 20px);
    gap: 40px
  }

  .experts-counter-box:nth-child(2n) {
    margin-top: 40px
  }

  .executive-partners-box {
    padding: 50px
  }

  .our-team::before {
    top: -5%
  }

  .team-image figure,
  .team-image img {
    aspect-ratio: 1/1.3
  }

  .faq-images {
    max-width: 80%;
    margin: 0 auto 30px;
    padding: 100px 80px 0 0
  }

  .faq-img-1 img {
    max-width: 285px
  }

  .faq-img-2 img {
    aspect-ratio: 1/0.9
  }

  .page-gallery,
  .page-project,
  .page-services,
  .page-team,
  .page-video-gallery {
    padding: 80px 0 10px
  }

  .service-single-content {
    margin: 0 0 40px
  }

  .service-feature-image img {
    aspect-ratio: 1/0.59
  }

  .service-entry-list-image {
    margin: 30px 0;
    gap: 20px
  }

  .service-entry-list {
    width: calc(55% - 10px)
  }

  .project-entry ul li,
  .service-entry-list ul li {
    margin-bottom: 15px;
    padding-left: 25px
  }

  .service-entry-image {
    width: calc(45% - 10px)
  }

  .process-step-header {
    margin-bottom: 50px
  }

  .process-step-header .icon-box img {
    max-width: 48px
  }

  .process-step-image img {
    aspect-ratio: 1/0.8
  }

  .project-sidebar,
  .service-sidebar {
    position: initial
  }

  .service-catagery-list h3 {
    font-size: 20px;
    padding: 30px 30px 20px
  }

  .service-catagery-list ul {
    padding: 20px 30px 30px
  }

  .faq-catagery-list ul li,
  .service-catagery-list ul li,
  .team-contact-box {
    padding-bottom: 20px;
    margin-bottom: 20px
  }

  .post-entry blockquote {
    background-position: 25px 25px;
    background-size: 50px;
    padding: 25px 25px 25px 90px;
    margin-bottom: 20px
  }

  .client-testimonial-info p,
  .post-entry blockquote p {
    font-size: 18px
  }

  .post-social-sharing ul {
    text-align: left
  }

  .tag-links {
    font-size: 22px
  }

  .post-tags .tag-links a {
    font-size: 16px;
    padding: 6px 15px
  }

  .page-project-single::before {
    top: 20%;
    width: 210px;
    height: 220px
  }

  .project-single-content img {
    aspect-ratio: 1/0.57
  }

  .project-entry h2 {
    font-size: 40px;
    margin-bottom: 20px
  }

  .project-solution-rating {
    margin-top: 0
  }

  .category-item-list {
    padding: 30px 30px 20px
  }

  .category-list-item h3,
  .team-contact-content h3 {
    font-size: 20px;
    margin-bottom: 5px
  }

  .page-team::before {
    width: 245px;
    height: 355px
  }

  .page-team-single::before {
    top: 40%;
    width: 250px;
    height: 280px
  }

  .page-faqs-catagery,
  .team-single-content {
    margin-right: 0
  }

  .team-info-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
  }

  .team-contact-box .icon-box {
    width: 65px;
    height: 65px
  }

  .team-contact-box .icon-box img {
    max-width: 30px
  }

  .team-contact-content {
    width: calc(100% - 95px)
  }

  .team-career-list {
    margin-top: 20px
  }

  .team-career-list ul {
    row-gap: 15px
  }

  .faq-sidebar,
  .team-single-sidebar {
    position: initial;
    margin-bottom: 30px
  }

  .team-single-image img {
    aspect-ratio: 1/0.8;
    -o-object-position: top center;
    object-position: top center
  }

  .team-single-contact-form h3 {
    font-size: 28px;
    padding: 30px
  }

  .pricing-box {
    width: calc(50% - 15px);
    padding: 30px
  }

  .pricing-box-content {
    gap: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px
  }

  .pricing-title {
    width: calc(52% - 7.5px)
  }

  .pricing-title h3 {
    font-size: 26px;
    margin-bottom: 5px
  }

  .pricing-price {
    width: calc(48% - 7.5px)
  }

  .pricing-list ul {
    gap: 15px
  }

  .testimonial-box-item {
    padding: 40px 30px;
    gap: 30px
  }

  .client-author-image {
    width: calc(32% - 15px)
  }

  .client-testimonial-content {
    width: calc(68% - 15px)
  }

  .contact-info-box {
    gap: 20px
  }

  .contact-info-box .info-box-1,
  .contact-info-box .info-box-2 {
    padding: 20px 30px
  }

  .contact-info-item .icon-box img {
    max-width: 40px
  }

  .contact-info-box .info-box-2 .contact-item-content {
    width: calc(100% - 70px)
  }

  .contact-us-form {
    margin: 0;
    padding: 30px
  }

  .google-map-iframe,
  .google-map-iframe iframe {
    height: 450px
  }

  .error-page-image img {
    max-width: 80%
  }
}

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

  .about-footer,
  .faq-catagery-list,
  .footer-logo,
  .hero-content .section-title,
  .page-faq-accordion,
  .service-catagery-list,
  .success-list-item,
  .team-info-box,
  .team-personal-info,
  .work-process-content {
    margin-bottom: 30px
  }

  body {
    background-size: 200% auto
  }

  .page-header-box h1,
  .section-title h1 {
    font-size: 34px
  }

  .experts-counter-content h2,
  .pricing-price h2,
  .project-entry h2,
  .section-title h2,
  .service-entry h2,
  .success-counter-item h2,
  .team-single-content h2 {
    font-size: 30px
  }

  .hero-content {
    text-align: left;
    padding-top: 0
  }

  .agency-supports-header,
  .contact-info-box .info-box-1 .contact-info-item:nth-child(2n+2):before,
  .hero-content-body {
    display: block
  }

  .hero-content-video {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 30px
  }

  .hero-content-video .video-play-button a {
    height: 80px;
    width: 80px
  }

  .hero-content-video .video-play-button a i {
    font-size: 25px
  }

  .learn-more-circle img {
    max-width: 80px
  }

  .agency-free-consultation,
  .agency-supports-content,
  .client-testimonial-content,
  .digital-features-item.features-item-1,
  .digital-features-item.features-item-2,
  .hero-video-content,
  .process-step-content,
  .process-step-image,
  .project-rating-content,
  .project-rating-counter,
  .service-entry-image,
  .service-entry-list,
  .success-counter-item,
  .team-info-social-list,
  .team-info-title,
  .testimonial-benefits-item {
    width: 100%
  }

  .scrolling-ticker-box {
    --gap: 20px
  }

  .post-entry h2,
  .project-counter-content h3,
  .scrolling-content span,
  .work-process-no h2 {
    font-size: 28px
  }

  .scrolling-content span img {
    max-width: 20px;
    margin-right: 20px
  }

  .about-agency::before,
  .page-blog::before,
  .page-project::before,
  .page-service-single::after,
  .page-service-single::before {
    width: 250px;
    height: 280px
  }

  .about-agency-list {
    padding-left: 20px
  }

  .agency-item-content h3:after {
    left: -30px
  }

  .agency-item-content h3,
  .agency-social-content h3,
  .agency-supports-content h3,
  .author-content h3,
  .benefits-steps-no h3,
  .category-list-item h3,
  .client-author-title h3,
  .contact-item-content h3,
  .cta-contact-content h3,
  .digital-features-content h3,
  .footer-contact-content p,
  .footer-work-together h3,
  .mission-vision-item .mission-vision-content h3,
  .our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span,
  .post-item-content h3,
  .process-step-no h3,
  .project-content h3,
  .service-item-body h3,
  .success-list-item p span,
  .team-contact-content h3,
  .testimonial-content p,
  .testimonial-review-content h3,
  .why-choose-item h3,
  .work-process-no h3,
  .work-process-title h3 {
    font-size: 18px
  }

  .category-item-list,
  .category-social-link,
  .contact-us-form,
  .digital-features-item,
  .experts-counter-item,
  .faq-catagery-list ul,
  .mission-vision-item,
  .process-step-content,
  .service-catagery-list ul,
  .service-item,
  .sidebar-cta-box,
  .team-single-contact-form form,
  .testimonial-review-box {
    padding: 20px
  }

  .footer-work-together .work-together-btn a span,
  .service-footer p {
    font-size: 12px
  }

  .digital-success-box {
    gap: 30px;
    padding: 40px 30px
  }

  .digital-success-box::before {
    left: 10px;
    top: 10px;
    border-radius: 8px;
    width: calc(100% - 20px);
    height: calc(100% - 10px)
  }

  .our-partners-list,
  .process-step-item,
  .success-counter-box {
    gap: 20px
  }

  .success-list-item {
    background-size: 18px auto
  }

  .why-choose-us::before {
    top: 30%;
    width: 200px;
    height: 230px
  }

  .agency-social-item {
    margin: 15px 0 30px 15px
  }

  .agency-social-item .icon-box {
    top: -15px;
    left: -15px
  }

  .agency-social-item .icon-box a {
    width: 50px;
    height: 50px
  }

  .agency-social-item .icon-box i,
  .category-social-link span,
  .tag-links {
    font-size: 20px
  }

  .how-it-work::before {
    width: 180px;
    height: 220px
  }

  .digital-features-image,
  .our-faq-section .accordion-item,
  .project-single-content,
  .work-process-header {
    margin-bottom: 20px
  }

  .work-process-body {
    padding-top: 20px
  }

  .our-features::before {
    right: -70px;
    top: 13%;
    width: 150px;
    height: 135px
  }

  .digital-features-item.features-item-1 .digital-features-image img,
  .process-step-image img {
    aspect-ratio: 1/0.72
  }

  .agency-free-consultation {
    text-align: left;
    margin-top: 20px
  }

  .agency-supports-slider::before {
    background: -o-linear-gradient(170deg, #030709 0, rgba(3, 7, 9, 0) 60.97%);
    background: linear-gradient(280deg, #030709 0, rgba(3, 7, 9, 0) 60.97%);
    width: 150px
  }

  .agency-supports-slider::after {
    background: -webkit-gradient(linear, left top, right top, from(#030709), color-stop(60.97%, rgba(3, 7, 9, 0)));
    background: -o-linear-gradient(left, #030709 0, rgba(3, 7, 9, 0) 60.97%);
    background: linear-gradient(90deg, #030709 0, rgba(3, 7, 9, 0) 60.97%);
    width: 150px
  }

  .project-btn a {
    width: 60px;
    height: 60px
  }

  .project-btn a img {
    max-width: 26px
  }

  .testimonial-review-header h2 {
    font-size: 40px
  }

  .team-single-content p,
  .testimonial-company-logo,
  .testimonial-rating {
    margin-bottom: 15px
  }

  .testimonial-btn {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 0
  }

  .testimonial-slider .testimonial-button-next,
  .testimonial-slider .testimonial-button-prev {
    width: 45px;
    height: 45px
  }

  .indexwhatdo .testimonial-button-next {
    right: 0 !important
  }

  .testimonial-benefits-box {
    gap: 30px;
    padding: 30px 20px
  }

  .testimonial-benefits-item::before {
    top: auto;
    bottom: -15px;
    right: 0;
    border-right: none;
    border-bottom: 1px solid var(--divider-color);
    width: 100%;
    height: 1px;
    z-index: 1
  }

  .contact-info-box .info-box-1 .contact-info-item:last-child:before,
  .testimonial-benefits-item:last-child:before {
    display: none
  }

  .testimonial-benefits-content h3 {
    font-size: 18px;
    margin-bottom: 10px
  }

  .benefits-steps-item .icon-box,
  .benefits-steps-no {
    margin-bottom: 10px
  }

  .benefits-steps-content h3 {
    font-size: 20px;
    line-height: 28px
  }

  .footer-work-together::before {
    left: -90px;
    width: 180px;
    height: 190px
  }

  .footer-work-together h2 {
    font-size: 55px
  }

  .work-together-btn {
    top: 56%
  }

  .footer-work-together .work-together-btn a {
    width: 85px;
    height: 85px
  }

  .footer-links h3,
  .footer-newsletter-form h3,
  .process-step-body h3 {
    font-size: 18px;
    margin-bottom: 15px
  }

  .footer-newsletter-form .form-group .form-control {
    width: 57%
  }

  .footer-copyright {
    padding: 20px 0;
    margin-top: 30px
  }

  .our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span img {
    max-width: 16px
  }

  .experts-rating-video-image {
    width: 100%;
    margin-bottom: 20px
  }

  .who-we-are-client {
    width: 100%;
    padding-left: 0
  }

  .experts-counter-box {
    width: 100%;
    gap: 30px
  }

  .experts-counter-box:nth-child(2n) {
    margin-top: 0
  }

  .experts-counter-box.expert-box-2 .experts-counter-item:nth-child(odd) {
    background: url(../images/who-we-are-counter-bg.png)
  }

  .experts-counter-box.expert-box-2 .experts-counter-item:nth-child(2n) {
    background: 0 0
  }

  .executive-partners-box {
    padding: 30px
  }

  .our-partners-list .company-logo {
    width: calc(50% - 10px);
    padding: 15px
  }

  .faq-images {
    max-width: 100%;
    padding: 80px 50px 0 0
  }

  .faq-img-1 img {
    max-width: 185px
  }

  .faq-cta-box a {
    font-size: 14px;
    padding: 8px 15px
  }

  .our-faq-section .accordion-header .accordion-button {
    font-size: 18px;
    padding: 12px 40px 12px 12px
  }

  .our-faq-section .accordion-item .accordion-button.collapsed::after,
  .our-faq-section .accordion-item .accordion-button::after {
    right: 12px;
    font-size: 12px;
    width: 20px;
    height: 20px
  }

  .our-faq-section .accordion-item .accordion-body {
    padding: 0 12px 12px
  }

  .service-feature-image img {
    aspect-ratio: 1/0.78
  }

  .service-entry-list-image {
    gap: 30px
  }

  .service-entry-list ul li {
    font-size: 14px;
    padding-left: 20px
  }

  .service-entry-list ul li::before {
    font-size: 14px
  }

  .service-entry-image img {
    aspect-ratio: 1/0.68;
    -o-object-position: top center;
    object-position: top center
  }

  .service-process-steps {
    gap: 20px;
    margin: 0
  }

  .process-step-header {
    margin-bottom: 50px
  }

  .process-step-header .icon-box img {
    max-width: 36px
  }

  .service-catagery-list h3 {
    font-size: 18px;
    padding: 20px
  }

  .category-list-item,
  .service-catagery-list ul li,
  .team-contact-box {
    padding-bottom: 15px;
    margin-bottom: 15px
  }

  .service-catagery-list ul li a::before {
    width: 22px;
    height: 22px
  }

  .sidebar-cta-box .icon-box,
  .team-single-image {
    margin-bottom: 25px
  }

  .sidebar-cta-box .icon-box img {
    max-width: 40px
  }

  .cta-contact-btn a {
    padding: 10px 25px
  }

  .cta-contact-btn a img {
    max-width: 22px;
    margin-right: 10px
  }

  .post-image figure,
  .post-image img {
    aspect-ratio: 1/0.70
  }

  .post-entry blockquote {
    background-position: 20px 20px;
    padding: 70px 20px 20px
  }

  .page-project-single::before {
    width: 210px;
    height: 220px
  }

  .page-project-single::after {
    top: 53%;
    width: 200px;
    height: 230px
  }

  .project-single-content img {
    aspect-ratio: 1/0.67
  }

  .project-entry ul li {
    font-size: 14px;
    margin-bottom: 10px
  }

  .client-author-content,
  .project-solution-rating {
    gap: 15px
  }

  .project-rating-counter .icon-box i {
    font-size: 36px
  }

  .project-counter-content {
    width: calc(100% - 56px)
  }

  .page-team::before {
    width: 180px;
    height: 190px
  }

  .page-team-single::before {
    width: 200px;
    height: 230px
  }

  .team-info-header {
    margin-bottom: 30px;
    gap: 10px
  }

  .team-info-social-list ul {
    text-align: left
  }

  .team-contact-box .icon-box {
    margin-right: 20px
  }

  .team-contact-content {
    width: calc(100% - 85px)
  }

  .team-career-list ul {
    gap: 10px
  }

  .team-career-list ul li {
    width: 100%;
    padding-left: 25px
  }

  .client-testimonial-info p,
  .pricing-list ul li::before,
  .pricing-price h2 sup,
  .team-career-list ul li::before {
    font-size: 16px
  }

  .team-single-image img {
    aspect-ratio: 1/1.08
  }

  .team-single-contact-form h3 {
    font-size: 30px;
    padding: 20px
  }

  .pricing-box {
    width: 100%;
    padding: 20px
  }

  .pricing-box-content {
    margin-bottom: 20px;
    padding-bottom: 20px
  }

  .pricing-title h3 {
    font-size: 22px
  }

  .pricing-list ul li {
    padding-left: 25px
  }

  .testimonial-box-item {
    padding: 20px 15px;
    gap: 20px;
    text-align: center
  }

  .client-author-image {
    width: 100%;
    max-width: 120px;
    margin: 0 auto
  }

  .client-author-logo,
  .client-author-title {
    width: 100%;
    text-align: center
  }

  .contact-info-box .info-box-1,
  .contact-info-box .info-box-2 {
    padding: 20px;
    gap: 40px
  }

  .contact-info-box .info-box-1 .contact-info-item::before {
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    height: 1px;
    width: 100%
  }

  .contact-info-box .info-box-1 .contact-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }

  .contact-info-item .icon-box img {
    max-width: 32px
  }

  .contact-info-box .info-box-1 .icon-box,
  .contact-info-box .info-box-2 .icon-box {
    margin: 0 25px 0 0
  }

  .contact-info-box .info-box-1 .contact-item-content,
  .contact-info-box .info-box-2 .contact-item-content {
    width: calc(100% - 57px);
    text-align: left
  }

  .google-map-iframe,
  .google-map-iframe iframe {
    height: 350px
  }
}

.navbar-brand img {
  height: 50px
}

.appro img,
.footer-logo img {
  height: 70px
}

.hero-bg-video::before {
  content: '';
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(85%, rgba(0, 0, 0, .1)), color-stop(70%, rgba(0, 0, 0, .1)));
  background: -o-linear-gradient(left, #fff 40%, rgba(0, 0, 0, .1) 85%, rgba(0, 0, 0, .1) 70%);
  background: linear-gradient(90deg, #fff 40%, rgba(0, 0, 0, .1) 65%, rgba(0, 0, 0, .1) 70%)
}

.brainsec {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #082326), color-stop(60%, #082326), to(#000));
  background: -o-linear-gradient(left, #082326 5%, #082326 60%, #000 100%);
  background: linear-gradient(90deg, #082326 5%, #082326 60%, #000 100%);
  padding-left: 0 !important
}

.cuccess-story-waber .ser-btn,
.text-right {
  text-align: right
}

.brainsec .section-title h2 {
  width: 80%;
  position: relative
}

.brainsec .hero-bg-video {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}

.flip-card {
  height: 100%
}

.service-item-body p {
  height: 200px
}

.testimonial-slider1 .service-item-body p {
  height: 220px
}

.flip-card-inner {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .8s;
  transition: transform .8s;
  -o-transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s
}

.flip-card-back a {
  color: #1e8a8a !important
}

.top-in li {
  list-style: none;
  font-size: 14px;
  color: #fff
}

.topheader {
  background: #082326;
  padding: 10px 0;
  display: flex;
  border-bottom: 1px solid #0e3033;
  height: 48px;
  align-items: center
}

.btn-search,
.top-in li option,
.top-in li select {
  background: 0 0;
  outline: 0
}

.top-in {
  display: flex;
  margin-bottom: 0;
  gap: 40px;
  justify-content: end
}

.btn-search,
.hero {
  -webkit-box-align: center
}

.top-in li select {
  color: #fff;
  border: none;
  padding: 0
}

.top-in li a {
  color: #fff !important
}

.top-in li option {
  color: #000;
  border: none;
  font-size: 14px !important
}

.top-icon-gap {
  display: flex;
  gap: 8px
}

#chcp_font_size button {
  border: none;
  background-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0
}

.font-increase-waber {
  display: flex;
  gap: 40px
}

#btn-decrease,
#btn-increase,
.mega-menu .projects h3 span {
  font-size: 12px
}

#btn-orig {
  font-size: 14px
}

.custom-select,
.custom-select1 {
  position: relative;
  display: inline-block
}

.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px 30px 8px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer
}

.bxslider li,
.vertical-reveal li {
  font-size: 60px;
  font-weight: 300;
  font-family: Raleway, sans-serif
}

.custom-select::after {
  position: absolute;
  right: -15px;
  top: 12%;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.8' cy='10.8' r='1.2' transform='rotate(90 16.8 10.8)' fill='white'/%3E%3Ccircle cx='19.2004' cy='8.4' r='1.2' transform='rotate(90 19.2004 8.4)' fill='white'/%3E%3Ccircle cx='12.0002' cy='15.6' r='1.2' transform='rotate(90 12.0002 15.6)' fill='white'/%3E%3Ccircle cx='9.5998' cy='13.2' r='1.2' transform='rotate(90 9.5998 13.2)' fill='white'/%3E%3Ccircle cx='7.20039' cy='10.8' r='1.2' transform='rotate(90 7.20039 10.8)' fill='white'/%3E%3Ccircle cx='4.8' cy='8.4' r='1.2' transform='rotate(90 4.8 8.4)' fill='white'/%3E%3Ccircle cx='14.3996' cy='13.2' r='1.2' transform='rotate(90 14.3996 13.2)' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  pointer-events: none
}

.logos,
.search-box {
  display: inline-block
}

.btn-search {
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-search svg {
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.input-search {
  position: absolute;
  top: 60px;
  left: 0;
  width: 200px;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  background-color: rgb(8 35 38 .5);
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  outline: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.search-box.active .input-search {
  height: 40px;
  opacity: 1;
  border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.darp-1 {
  display: flex;
  gap: 8px;
  align-items: center
}

.final-line,
.final-line .word {
  display: -webkit-box;
  display: -ms-flexbox
}

.search-box.active .btn-search svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.topbar_text_slider .bx-wrapper {
  background: 0 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  line-height: 1.5
}

.bxslider {
  background: 0 0 !important;
  color: #fff;
  text-align: left;
  padding: 0;
  margin: 0;
  border: 0 !important;
  line-height: 1.5;
  font-weight: 300
}

.bxslider li {
  padding: 0;
  color: #000;
  -webkit-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear
}

.topbar_text_slider {
  visibility: hidden;
  position: relative;
  overflow: hidden
}

.bx-wrapper {
  visibility: visible !important;
  border: 0 !important;
  margin-bottom: 0
}

.hero-content .section-title h1 span {
  color: #000 !important;
  font-weight: 400 !important
}

.final-line {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 43px;
  font-family: Raleway, sans-serif;
  line-height: 1.3;
  color: #000;
  width: 100%;
  margin-top: 30px;
  word-break: break-word
}

.final-line .word {
  display: flex;
  gap: 0
}

.final-line .divider {
  font-weight: 700;
  color: #000;
  opacity: .7
}

.final-line .letter {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  display: inline-block;
  -webkit-animation: .4s forwards slideUp;
  animation: .4s forwards slideUp
}

@-webkit-keyframes slideUp {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideUp {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.mainbannerh1 {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  vertical-align: middle
}

.aboutnav1 .row,
.hero,
.mainbannerh1 .bxslider.text li,
.ser-btn a {
  display: -webkit-box;
  display: -ms-flexbox
}

.mainbannerh1 .bx-viewport,
.mainbannerh1 .bx-wrapper,
.mainbannerh1 .bxslider.text {
  height: 100% !important
}

.hero::before,
.our-services::after {
  height: 100%;
  z-index: -1;
  top: 0;
  width: 100%;
  position: absolute;
  left: 0
}

.aboutnav1 .row,
.mainbannerh1 .bxslider.text li {
  display: flex
}

.vertical-reveal {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: 6s ease-out forwards moveUpHold;
  animation: 6s ease-out forwards moveUpHold
}

.vertical-reveal li {
  color: #000 !important;
  line-height: 80px
}

@-webkit-keyframes moveUpHold {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  20%,
  35% {
    -webkit-transform: translateY(66%);
    transform: translateY(66%)
  }

  50%,
  65% {
    -webkit-transform: translateY(33%);
    transform: translateY(33%)
  }

  100%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes moveUpHold {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  20%,
  35% {
    -webkit-transform: translateY(66%);
    transform: translateY(66%)
  }

  50%,
  65% {
    -webkit-transform: translateY(33%);
    transform: translateY(33%)
  }

  100%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.footer-main .firstrow {
  padding: 20px 0 0
}

.footer-main .firstrow p {
  margin-bottom: 16px !important;
  font-family: Helvetica, Arial, sans-serif
}

.hero {
  padding-left: 0;
  position: relative;
  margin-top: 0;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hero::before {
  content: '';
  background: linear-gradient(90deg, #082326 0, #082326 50%, rgba(8, 35, 38, .4) 70%, rgba(8, 35, 38, 0) 100%)
}

.learn-more-circle span {
  position: absolute;
  top: 40px;
  left: 40px;
  text-align: center;
  color: #1e8a8a;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  font-size: 30px
}

.our-services {
  position: relative;
  overflow: hidden;
  background: #082326;
  z-index: 0
}

.our-services #myVideo {
  position: absolute;
  left: -35%;
  top: -11%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 80%;
  height: 90%;
  z-index: -2
}

.our-services::after {
  content: "";
  background: rgb(8 35 38 / 80%)
}

.ser-btn a {
  background: #fff;
  padding: 0 24px;
  border-radius: 60px;
  font-size: 16px;
  color: #082326;
  font-weight: 400;
  font-family: helvetica-neue-lt-pro;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  gap: 5px
}

.projects h3 span,
.ser-btn2 a {
  width: -webkit-fit-content;
  width: -moz-fit-content
}

.card-content .row,
.our-testimonial .headingss .ser-btn2,
.partner .ser-btn2,
.thepath .ser-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.custom-navigation,
.ser-btn2 a {
  -webkit-box-align: center;
  display: -webkit-box;
  display: -ms-flexbox
}

.main-menu .mega-menu .ser-btn .svg-container,
.ser-btn span {
  padding-left: 5px
}

.anabtn a {
  background: 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 16px;
  line-height: 24px !important;
  color: #fff !important;
  font-weight: 500;
  font-family: helvetica-neue-lt-pro
}

.ser-btn1 a,
.ser-btn2 a,
.thepathsec .ser-btn1 a {
  line-height: 24px;
  font-size: 16px;
  font-family: helvetica-neue-lt-pro
}

.ser-btn {
  margin-top: 25px
}

.ser-btn1 a {
  color: #fff !important;
  font-weight: 400
}

.thepathsec .ser-btn1 a {
  color: #fff !important;
  font-weight: 700
}

.ser-btn2 a {
  background: #082326;
  padding: 0 24px;
  border-radius: 60px;
  font-weight: 400;
  color: #fff;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: fit-content;
  height: 48px
}

.serbtn1 a {
  background: 0 0 !important;
  color: #000;
  padding: 0
}

.main-menu .mega-menu .aboutnav h1,
.main-menu .mega-menu .aboutnav1 h1,
.serbtn1 {
  margin-top: 0
}

.agency-item-content p {
  color: #000;
  margin-bottom: 24px
}

.epiclink a,
.page-faqs .section-title h2,
.success-counter-item h2,
.success-counter-item p {
  color: #082326
}

.success-counter-item p {
  font-family: helvetica-neue-lt-pro !important;
  font-weight: 400;
  font-size: 20px
}

.footer-links ul li a,
.footer-links ul li span,
.mega-menu h3 span,
.phone a,
.places li,
.projects h3 span {
  font-family: helvetica-neue-lt-pro
}

.countingss .col-sm-2 {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0
}

.countingss .success-counter-box1 {
  padding: 10px 20px;
  height: 290px
}

.countingss .success-counter-box1 h2 {
  height: 225px;
  font-family: Raleway, sans-serif;
  font-size: 60px
}

.countingss .success-counter-box1:not(.firstbox):hover,
.firstbox,
.firstbox:hover {
  background: url(../images/countbg.png) 110% 0/contain no-repeat
}

.aboutwork .hero-bg-video2::before,
.countingss .success-counter-box1:not(.firstbox):hover~.firstbox,
.countingss:hover .firstbox:not(:hover),
.mega-menu .ser-btn a,
.mega-menu h3 .left,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot,
.slidebefore::after,
.slidebefore::before {
  background: 0 0 !important
}

.agency-benefits {
  padding: 80px 0 50px;
  z-index: 9;
  position: relative
}

.agency-benefits::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(#082326), color-stop(69%, #082326), color-stop(86%, #000));
  background: -o-linear-gradient(left, #082326 0, #082326 69%, #000 86%);
  background: linear-gradient(90deg, #082326 0, #082326 69%, #000 86%);
  background-position: left center;
  width: 100%;
  height: 100%;
  z-index: -1
}

.agency-benefits .hero-bg-video1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.brainsec .hero-bg-video::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #082326), color-stop(55%, rgba(0, 0, 0, .1)), color-stop(72%, rgba(0, 0, 0, .1)));
  background: -o-linear-gradient(left, #082326 20%, rgba(0, 0, 0, .1) 55%, rgba(0, 0, 0, .1) 72%);
  background: linear-gradient(90deg, #082326 20%, rgba(0, 0, 0, .1) 55%, rgba(0, 0, 0, .1) 72%)
}

.brainsec .hero-bg-video video {
  width: 140%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.brainsec {
  padding: 100px 0 1px
}

.epicoroffer .swiper-horizontal,
.swiper-horizontal,
.testimonial-slider1 .swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 100%
}

.carousel-section {
  max-width: 1200px;
  margin: auto
}

.testimonial-slider .flip-card-inner {
  padding: 20px;
  min-height: 280px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.testimonial-slider .flip-card-inner h3 {
  font-size: 20px;
  color: #000 !important;
  margin-bottom: 10px;
  line-height: 25px
}

.testimonial-slider .flip-card-inner p {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 400;
  color: #555;
  height: 160px;
  font-family: Helvetica;
  line-height: 24px
}

.testimonial-slider .flip-card-inner a {
  text-decoration: none;
  color: #082326;
  font-family: "Radio Canada", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%
}

.testimonial-slider .flip-card-inner .ser-btn {
  margin-top: 20px;
  margin-bottom: 0
}

.codeSelect select,
.contactsub button,
.cookies a,
.epicadv2 h3,
.epicoroffer .section-title h2,
.epicoroffer .section-title p,
.erpexcel .section-title h2,
.erpexcel .section-title p,
.excelimg p,
.testimonial-slider .flip-card-inner:hover a,
.testimonial-slider .service-item:hover a,
.testimonial-slider .service-item:hover h3,
.testimonial-slider .service-item:hover p,
.testimonial-slider5 .testimonial-btn .testspace,
.testimonial-sliders11 .active .ser-btn1 a,
.testimonial-sliders11 .flip-card-inner:hover a,
.testimonial-sliders11 .service-item:hover a,
.testimonial-sliders11 .service-item:hover h3,
.testimonial-sliders11 .service-item:hover h6,
.testimonial-sliders11 .service-item:hover p,
.testslide1 .active .ser-btn1 a,
.testslide1 .service-item-body,
.testslide1 .service-item.active .know-more,
.testslide1 .service-item.active h3,
.testslide1 .service-item.active p,
.testslide1 .service-item:hover a,
.testslide1 .service-item:hover h3,
.testslide1 .service-item:hover p {
  color: #fff !important
}

.custom-navigation {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  gap: 20px
}

.swiper-button-next,
.swiper-button-prev {
  position: static;
  width: 25px;
  height: 25px;
  color: #0b2e2e;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.logo-marquee,
.projects h3 span {
  display: -webkit-box;
  display: -ms-flexbox
}

.swiper-pagination {
  position: static;
  font-size: 14px;
  font-weight: 700;
  color: #333
}

.testimonial-slider .service-item {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: transform .6s, box-shadow .6s;
  transition: transform .6s, box-shadow .6s;
  cursor: pointer;
  overflow: hidden;
  height: 449px
}

.testimonial-slider .service-item::before {
  content: "";
  inset: 0;
  border-radius: 12px;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  z-index: 0
}

.testimonial-slider .service-item a,
.testimonial-slider .service-item h3,
.testimonial-slider .service-item p {
  position: relative;
  z-index: 1;
  color: #000;
  -webkit-transition: color .6s;
  -o-transition: color .6s;
  transition: color .6s
}

.testimonial-slider .service-item:hover {
  color: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .15);
  -webkit-transition: 1s cubic-bezier(.4, 0, 1, 1) 1s;
  -o-transition: 1s cubic-bezier(.4, 0, 1, 1) 1s;
  transition: 1s cubic-bezier(.4, 0, 1, 1) 1s;
  border: none
}

.testimonial-slider .testspace,
.testslide1 .testspace {
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -o-transition: opacity .3s, transform .3s;
  display: inline-block
}

.testimonial-slider .testspace.fade-out,
.testimonial-sliders11 .testspace.fade-out,
.testslide1 .testspace.fade-out {
  opacity: 0;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

.testimonial-slider .testspace.fade-in,
.testimonial-sliders11 .testspace.fade-in,
.testslide1 .testspace.fade-in {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.testimonial-slider .service-item,
.testimonial-sliders11 .service-item {
  padding: 0;
  border: 1px solid #08232680;
  border-radius: 8px
}

.testimonial-slider .service-item::before {
  content: '';
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 103%;
  height: 102%;
  background: linear-gradient(180deg, #d9f1f1 0, #0b2e2e 100%);
  opacity: 0;
  transition: opacity .9s ease-in-out
}

.animated-svg .bottom-elements,
.animated-svg .main-paths,
.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover,
.testimonial-slider .service-item:hover::before {
  opacity: 1
}

.testspace {
  padding: 0 5px
}

.testimonial-slider .service-item-header {
  position: relative;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px
}

.testimonial-slider .service-item-header .icon-box img {
  max-width: 230px
}

.hero-bg-video1 video {
  -o-object-fit: cover;
  object-fit: cover
}

.mt-50 {
  margin-top: 70px !important
}

.partner .section-title p {
  width: 1084px;
  margin: 16px auto !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.appro .challenge-point-waber,
.approachmblsec .icon-box svg,
.digi2 p,
.grid-section .inner svg,
.partner .section-title h2,
.valueslide h6 {
  margin-bottom: 15px
}

.logo-carousel .item {
  padding: 20px
}

.logo-carousel img {
  max-width: 140px;
  max-height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.logo-carousel img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.collatfilter .video-gallery-image a::after,
.logo-carousel .owl-dots,
.logo-carousel .owl-nav,
.owl-carousel.skew-carousel .owl-nav,
.owl-carousel.skew-carousel1 .owl-nav,
.skew-carousel .owl-nav,
.skew-carousel1 .owl-nav {
  display: none !important
}

.skew-carousel .owl-nav,
.skew-carousel .owl-nav button,
.skew-carousel1 .owl-nav,
.skew-carousel1 .owl-nav button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important
}

.dnone,
.item .inner,
.parent::before {
  pointer-events: none
}

.logo-marquee {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), color-stop(10%, #000), color-stop(90%, #000), to(rgba(0, 0, 0, 0.3)));
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), #000 10%, #000 90%, rgba(0, 0, 0, 0.3));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), color-stop(10%, #000), color-stop(90%, #000), to(rgba(0, 0, 0, 0.3)));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), #000 10%, #000 90%, rgba(0, 0, 0, 0.3));
  mask-repeat: no-repeat;
  mask-size: 100% 100%
}

.logo-slider.ltr .logos {
  -webkit-animation: 25s linear infinite marquee-ltr;
  animation: 25s linear infinite marquee-ltr
}

.logo-slider.rtl .logos {
  -webkit-animation: 25s linear infinite marquee-rtl;
  animation: 25s linear infinite marquee-rtl
}

@-webkit-keyframes marquee-ltr {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes marquee-ltr {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes marquee-rtl {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@keyframes marquee-rtl {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.bluebg1,
.cusexp,
.epicadv,
.main-footer,
.platforms,
.projects,
.routes {
  background: #082326
}

.projects .service-item {
  border: none;
  border-radius: 8px
}

.projects .service-item-body {
  background: url(../images/fl.jpeg) center/cover no-repeat;
  position: relative;
  z-index: 0;
  padding: 24px;
  height: 449px;
  border-radius: 8px
}

.projects .secondser {
  background: url(../images/fiber.jpg) center/cover no-repeat;
  position: relative;
  z-index: 0;
  padding: 17px 24px;
  height: 449px;
  border-radius: 8px
}

.projects .fourthser,
.projects .thirdser {
  position: relative;
  z-index: 0;
  padding: 20px;
  height: 449px;
  border-radius: 8px
}

.projects .thirdser {
  background: url(../images/pr3.jpg) 99% 5%/cover no-repeat
}

.projects .fourthser {
  background: url(../images/pr4.jpg) 99% 5%/cover no-repeat
}

.projects .service-item-body::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(0, 128, 128, .5)), color-stop(62%, rgba(22, 128, 139, .98)));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(0, 128, 128, .5) 40%, rgba(22, 128, 139, .98) 62%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 128, 128, .5) 40%, rgba(22, 128, 139, .98) 62%);
  z-index: -1;
  border-radius: 8px
}

.mega-menu .service-item-body p {
  height: auto;
  color: #fff;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600;
  font-family: Raleway, sans-serif;
  margin-bottom: 15px
}

.phone a,
.places li,
.projects .service-item-body p,
.testspace1 {
  font-size: 24px;
  line-height: 32px
}

.projects .service-item-body p {
  height: auto;
  color: #fff;
  font-weight: 600;
  font-family: helvetica-neue-lt-pro, sans-serif;
  padding: 16px 0;
  margin-bottom: 0 !important
}

.projects h3 span {
  background: rgba(255, 255, 255, .4);
  color: #fff;
  border-radius: 60px;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 24px;
  width: fit-content
}

.mega-menu h3 span,
.testimonial-btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center
}

.mega-menu h3 .left {
  color: #fff;
  border-radius: 60px;
  padding: 4px 0 !important
}

.mega-menu h3 span {
  color: #fff;
  border-radius: 60px;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  height: auto;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.testimonial-btn1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-top: 30px;
  z-index: 2
}

.btn-style-3,
.tab-content ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  text-decoration: none
}

.testimonial-slider1 .swiper-wrapper {
  cursor: none;
  padding: 0 0 50px
}

.testimonial-slider1 .service-item {
  border-radius: 8px;
  background: #082326;
  padding: 20px
}

.testimonial-slider1 .service-item-body p {
  color: #fff !important;
  font-size: 14px
}

.testspace1 {
  font-weight: 300 !important;
  font-family: "Radio Canada", sans-serif;
  color: #fff;
  padding: 2px 5px
}

.epictechnology .testimonial-slider .flip-card-inner h3,
.testimonial-slider1 .author-content p {
  height: auto
}

.our-testimonial .headingss {
  width: 1000px;
  margin: auto
}

.places li {
  display: inline-block;
  padding: 0 10px 16px;
  font-weight: 400
}

.phone a {
  color: #fff;
  font-weight: 400
}

.phone img {
  height: 25px
}

.page-video-gallery,
.pd60,
.pt50 {
  padding: 50px 0
}

.about-footer .footer-logo img {
  height: auto;
  width: 210px
}

.about-footer .header-social-links ul li {
  line-height: normal;
  margin-right: 30px;
  padding: 0
}

.parent {
  background: -webkit-gradient(linear, right top, left top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(77%, rgb(8 35 38)), to(rgb(8 35 38)));
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%)
}

.footer-links h3 {
  font-size: 19px;
  font-weight: 800 !important;
  line-height: 24px;
  font-family: Raleway, sans-serif;
  font-style: normal
}

.footer-links ul li a {
  font-weight: 30 !important;
  font-size: 16px;
  line-height: 24px;
  font-style: normal
}

.footer-links ul li span {
  font-weight: 400 !important;
  font-style: normal;
  font-size: 16px;
  line-height: 24px
}

.rights li a {
  font-size: 16px;
  color: #fff !important
}

.arrow img,
.arrow1 img,
.oursolutionsec .service-item img {
  height: 20px
}

.right svg {
  width: 24px
}

.enterslide .service-item:not(:hover) .animated-svg-link1 .dot,
.right .dot,
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot {
  fill: #082326 !important;
  opacity: .5;
  -webkit-transition: fill .3s, opacity .3s;
  -o-transition: fill .3s, opacity .3s;
  transition: fill .3s, opacity .3s
}

.animated-svg-link:hover .right .dot {
  fill: #000000 !important;
  opacity: 1
}

.animated-svg-link:hover .right .dot:nth-child(4),
.btn-style-3:hover .svg-container .dot:nth-child(4),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(3),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(4),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(3),
.right:not(:hover) .right .dot:nth-child(3),
.svg-container:hover .dot:nth-child(4),
.svg-container:not(:hover) .dot:nth-child(3),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(4),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(3) {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s
}

.animated-svg-link:hover .right .dot:nth-child(5),
.btn-style-3:hover .svg-container .dot:nth-child(5),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(11),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(8),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(5),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(11),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(8),
.right:not(:hover) .right .dot:nth-child(11),
.right:not(:hover) .right .dot:nth-child(8),
.svg-container:hover .dot:nth-child(5),
.svg-container:not(:hover) .dot:nth-child(11),
.svg-container:not(:hover) .dot:nth-child(8),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(5),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(11),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(8) {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s
}

.animated-svg-link:hover .right .dot:nth-child(6),
.btn-style-3:hover .svg-container .dot:nth-child(6),
.btn-style-3:not(:hover) .svg-container .dot:first-child,
.btn-style-3:not(:hover) .svg-container .dot:nth-child(7),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(9),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(6),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:first-child,
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(7),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(9),
.right:not(:hover) .right .dot:first-child,
.right:not(:hover) .right .dot:nth-child(7),
.right:not(:hover) .right .dot:nth-child(9),
.svg-container:hover .dot:nth-child(6),
.svg-container:not(:hover) .dot:first-child,
.svg-container:not(:hover) .dot:nth-child(7),
.svg-container:not(:hover) .dot:nth-child(9),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(6),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:first-child,
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(7),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(9) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.animated-svg-link:hover .right .dot:nth-child(10),
.animated-svg-link:hover .right .dot:nth-child(2),
.btn-style-3:hover .svg-container .dot:nth-child(10),
.btn-style-3:hover .svg-container .dot:nth-child(2),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(10),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(2),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(10),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(2),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(10),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(2),
.right:not(:hover) .right .dot:nth-child(10),
.right:not(:hover) .right .dot:nth-child(2),
.svg-container:hover .dot:nth-child(10),
.svg-container:hover .dot:nth-child(2),
.svg-container:not(:hover) .dot:nth-child(10),
.svg-container:not(:hover) .dot:nth-child(2),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(10),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(2),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(10),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.animated-svg-link:hover .right .dot:first-child,
.animated-svg-link:hover .right .dot:nth-child(7),
.animated-svg-link:hover .right .dot:nth-child(9),
.btn-style-3:hover .svg-container .dot:first-child,
.btn-style-3:hover .svg-container .dot:nth-child(7),
.btn-style-3:hover .svg-container .dot:nth-child(9),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(6),
.enterslide .service-item:hover .animated-svg-link1 .dot:first-child,
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(7),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(9),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(6),
.right:not(:hover) .right .dot:nth-child(6),
.svg-container:hover .dot:first-child,
.svg-container:hover .dot:nth-child(7),
.svg-container:hover .dot:nth-child(9),
.svg-container:not(:hover) .dot:nth-child(6),
.testianimdot .service-item:hover .animated-svg-link1 .dot:first-child,
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(7),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(9),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(6) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.animated-svg-link:hover .right .dot:nth-child(11),
.animated-svg-link:hover .right .dot:nth-child(8),
.btn-style-3:hover .svg-container .dot:nth-child(11),
.btn-style-3:hover .svg-container .dot:nth-child(8),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(5),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(11),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(8),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(5),
.right:not(:hover) .right .dot:nth-child(5),
.svg-container:hover .dot:nth-child(11),
.svg-container:hover .dot:nth-child(8),
.svg-container:not(:hover) .dot:nth-child(5),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(11),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(8),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s
}

.animated-svg-link:hover .right .dot:nth-child(3),
.btn-style-3:hover .svg-container .dot:nth-child(3),
.btn-style-3:not(:hover) .svg-container .dot:nth-child(4),
.enterslide .service-item:hover .animated-svg-link1 .dot:nth-child(3),
.enterslide .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(4),
.right:not(:hover) .right .dot:nth-child(4),
.svg-container:hover .dot:nth-child(3),
.svg-container:not(:hover) .dot:nth-child(4),
.testianimdot .service-item:hover .animated-svg-link1 .dot:nth-child(3),
.testianimdot .service-item:not(:hover) .animated-svg-link1 .dot:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s
}

.svg-container {
  cursor: pointer;
  padding-left: 5px
}

.svg-container svg {
  width: 22px;
  height: 22px
}

.dot {
  -webkit-transition: fill .4s ease-in-out, opacity .4s ease-in-out;
  -o-transition: fill .4s ease-in-out, opacity .4s ease-in-out;
  transition: fill .4s ease-in-out, opacity .4s ease-in-out
}

.btn-style-3 {
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  border-radius: 60px;
  padding: 12px 0
}

.btn-style-3 .dot {
  fill: #ffffff !important;
  opacity: .5;
  -webkit-transition: fill .3s, opacity .3s;
  -o-transition: fill .3s, opacity .3s;
  transition: fill .3s, opacity .3s
}

.btn-style-3:hover .svg-container .dot {
  fill: #020c0e;
  opacity: 1
}

.enterslide .service-item:hover .animated-svg-link1 .dot,
.testianimdot .service-item:hover .animated-svg-link1 .dot {
  fill: #fff;
  opacity: 1;
  -webkit-transition: fill .3s, opacity .3s;
  -o-transition: fill .3s, opacity .3s;
  transition: fill .3s, opacity .3s
}

.footer-links b {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700 !important
}

.card-top-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.card-graphic-container {
  position: relative;
  height: 121px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.card-svg,
.testslide1 .card-svg {
  width: 100%;
  height: 100%
}

.card-svg>line,
.card-svg>path[id^=line-] {
  stroke: #082326;
  stroke-width: 1.3;
  opacity: .7
}

.anim-dot,
.testslide1 .anim-dot {
  fill: #0eac6d;
  opacity: 0;
  offset-path: none
}

@-webkit-keyframes travel-along-path {
  0% {
    offset-distance: 0%;
    opacity: 1
  }

  80% {
    opacity: 1
  }

  100% {
    offset-distance: 100%;
    opacity: 0
  }
}

.enterslide .service-item:hover .anim-dot,
.testianimdot .service-item:hover .anim-dot,
.testslide1 .service-item:hover .anim-dot {
  -webkit-animation: 2s ease-out forwards travel-along-path;
  animation: 2s ease-out forwards travel-along-path;
  r: 2.8px;
  -webkit-transition: r .3s;
  -o-transition: r .3s;
  transition: r .3s
}

.service-card .anim-dot:first-of-type,
.testslide1 .service-card .anim-dot:first-of-type {
  offset-path: path('M1.4209 2L34.7821 2C46.3801 2 55.7821 11.402 55.7821 23V39.5752C55.7821 51.1732 65.1841 60.5752 76.7821 60.5752H84.859')
}

.service-card .anim-dot:nth-of-type(2),
.testslide1 .service-card .anim-dot:nth-of-type(2) {
  offset-path: path('M0.999367 60.6538 H 84.4375')
}

.service-card .anim-dot:nth-of-type(3),
.testslide1 .service-card .anim-dot:nth-of-type(3) {
  offset-path: path('M1.4209 119.15L34.7821 119.15C46.3801 119.15 55.7821 109.748 55.7821 98.1504V81.5752C55.7821 69.9772 65.1841 60.5751 76.7821 60.5751H84.859')
}

.service-card .anim-dot:nth-of-type(4),
.testslide1 .service-card .anim-dot:nth-of-type(4) {
  offset-path: path('M249.578 2L216.217 2C204.619 2 195.217 11.402 195.217 23V39.5752C195.217 51.1732 185.815 60.5752 174.217 60.5752H166.14')
}

.service-card .anim-dot:nth-of-type(5),
.testslide1 .service-card .anim-dot:nth-of-type(5) {
  offset-path: path('M250 60.1538 H 166.562')
}

.service-card .anim-dot:nth-of-type(6),
.testslide1 .service-card .anim-dot:nth-of-type(6) {
  offset-path: path('M249.578 119.15L216.217 119.15C204.619 119.15 195.217 109.748 195.217 98.1504V81.5752C195.217 69.9772 185.815 60.5751 174.217 60.5751H166.14')
}

.enterslide .service-item .icns,
.testimonial-slider .service-item .icns {
  fill: #008080
}

.enterslide .service-item.active .icns,
.enterslide .service-item:hover .icns,
.enterslide .swiper-slide-active .icns,
.testimonial-slider .service-item:hover .icns {
  fill: #ffffff
}

.input-group button {
  font-family: helvetica-neue-lt-pro, sans-serif;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px
}

.brainsec .hero-bg-video2 {
  position: absolute;
  width: 60%;
  height: 100%;
  top: 0;
  left: 0
}

.brainsec .hero-bg-video2::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(34%, rgba(0, 0, 0, .1)), color-stop(80%, #082326));
  background: -o-linear-gradient(left, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 34%, #082326 80%);
  background: linear-gradient(90deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 34%, #082326 80%)
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  font-size: 0;
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  border: none
}

.owl-carousel .owl-nav .owl-counter {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px;
  display: inline-block;
  min-width: 40px;
  text-align: center
}

@media(max-width:768px) {

  .input-group button,
  .top-in li select {
    font-size: 14px !important
  }

  .advantage .section-title,
  .blog-content-waber2,
  .enter .section-title,
  .our-testimonial .section-row .testidescription {
    max-width: 100% !important
  }

  .dnone,
  .parent::before {
    pointer-events: none
  }

  .benefits-steps-item,
  .erpexcel .section-title,
  .footer-main .firstrow .text-right,
  .mobilecasestudy .section-title,
  .places ul,
  .secondrow .phone,
  .secondrow ul,
  .topheader {
    text-align: left
  }

  .aboutbanner .col-sm-6,
  .epicormobile .videopd0,
  .erpbenefits .pd0,
  .erpexcel .col-sm-7,
  .footer-work-together,
  .mobiledigi .pd50,
  .mobileself1 .pd50,
  .mobileturn .container,
  .mobilewhyfc .col-12,
  .topheader .col-12,
  .webhero .col-sm-7,
  .webhero1 .col-sm-7 {
    padding: 0
  }

  .top-in {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0
  }

  .top-in li select {
    padding: 0 5px !important
  }

  .font-increase-waber {
    gap: 20px !important
  }

  .top-in li {
    padding: 0 5px
  }

  .custom-select::after {
    width: 13px;
    height: 13px
  }

  .hero .hero-bg-video,
  .hero-bg-video::before {
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
  }

  .top-in li a {
    font-size: 13px
  }

  .navbar-brand img {
    height: 45px
  }

  .navbar {
    padding: 10px 0
  }

  .header-social-links {
    display: inline-block
  }

  .btn-search {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: -28px
  }

  .slicknav_icon {
    visibility: hidden !important;
    position: absolute;
    top: 12px;
    right: -31px
  }

  .custom-menu-icon svg {
    display: block;
    width: 26px;
    height: 18px
  }

  .slicknav_btn {
    background: 0 0;
    color: #fff;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 5px 0 0;
    border-radius: 8px;
    position: absolute;
    top: 15px;
    right: 10px
  }

  .hero-bg-video::before {
    content: '';
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fff), color-stop(90%, rgba(0, 0, 0, .1)), color-stop(48%, rgba(0, 0, 0, .1)));
    background: -o-linear-gradient(top, #fff 70%, rgba(0, 0, 0, .1) 90%, rgba(0, 0, 0, .1) 48%);
    background: linear-gradient(180deg, #fff 70%, rgba(0, 0, 0, .1) 90%, rgba(0, 0, 0, .1) 48%);
    z-index: 0
  }

  .hero .hero-bg-video {
    bottom: 0 !important;
    right: 0
  }

  .hero h1 {
    font-size: 28px
  }

  .hero p {
    font-size: 14px
  }

  .hero-content-body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .hero-bg-video {
    margin-top: 0
  }

  .video-play-button svg {
    width: 70px;
    height: 70px;
    padding: 10px
  }

  .about-agency-list,
  .corimg ul,
  .leadermobile ul {
    padding-left: 0 !important
  }

  .bxslider li {
    font-size: 50px
  }

  .advantage .mt-5,
  .amsmethod1 .hero-video-content,
  .hero-content .section-title,
  .mds-section .hero-video-content1,
  .mobilearchit .mt-4,
  .mobilemssol .mstechsolutions .benifet-content-waber,
  .mobilepdb40 .hero-video-content,
  .mobilesap2 .mt-4,
  .mobileself .mt-4,
  .mobileself1 .hero-video-content,
  .section-title .mt-5 {
    margin-top: 0 !important
  }

  .vertical-reveal li {
    font-size: 40px;
    font-weight: 300;
    font-family: Raleway, sans-serif;
    color: #000 !important;
    line-height: 48px
  }

  .banner .section-title p {
    font-size: 16px !important;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 24px
  }

  .hero-content {
    height: 520px
  }

  .hero .hero-bg-video video {
    width: 100%;
    height: 170%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .learn-more-circle span {
    position: absolute;
    top: 24px;
    left: 24px;
    text-align: center;
    color: #1e8a8a;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    font-size: 17px
  }

  .thepath .section-title h2 {
    line-height: 40px;
    font-size: 32px !important
  }

  .buildsection .buildsecont .section-title h2,
  .buildsection .buildsecont .section-title p,
  .buildsection .text-center,
  .footer-copyright .places,
  .headingss,
  .mobilecommpd0 .section-title,
  .mobilefluent .section-title,
  .mobilemssol .hero-content .section-title h2,
  .mobilemssol .hero-content .section-title p,
  .mobileuiux .section-title,
  .our-faq-section .section-title,
  .partner .section-title,
  .thepath .section-title {
    text-align: left !important
  }

  .dataengg .builtsec .section-title p,
  .mobilecommpd0 .section-title p,
  .mobilefluent .section-title p,
  .mobileuiux .section-title p,
  .newcollat .mey-fucher-tab-waber-content1 h4,
  .section-title p,
  .thepath .section-title p {
    margin: 16px 0 !important
  }

  .enterslide .service-item-header,
  .mobileonly .testspace,
  .mobiletesti5 .testspace,
  .mobileview,
  .thepath .ser-btn {
    display: block !important
  }

  .systemview,
  .testimonial-slider3 .testimonial-button-next::before,
  .testimonial-slider3 .testimonial-button-prev::before,
  .thepath .bgvideo {
    display: none !important
  }

  .buildsection .row,
  .epicormobile,
  .footer-links .row,
  .prine-title {
    display: flex
  }

  .thepath .testimonial-btn .btn-style-3 {
    padding: 2px 0 !important
  }

  .thepath .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: 2px !important
  }

  .thepath .testimonial-btn .testspace {
    padding: 0 8px 0 10px
  }

  .thepath .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 0 !important
  }

  .testimonial-slider3 .service-item-body p {
    font-size: 14px;
    height: 250px
  }

  .learn-more-circle {
    margin-left: -20px
  }

  .learn-more-circle span svg {
    height: 35px !important;
    width: 35px !important
  }

  .thepath .service-item {
    position: relative;
    border: 1px solid #fff;
    border-radius: 8px
  }

  .about-agency-content .section-title h2 {
    width: 100%;
    color: #000 !important;
    line-height: 40px;
    font-size: 30px !important
  }

  .agency-item-content p {
    color: #000;
    margin-bottom: 16px
  }

  .about-agency-list {
    margin-left: 0
  }

  .countingss .success-counter-box1 {
    height: 171px
  }

  .buildsection .hero-content,
  .mobilescale .hero-content,
  .parent2 {
    height: 100%
  }

  .prine-title {
    flex-direction: column;
    width: 100% !important;
    text-align: left;
    gap: 32px
  }

  .brainbgsec {
    background: linear-gradient(180deg, #082326 0, #082326 61%, #000 80%) !important
  }

  .bg-image {
    mix-blend-mode: screen;
    width: 169% !important;
    margin-left: -130px !important;
    filter: sepia(70%) saturate(100%) hue-rotate(90deg)
  }

  .our-testimonial .testidescription p {
    padding: 16px 0 !important
  }

  .brine-waper-padding {
    padding: 50px 0 0 !important
  }

  .brainsec .benefits-steps-content,
  .brainsec .section-title h2 {
    width: 100%
  }

  .pd-50 {
    padding: 50px 0
  }

  .aimlcase .our-testimonial .enterslide .service-item-header,
  .our-testimonial .headingss .ser-btn2,
  .partner .ser-btn2,
  .projects .ser-btn {
    justify-content: start !important
  }

  .logos img {
    margin: 0 25px !important
  }

  .testimonial-slider .flip-card-inner p {
    height: 150px !important
  }

  .footer-main .ser-btn {
    justify-content: start !important;
    margin-top: 10px !important
  }

  .footer-main .firstrow {
    padding: 35px 0 0 !important
  }

  .firsthr {
    margin-top: 25px !important
  }

  .card-graphic-container svg,
  .parentban svg {
    width: 100%;
    height: 100%
  }

  .bluebg {
    padding: 30px 0 0 !important
  }

  .buildsection .order2,
  .order2 {
    order: 2;
    padding: 0
  }

  .buildsection .hero-bg-video,
  .mobileapproach1,
  .mobiledigi .buildsec {
    position: relative
  }

  .aboutbanner::before,
  .buildsection::before,
  .deliver::after {
    background: #fff !important
  }

  .aboutbanner .hero-video-content,
  .advant .imgadd h3,
  .advant .imgadd p,
  .buildsection .buildsec video,
  .collatpage .filter-controls,
  .digisec .digitalexp,
  .epicadv2 .w80 h3,
  .mobilecusexp .section-title p,
  .optimiz .section-title p,
  .section-title,
  .tab-cards .card-right,
  .width80 {
    width: 100% !important
  }

  .buildsec::before {
    background: linear-gradient(0deg, rgb(8 33 36 / 0%) 0, rgb(8 35 38 / 0%) 66%, #fff 100%) !important
  }

  .buildsection,
  .mobilecommpd0,
  .mobilefluent,
  .mobilemethod,
  .mobilepd40,
  .wcu-1 {
    padding: 40px 0 0 !important
  }

  .skew-carousel1 {
    -webkit-transform: skewY(0) !important;
    -ms-transform: skewY(0) !important;
    transform: skewY(0) !important;
    overflow: hidden;
    width: 100%;
    padding: 25px 0 !important
  }

  .skew-carousel1 .item .inner {
    position: relative;
    z-index: 2;
    -webkit-transform: skewY(0) !important;
    -ms-transform: skewY(0) !important;
    transform: skewY(0) !important;
    margin-left: 5px !important
  }

  .grid-section1 {
    background: #082326
  }

  .skew-carousel1 .owl-stage {
    animation: none !important
  }

  .skew-carousel1 .item {
    height: auto !important;
    width: 234px !important
  }

  .grid-section1 .testspace,
  .mobileanimation .testspace {
    padding: 2px 10px
  }

  .grid-section1 .testimonial-btn {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center !important;
    width: max-content !important;
    margin-left: 0 !important
  }

  .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 18px
  }

  .grid-section1 .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: -8px
  }

  .biimp-tabs .tabcontent,
  .digi1 .digitalsec,
  .mobilecusexp .micfabric,
  .mobileself .pd50,
  .mobilewcu .wcu-waber-1,
  .msdtestmobile .swiper-wrapper,
  .pd0,
  .skew-carousel1 .owl-stage-outer {
    padding: 0 !important
  }

  .text-left {
    text-align: left;
    width: 100% !important
  }

  .skew-carousel1 .owl-item.active-slide .inner::before {
    background: linear-gradient(-90deg, rgb(0 128 128 / 30%) 0, #05272bcc 100%) !important;
    transition: 1s linear
  }

  .skew-carousel1 .item .inner p {
    height: 90px
  }

  .digitalmobilesec .testimonial-btn .testimonial-button-prev,
  .entersolser .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: -19px
  }

  .parent2 {
    position: relative !important;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    order: 2 !important
  }

  .approachmblsec {
    display: grid
  }

  .approachmblsec .parent2::before {
    background: linear-gradient(180deg, #082326 0, #082326 15%, rgb(8 35 38 / 10%) 70%) !important
  }

  .approachmblsec .parent2 video {
    height: 300px;
    margin-bottom: -7px
  }

  .biservice .section-title,
  .ourapp .icon-box img {
    margin-bottom: 10px
  }

  .section-title h2 {
    font-size: 32px !important;
    line-height: 40px !important;
    width: 100% !important
  }

  .testimonial-slider3 .swiper {
    overflow: hidden !important
  }

  .mobilecapab .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 9px !important
  }

  .advantage .service-item-body1 svg {
    width: 100%;
    height: 300px
  }

  .platdesc {
    padding: 0 10px 0 15px !important
  }

  .systemview1 {
    display: none
  }

  .gridsec .section-title .hero-video-content {
    width: 100% !important;
    margin: auto;
    text-align: left !important;
    margin-top: 0 !important
  }

  .platimg {
    bottom: 15px !important
  }

  .advantage .section-title {
    margin-bottom: 0;
    text-align: left !important
  }

  .aimlcase .testimonial-btn .testimonial-button-prev,
  .dew-schorrol .testimonial-btn .testimonial-button-prev,
  .epiccomp .testimonial-btn .testimonial-button-prev,
  .epictechnology .testimonial-btn .testimonial-button-prev,
  .indexwhatdo .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: -19px !important
  }

  .indexprojectsmobile .testimonial-btn .testimonial-button-prev {
    left: 0;
    top: 7px !important
  }

  .thepathindex .service-item-body p {
    font-size: 14px;
    height: 190px !important
  }

  .customer .service-item-body svg,
  .digiban svg,
  .digiexperience .service-item svg,
  .mapsection svg,
  .optimisation svg,
  .outcomes svg {
    height: 100%;
    width: 100%
  }

  .aboutvaluemobile .valueslide,
  .additional1 .service-item-body1.firstmobilebox,
  .imgpos img,
  .mobileaddit .service-item-body1,
  .mobiledigi .hero-content,
  .mobilemssol .hero-content,
  .mobileself1 .hero-content {
    height: auto !important
  }

  .mobiledigi .buildsec video {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    mix-blend-mode: luminosity !important;
    z-index: -1 !important;
    position: relative !important
  }

  .mobiledigi::before {
    background: linear-gradient(180deg, #fff 0, #fff 50%, rgba(255, 255, 255, .4) 77%, rgb(14 79 87 / 80%) 65%) !important
  }

  .digital2section .section-row .testidescription {
    max-width: 100%;
    text-align: left !important
  }

  .swiper-slide-active .MeRLIN-service {
    box-shadow: 0 16px 40px rgba(0, 77, 92, .12);
    background: linear-gradient(180deg, #0c6a6ade 0, #082326de 100%)
  }

  .enterslide .swiper-slide-active .icns1,
  .mobileanimation .swiper-slide.swiper-slide-active .icns,
  .swiper-slide-active .MeRLIN-service .icns {
    stroke: #fff !important
  }

  .digitalmobilesec .swiper-slide-active .icns {
    stroke: #ffffff !important
  }

  .dew-schorrol .swiper-slide-active .mds-waber2 h6,
  .erpcustomer .swiper-slide.swiper-slide-active .mds-waber h6,
  .mobileanimation .swiper-slide.swiper-slide-active .service-item *,
  .mobileanimation .swiper-slide.swiper-slide-active a,
  .mobileanimation .swiper-slide.swiper-slide-active h3,
  .mobileanimation .swiper-slide.swiper-slide-active p,
  .mobilecabsec .swiper-slide-active .valueslide p,
  .projectslider .testimonial-btn .testspace,
  .swiper-slide-active .MeRLIN-service h3,
  .swiper-slide-active .MeRLIN-service li,
  .testimonial-slider .service-item.active .know-more,
  .testimonial-slider .service-item.active h3,
  .testimonial-slider .service-item.active p,
  .testimonial-slider .swiper-slide-active .service-item a,
  .testimonial-slider .swiper-slide-active .service-item h3,
  .testimonial-slider .swiper-slide-active .service-item p {
    color: #fff !important
  }

  .digitalmobilesec .MeRLIN-service {
    height: 410px !important;
    text-align: left
  }

  .digitalmobilesec .MeRLIN-service h3 {
    font-size: 24px !important;
    line-height: 32px;
    font-weight: 600
  }

  .mobileapproach {
    position: relative;
    padding: 0
  }

  .mobileapproach::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(0deg, rgb(8 33 36 / 0%) 0, rgb(8 35 38 / 0%) 39%, #fff 95%) !important;
    z-index: 2;
    width: 100%
  }

  .mobileapproach img {
    position: relative;
    left: 0
  }

  .mobileturn .appro,
  .mobileturn .section-title {
    padding: 0 15px
  }

  .mobileturn {
    padding: 60px 0 0 !important
  }

  .outcomesmobile {
    display: flex;
    padding: 50px 0 20px !important
  }

  .customer .section-title {
    width: 100%;
    padding: 0;
    margin-bottom: 0
  }

  .digital2section {
    padding: 40px 0;
    border-bottom: 1px solid #0823267d
  }

  .digiexperience .firstmobile:first-child {
    margin-bottom: 50px !important
  }

  .additional1 .col-lg-4,
  .additional1 .col-lg-6,
  .digiexperience .sersec .col-lg-6 {
    margin-bottom: 20px !important
  }

  .optimiz .section-title h2 {
    margin-bottom: 16px
  }

  .dnone {
    opacity: 0;
    visibility: visible !important;
    position: relative !important;
    opacity: 1 !important
  }

  .mobilescale .pd50 {
    padding: 20px 0 0
  }

  .pillers {
    padding-bottom: 40px
  }

  .gridmobilsec .MeRLIN-service {
    background-color: transparent !important;
    padding: 20px;
    border-radius: 0 !important;
    height: auto !important;
    text-align: left;
    border: none !important;
    border-left: 4px solid #499a9a !important
  }

  .MeRLIN-service .service-icon1 img,
  .gridmobilsec .MeRLIN-service img,
  .mobileelevate .erpexp .col-sm-4 {
    margin-bottom: 15px
  }

  .gridmobilsec .swiper-slide-active .MeRLIN-service {
    box-shadow: 0 16px 40px rgba(0, 77, 92, .12);
    background: linear-gradient(180deg, rgba(8, 35, 38, 0) 0, teal 50%, #082326 100%)
  }

  .gridmobilsec .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 17px
  }

  .gridmobilsec .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: -10px
  }

  .gridmobilsec .swiper-horizontal {
    padding: 0 0 50px !important
  }

  .gridmobilsec .testimonial-btn {
    position: absolute;
    bottom: -5px;
    left: 3px !important
  }

  .aboutbanner .hero .hero-bg-video,
  .mobileaddit img,
  .mobileself .buildsec video,
  .mobileself .hero-bg-video,
  .mobileself1 .hero-bg-video {
    position: relative !important
  }

  .brouchure p {
    font-size: 16px;
    font-weight: 300;
    width: 100% !important
  }

  .aboutbanner .hero-content,
  .aboutbanner video,
  .blog-content-waber2,
  .collattabsec .ser-btn a,
  .mobileself .hero-content {
    height: 100% !important
  }

  .Awards,
  .aboutbanner,
  .amsbanner,
  .erpbenefits,
  .erpexcel,
  .mobileaddit,
  .mobilecomm,
  .mobilegolf,
  .mobileself1,
  .mobileuiux,
  .pd0,
  .pdb0 {
    padding-bottom: 0 !important
  }

  .corushrbanner1,
  .mobilesap2,
  .pd30,
  .retailsection {
    padding: 30px 0 !important
  }

  .mobileself .buildsec video,
  .self1 .buildsec video {
    width: 100% !important;
    mix-blend-mode: normal !important
  }

  .mobileself::before {
    background: linear-gradient(180deg, #fff 0, #fff 50%, rgba(255, 255, 255, .4) 70%, rgba(255, 255, 255, 0) 100%) !important
  }

  .mobileself .section-title h2 {
    color: #000;
    margin-bottom: 0 !important
  }

  .mobileself .self-service {
    margin: 15px 0 !important
  }

  .aboutvaluemobile .testimonial-btn .testimonial-button-prev,
  .mobilecommexpert .testimonial-btn .testimonial-button-prev,
  .mobileecommcap .testimonial-btn .testimonial-button-prev,
  .mobilefeatures .testimonial-btn .testimonial-button-prev,
  .mobiletesti5 .testimonial-btn .testimonial-button-prev,
  .msmobilecap .testimonial-btn .testimonial-button-prev {
    left: 0 !important;
    top: 0 !important
  }

  .aboutvaluemobile .swiper-slide-active .valueslide,
  .erpcustomer .swiper-slide.swiper-slide-active .mds-waber,
  .mobilecommexpert .swiper-slide-active .valueslide,
  .mobilefeatures .swiper-slide-active .mds-waber,
  .mobiletesti5 .swiper-slide-active .mds-waber,
  .mstechapproach .swiper-slide-active .valueslide,
  .whyrhienmobile .swiper-slide-active .valueslide {
    border: 0 !important;
    background: linear-gradient(180deg, rgba(0, 128, 128, .534) 0, #082326 100%) !important
  }

  .aboutvaluemobile .swiper-slide-active .valueslide p,
  .mobilefeatures .swiper-slide-active .mds-waber p,
  .mobiletesti5 .swiper-slide-active .mds-waber p,
  .whyrhienmobile .swiper-slide-active .valueslide p {
    display: block !important;
    color: #fff
  }

  .corussecond .section-title,
  .mobilefeatures .mds-waber:hover h6,
  .mobiletesti5 .mds-waber:hover h6 {
    margin-bottom: 10px !important
  }

  .retailsection {
    min-height: 100% !important;
    text-align: left
  }

  .amsmethod1 .mstechsolutions .height600,
  .leder-waber-hight,
  .mobilemssol .mstechsolutions .height600 {
    min-height: auto !important
  }

  .corushrbanner1::before {
    background: #082326 !important;
    z-index: -1 !important;
    padding: 30px 0 0 !important
  }

  .mobileapproach1::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(0deg, rgb(8 33 36 / 0%) 0, rgb(8 35 38 / 0%) 39%, rgb(8 35 38) 95%) !important;
    z-index: 2;
    width: 100%
  }

  .additional1 .imgadd1 img {
    position: absolute;
    right: 0 !important;
    bottom: -26px !important
  }

  .additional1 .w80 p {
    width: 100% !important;
    margin-bottom: 5px
  }

  .additional1 .imgadd1 {
    padding: 20px 20px 0 !important
  }

  .additional1 .mobileimgadd img {
    position: absolute !important;
    right: 0;
    bottom: -12px !important;
    height: 300px !important
  }

  .mobileaddit .mobileimgadd {
    height: 570px !important
  }

  .epictechnology .testimonial-slider .service-item,
  .testimonial-slider1 .service-item-body .desc {
    height: 350px !important
  }

  .parentban img {
    height: 300px !important;
    width: auto
  }

  .self1 .self-service img {
    padding-right: 10px;
    height: 40px;
    width: 40%
  }

  .self1 .mblself .self-service {
    height: auto !important;
    display: block !important;
    gap: 10px;
    width: 100% !important
  }

  .self1 .mblself .challenge-point-waber img {
    margin-top: 5px;
    margin-bottom: 10px
  }

  .mobileanimation .swiper-slide.swiper-slide-active .service-item {
    background: linear-gradient(180deg, #082326 0, rgba(0, 128, 128, .8) 50%, #082326 100%) !important;
    color: #fff !important;
    transition: .3s;
    border: none !important
  }

  .enterslide .swiper-slide-active .service-item .anim-dot,
  .indexwhatdo .swiper-slide-active .service-item .anim-dot,
  .mobileapprochslide .swiper-slide-active .service-item .anim-dot,
  .saptest .swiper-slide-active .service-item .anim-dot,
  .testslide1 .swiper-slide-active .service-item .anim-dot {
    animation: 2s ease-out forwards travel-along-path;
    -webkit-animation: 2s ease-out forwards travel-along-path;
    r: 2.8px;
    transition: r .3s;
    -webkit-transition: r .3s;
    -o-transition: r .3s
  }

  .mobileanimation .testimonial-btn {
    justify-content: start;
    margin-top: 0;
    width: max-content
  }

  .mobileanimation .card-graphic-container svg,
  .platimg svg {
    width: 100% !important;
    height: 100% !important
  }

  .mobileanimation .service-item {
    padding: 15px 10px !important
  }

  .mobileanimation .service-item-body p {
    height: 120px !important
  }

  .mobileanimation .btn-style-3 {
    padding: 0 !important;
    margin-top: 10px !important
  }

  .epicormobile1 {
    padding: 50px 0 !important
  }

  .epicright1 img {
    height: 280px !important;
    width: auto
  }

  .mobilesecpd30 {
    padding: 40px 0 30px !important
  }

  .width50 {
    width: 100% !important;
    text-align: left
  }

  .epicsecslide .valueslide {
    height: 400px !important;
    width: auto !important;
    padding: 24px !important
  }

  .mobilecabsec .testimonial-btn .testimonial-button-prev {
    left: -2px !important;
    top: 0 !important
  }

  .mobilecabsec .swiper-slide-active .valueslide {
    background: linear-gradient(180deg, rgba(0, 128, 128, .534) 0, #082326 100%) !important;
    border: none !important
  }

  .mobilecabsec {
    padding: 30px 0 10px !important
  }

  .our-testimonial .testianimdot .service-item-header {
    position: relative;
    display: flex;
    justify-content: center !important;
    align-items: center;
    margin-bottom: 30px
  }

  .our-testimonial .service-item-header {
    position: relative;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    margin-bottom: 15px
  }

  .builtsec .section-title p {
    font-size: 16px !important;
    line-height: 24px;
    margin: 16px 0 !important
  }

  .buildsection .dynamics-advantage-waber {
    margin: 0
  }

  .mobileapprochslide .testimonial-btn .testimonial-button-prev {
    left: 0 !important;
    top: -19px !important
  }

  .mobileapprochslide .service-item {
    height: 390px !important
  }

  .mobileapprochslide .testimonial-slider .flip-card-inner h3 {
    font-size: 20px;
    margin-bottom: 15px;
    height: 80px !important
  }

  .mobileapprochslide .oa-para-waber {
    gap: 30px !important
  }

  .msadvmobile .imgpos3 img {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 220px
  }

  .industries .swiper-wrapper {
    padding: 0 0 70px !important
  }

  .msdtestmobile .testimonial-btn1 .testimonial-button-prev {
    left: 0 !important;
    top: 6px !important
  }

  .msdtestmobile .testimonial-btn1 {
    position: absolute;
    bottom: -15px !important
  }

  .msdtestmobile .our-testimonial .enterslide .service-item-header {
    justify-content: center !important
  }

  .mobilesap2 .dynamics-advantage-waber {
    gap: 20px !important;
    align-items: stretch;
    margin-bottom: 15px !important
  }

  .mobilesap2 .dynamics-advantage-waber img {
    height: 70px !important
  }

  .whyrhienmobile .testimonial-btn .testimonial-button-prev {
    left: 0;
    top: 0 !important
  }

  .whyrhienmobile .testimonial-btn .testimonial-button-next {
    right: 0;
    top: 0 !important
  }

  .whyrhienmobile .swiper-wrapper {
    cursor: none;
    padding: 0 !important
  }

  .whyrhienmobile .valueslide {
    margin-bottom: 25px !important
  }

  .aboutvaluemobile .valueslide,
  .dew-schorrol .mds-waber2,
  .missionhead img,
  .mobilesself1 .buildsecont .mobileh2 h2,
  .testimonial-sliders11 .col-sm-4 {
    margin-bottom: 0 !important
  }

  .capabilities {
    padding: 20px 0 !important
  }

  .saptest .testimonial-btn .testimonial-button-prev {
    left: 3px;
    top: -19px !important
  }

  .enterslide .swiper-slide-active .service-item .icns2,
  .epictechnology .enterslide .swiper-slide-active .ser-btn .animated-svg-link1 .dot,
  .saptest .swiper-slide-active .service-item ellipse {
    fill: #fff !important
  }

  .enterslide .flip-card-inner h3 {
    font-size: 20px;
    margin-bottom: 15px;
    height: 70px !important
  }

  .enterslide .swiper-wrapper {
    cursor: none;
    padding: 0
  }

  .indexwhatdo .testimonial-slider .service-item {
    height: 470px !important
  }

  .indexwhatdo .testimonial-slider .flip-card-inner p {
    height: 155px !important
  }

  .enterintsec .mobileonly {
    position: absolute;
    bottom: 15px !important;
    left: 23% !important
  }

  .aboutbanner .hero-bg-video::before {
    background: linear-gradient(-180deg, #fff 3%, rgba(0, 0, 0, .1) 64%, rgba(0, 0, 0, .1) 48%) !important
  }

  .aboutbanner .hero-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    right: 0 !important;
    position: relative
  }

  .aboutbanner .hero-bg-video {
    position: relative !important;
    top: 5px !important
  }

  .mobilesocial::after,
  .retail-baner-11::before,
  .sociaimp1::before {
    position: absolute !important
  }

  .aboutbanner .section-title h1 {
    font-size: 40px !important;
    font-family: Raleway, sans-serif;
    line-height: 48px !important
  }

  .blog-baner-title,
  .case-study-main-title,
  .mission .mission-left h2 {
    font-size: 32px !important;
    line-height: 40px !important
  }

  .mission .mission-left p {
    font-size: 24px !important;
    line-height: 32px !important
  }

  .mission .mission-left h5 {
    color: #499a9a;
    font-family: Raleway, sans-serif;
    font-size: 24px;
    line-height: 40px;
    top: 27px !important;
    left: 0
  }

  .missionhead img {
    height: 80px !important
  }

  .mission #myVideo {
    position: absolute;
    top: 15% !important;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 0;
    transform: scale(1.8)
  }

  .mission-leftpd {
    padding-top: 60px
  }

  .aboutretail,
  .amsmethod1,
  .biadv,
  .biservice,
  .contect-waber,
  .mobilearchit .buildsection,
  .mobileerpsecond,
  .pd80,
  .retailsection1,
  .success-main1,
  .successsec {
    padding: 40px 0 !important
  }

  .sociaimp1::before {
    background-image: url(../images/child.jpg) !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-attachment: inherit !important
  }

  .mobilesocial .socialcont {
    padding-bottom: 240px
  }

  .mobilesocial::after {
    background: linear-gradient(0deg, rgb(255, 255, 255, .1) 14%, #fff 17%, #fff 29%) !important;
    left: 0
  }

  .sociaimp1::before {
    left: 0 !important
  }

  .pe-chellange-content-waber1 .section-title h2 {
    font-size: 32px !important;
    line-height: 40px !important;
    width: 100% !important;
    color: #000 !important
  }

  .pe-chellange-content-waber1 {
    width: 100%;
    color: #000;
    padding-top: 40px
  }

  .cuccess-story-waber,
  .leder-waber-hight {
    padding: 20px !important
  }

  .mobileresults .retail-chellange-bg-img {
    padding: 0 15px 15px;
    border-radius: 8px
  }

  .webhero .baner-img1,
  .webhero1 .baner-img1 {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100%;
    content: "";
    z-index: -1 !important
  }

  .webinarimg1 img {
    position: relative !important;
    right: 0;
    bottom: 0 !important;
    width: 100% !important
  }

  .webhero::after {
    background: linear-gradient(180deg, #082326 40%, rgba(8, 35, 38, 0) 88%) !important;
    width: 100%;
    height: 100%
  }

  .webhero1::after {
    background: linear-gradient(180deg, #082326 50%, rgba(8, 35, 38, 0) 88%) !important;
    width: 100%;
    height: 100%
  }

  .aboutvaluemobile .swiper {
    padding-bottom: 50px
  }

  .retailparent2 .bg-image1 {
    bottom: 0;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    opacity: 1 !important;
    position: relative !important;
    right: 0
  }

  .bg-video-waber {
    display: flex;
    flex-direction: column
  }

  .bg-video-waber-content {
    order: 1
  }

  .bg-video-waber .parent2 {
    order: 2
  }

  .mobilewaber::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    height: 100%;
    background: linear-gradient(180deg, #082326 72%, #082326 70%, rgba(8, 35, 38, .81) 75%, rgb(10 83 91 / 10%) 80%, rgba(255, 255, 255, 0) 84%) !important
  }

  .mobilewaber .retailparent2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 120%;
    height: 100%;
    background: 0 0 !important;
    z-index: 2;
    pointer-events: none
  }

  .amlmobileindex,
  .digitalsolsec,
  .erpexcel.pdb0,
  .pdt50 {
    padding-top: 40px !important
  }

  .erpexcel .retailparent2::before,
  .mobilecommpd0 .retailparent2::before,
  .mobilefluent .retailparent2::before {
    background: linear-gradient(180deg, #082326 0, #082326 0, rgb(8 35 38 / 0%) 50%, rgb(10 83 91 / 10%) 100%, rgba(255, 255, 255, 0) 100%) !important
  }

  .erpexcel .retailparent2 .bg-image1 {
    filter: none !important;
    height: 300px;
    margin-bottom: -10px
  }

  .mobileerpsecond .erpabout h2,
  .mobileerpsecond .erpabout p {
    width: 100% !important;
    margin: auto
  }

  .erpcustomer .testimonial-btn .testimonial-button-prev {
    left: 0;
    top: 1px !important
  }

  .erpbenefits::before,
  .mobilegolf::before {
    background: 0 0 !important
  }

  .mobileelevate .eslh-waber {
    width: 100%;
    gap: 10px
  }

  .about-footer,
  .erpexp .eslh-waber p,
  .firstrow p {
    margin-bottom: 0
  }

  .mobileelevate .btn-style-3 {
    padding: 6px 0
  }

  .excelimg .Customer-Speak-title {
    display: block !important;
    -webkit-box-align: start;
    -ms-flex-align: center;
    align-items: start;
    margin-bottom: 0 !important
  }

  .excelimg .micfabric .Customer-Speak-title img {
    width: 100% !important;
    height: auto !important
  }

  .excelimg .exppara {
    width: 100% !important;
    padding: 15px 10px 10px !important
  }

  .Customer-Speak-title>div {
    margin-left: 0 !important
  }

  .exppara .ser-btn {
    margin: 0 !important
  }

  .biimp-tabs .tab,
  .bolg-filter-waber .filter-controls,
  .scrollspy-nav-container .nav-pills {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
  }

  .biimp-tabs .tab::-webkit-scrollbar {
    display: none
  }

  .biimp-tabs .tab button {
    flex: 0 0 auto;
    margin: 20px 10px 10px 0
  }

  .tab-cards {
    display: block !important;
    margin-top: 0 !important
  }

  .mobileimg img,
  .mobilevideo {
    display: none
  }

  .tab-cards .card-left {
    width: 100% !important;
    padding: 15px !important
  }

  .mobilecasestudy,
  .mobilepdb40,
  .mobilewhyfc {
    padding-bottom: 40px !important
  }

  .additional1 img,
  .mobilexplore .service-item-body1 {
    height: 250px !important
  }

  .advantage .service-item-body1 {
    height: 350px;
    margin-bottom: 15px
  }

  .mobilecasestudy .retailparent2::before {
    background: linear-gradient(180deg, #082326 2%, #082326 4%, rgb(8 35 38 / 0%) 50%, rgb(10 83 91 / 10%) 100%, rgba(255, 255, 255, 0) 100%) !important
  }

  .mobilecasestudy .retailparent2 .bg-image1 {
    bottom: -8px !important
  }

  .mobileself1::before {
    background: #fff !important;
    z-index: -1
  }

  .mobileself1 .buildsecont {
    padding-top: 0 !important
  }

  .digi2 .buildsec video {
    width: 100% !important;
    position: relative !important
  }

  .biservice .section-title h2 {
    margin-bottom: 5px !important
  }

  .biimp-tabs .tab,
  .dataengg .builtsec .section-title h2,
  .mobilecommpd0 .builtsec p,
  .mobilefluent .builtsec p,
  .mobileuiux .section-title h2 {
    margin-bottom: 16px !important
  }

  .aimlcase .testimonial-btn {
    position: absolute;
    bottom: 0;
    left: -10px !important
  }

  .aimlcase .enterslide .swiper-wrapper {
    padding: 0 0 30px !important
  }

  .epictechnology .enterslide .flip-card-inner h3 {
    height: 25px !important
  }

  .mobilearchit .mobileonly .testimonial-button-prev {
    left: 0 !important;
    top: 2px !important
  }

  .mobilearchit .mobileonly .testimonial-button-next {
    right: 0 !important;
    top: 0 !important
  }

  .dew-arrow-animet svg {
    height: 100% !important;
    width: 100% !important
  }

  .hero video,
  .mobileuiux video {
    height: 300px !important;
    margin-bottom: -8px
  }

  .wcu-video {
    position: relative !important;
    right: 0 !important;
    z-index: -2;
    top: 0;
    height: 100%
  }

  .wcu-1 .wcu-video video {
    height: 250px !important;
    margin-bottom: -8px
  }

  .wcu-1::after {
    background: linear-gradient(180deg, #082326 75%, rgba(8, 35, 38, .18) 100%) !important
  }

  .dataengg svg {
    padding-bottom: 20px !important;
    padding-top: 10px !important
  }

  .mobilebuild {
    padding: 40px 0 20px !important
  }

  .testimonial-slider1 .swiper-wrapper {
    cursor: none;
    padding: 0 0 25px !important
  }

  .mobilewcu .platdesc {
    padding: 0 10px 0 0 !important
  }

  .amsbanner .retailparent2 .bg-image1 {
    bottom: -8px !important;
    height: 300px
  }

  .amsbanner .retailparent2::before,
  .mobileuiux .retailparent2::before {
    background: linear-gradient(180deg, #082326 5%, #082326 0, rgb(8 35 38 / 0%) 50%, rgb(10 83 91 / 10%) 100%, rgba(255, 255, 255, 0) 100%) !important;
    z-index: 2
  }

  .mobileamslide .amslide .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: -9px !important
  }

  .mobileamslide .amslide .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: -10px !important
  }

  .mobilemethod::before {
    background-image: none !important;
    background-attachment: inherit !important;
    position: relative !important
  }

  .mobileamslide .valueslide p {
    font-size: 20px !important;
    line-height: 28px !important
  }

  .hero video {
    margin-top: 10px
  }

  .new-controls-rendered {
    position: fixed;
    inset: 0;
    padding-bottom: 0;
    z-index: 99 !important
  }

  .testbtnposition {
    position: absolute;
    bottom: -15px !important;
    left: 19%
  }

  .mobilewhyfc .dynamics-advantage-waber {
    display: flex;
    gap: 10px;
    align-items: center
  }

  .mobilewhyfc img {
    height: 60px;
    width: 120px
  }

  .mobilecommexpert .swiper-slide-active .valueslide p,
  .mstechapproach .swiper-slide-active .valueslide p {
    color: #fff
  }

  .dew-schorrol .swiper-slide-active .mds-waber2 p,
  .erpcustomer .swiper-slide.swiper-slide-active .mds-waber p {
    color: #fff !important;
    display: block !important
  }

  .agency-supports-logo img {
    max-height: 60px
  }

  .msmobilecap .mstechapproach .valueslide {
    height: 270 !important;
    padding: 16px !important
  }

  .mstechapproach .valueslide p {
    font-size: 20px;
    line-height: 28px
  }

  .mobilexplore .imgpos1 img {
    height: 200px !important
  }

  .blog-waber-one {
    margin: 20px 0 !important
  }

  .blog-content-waber {
    padding: 15px !important;
    margin: 0 !important;
    width: 100% !important;
    gap: 16px !important
  }

  .epiccompanion .epiccomp .oa-para-waber,
  .page-nate-waber {
    gap: 5px !important
  }

  .blog-baner {
    margin: 0 0 25px !important
  }

  .testimonial-btn77 {
    left: 15% !important;
    transform: translate(0, 0) !important
  }

  .bolg-filter-waber .filter-controls::-webkit-scrollbar {
    display: none
  }

  .bolg-filter-waber .filter-controls button,
  .scrollspy-nav-container .nav-pills li {
    flex: 0 0 auto;
    margin: 0 10px 0 0
  }

  .page-nate-waber {
    display: flex;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    color: #000
  }

  .page-nate-waber span {
    font-size: 18px !important
  }

  .webinarhero::after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #082326 35%, rgba(8, 35, 38, 0) 88%) !important;
    width: 100%;
    height: 100%
  }

  .collattabsec .video-gallery-image {
    height: auto !important;
    margin-bottom: 0 !important
  }

  .newsmobile .retailparent2::before {
    left: 0 !important;
    width: 100% !important;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 255 255) 0, rgb(255 255 255) 0, rgb(8 35 38 / 0%) 50%, rgb(10 83 91 / 10%) 100%, rgba(255, 255, 255, 0) 100%) !important
  }

  .chat-main-waber {
    display: block !important;
    margin-top: 30px !important;
    gap: 20px
  }

  .chat-btn-1 {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    margin-bottom: 10px !important
  }

  .capabilities .section-title {
    margin-bottom: 15px;
    margin-top: 10px
  }

  .whyrhienmobile .testimonial-btn {
    bottom: 20px !important
  }

  .testslide1 .swiper-slide-active .service-item {
    border: none !important
  }

  .mobileanimation .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 5px !important;
    position: relative
  }

  .mobileanimation .testimonial-btn .testimonial-button-next {
    right: 4px;
    top: -6px !important;
    position: relative
  }

  .mobilefeatures .testimonial-slider5,
  .testimonial-slider5 {
    margin: 5px 0 !important
  }

  .epiccomp .flip-card-inner p {
    height: 100px !important
  }

  .epiccomp .flip-card-inner h3 {
    height: 40px !important
  }

  .mobilecarwabe::after {
    background: linear-gradient(180deg, #082326 70%, rgba(255, 255, 255, 0) 85%) !important
  }

  .mobilemployee .testimonial-btn1,
  .trsutedtesti .testimonial-slider1 .testimonial-btn1 {
    position: absolute;
    bottom: -10px !important;
    left: 15% !important
  }

  .mobilefeatures .mds-waber {
    min-height: 270px !important
  }

  .erpcustomer .mds-waber {
    padding: 20px;
    min-height: 300px !important
  }

  .dew-schorrol .swiper-slide-active .mds-waber2 {
    border: 0 !important;
    background: linear-gradient(180deg, rgba(0, 128, 128, .534) 55%, #082326 100%) !important
  }

  .filtermbl button {
    border: 1px solid #082326 !important;
    border-radius: 60px;
    position: relative;
    height: 48px;
    width: 48px;
    line-height: 25px;
    padding: 10px;
    text-align: center;
    background: #fff;
    margin: auto
  }

  .search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0
  }

  .search-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #082326;
    border-radius: 25px
  }

  .mobile-filter {
    width: 100%;
    background: #fff;
    padding: 15px 0;
    display: none;
    transition: max-height .35s, padding .35s
  }

  .mobile-filter label {
    display: block;
    margin-bottom: 12px
  }

  .page-video-gallery {
    padding-top: 30px !important
  }

  .webinarbtn .video-gallery-image {
    margin-bottom: 0 !important;
    height: auto !important
  }

  .webinarbtn .filtermbl {
    padding-bottom: 20px !important
  }

  .scrollspy-nav-container .nav-pills::-webkit-scrollbar {
    display: none
  }

  .timeline-item:nth-child(odd) {
    padding-right: 0 !important
  }

  .timeline-item:nth-child(2n) {
    padding-left: 40px !important;
    left: 50%
  }

  .indexbanner .hero-bg-video video {
    height: 170% !important
  }

  .indexwhatdo .testimonial-btn {
    bottom: 30px !important;
    left: 55px !important
  }

  .success-company img {
    width: auto;
    height: 70px !important
  }

  .main-dark-title-waber {
    gap: 32px;
    height: auto !important
  }

  .mobileresults {
    padding-bottom: 30px
  }

  .mobileapprochslide .microinner-icon svg {
    height: 55px !important
  }

  .testslide1 .service-item-body h3 {
    height: 70px
  }

  .swiper-slide-active .ser-btn .dot {
    fill: #fff !important;
    transition: fill .3s
  }

  .testianimdot .swiper-slide-active .service-item .animated-svg-link1 .dot {
    fill: #fff !important;
    opacity: 1 !important
  }

  .merlinbenefit .mobile-onley-show {
    margin-bottom: -10px !important
  }

  .epiccompanion .epiccomp .flip-card,
  .mobilecabsec .epicsecslide .valueslide {
    height: 300px !important
  }

  .capabilities .whyrhienmobile .valueslide {
    min-height: 210px !important
  }

  .collatmodal .modal-dialog {
    max-width: 100% !important;
    top: 0 !important
  }

  .mobileonly {
    display: flex !important
  }

  .industries .testimonial-btn1 {
    position: absolute;
    bottom: 0 !important;
    left: 18% !important
  }

  .mobileonly .testimonial-button-prev {
    left: -5px !important;
    top: -9px !important
  }

  .mobileonly .testimonial-button-next {
    right: -5px !important;
    top: 9px !important
  }

  .industries .service-item-body h3 {
    bottom: 15px !important;
    left: 24px
  }

  .places {
    margin-top: 20px
  }

  .success-counter-item p {
    font-family: helvetica-neue-lt-pro !important;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px
  }

  .countingss {
    padding: 5px
  }

  .countingss .success-counter-box1 {
    border: 1px solid #000;
    padding: 15px
  }

  .countingss .success-counter-box1 h2 {
    height: 105px;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    line-height: 48px
  }

  .countingss .col-sm-2 {
    border: none !important;
    padding: 5px
  }

  .benefits-steps-item {
    padding: 0;
    height: auto
  }

  .hero,
  .secondrow {
    text-align: center
  }

  .brainsec {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#082326), color-stop(80%, #082326), to(#000));
    background: -o-linear-gradient(top, #082326 0, #082326 80%, #000 100%);
    background: linear-gradient(-180deg, #082326 0, #082326 80%, #000 100%);
    padding-left: 0 !important
  }

  .brainsec::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #082326 !important;
    z-index: -1
  }

  .bg-image {
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .parent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(77%, rgb(8 35 38)), to(rgb(8 35 38)));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%)
  }

  .hero {
    padding: 40px 0 20px
  }

  .brainsec {
    padding: 60px 0 0
  }

  .swiper-horizontal,
  .testimonial-slider1 .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
  }

  .testimonial-slider .testspace {
    padding: 0 10px;
    margin-top: -19px
  }

  .testimonial-slider3 .testimonial-controls .testspace {
    padding: 0 10px;
    margin-top: -5px
  }

  .testimonial-btn {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 0
  }

  .hero-bg-video2 {
    position: relative !important;
    width: 110% !important;
    height: 100% !important;
    top: 0 !important;
    left: -15px !important
  }

  .section-row .section-title {
    max-width: 100%;
    text-align: left
  }

  .brainsec .hero-bg-video2::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, rgba(0, 0, 0, .2)), color-stop(70%, rgb(8 35 38 / 90%)), color-stop(98%, #082326));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .2) 35%, rgb(8 35 38 / 90%) 70%, #082326 98%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 35%, rgb(8 35 38 / 90%) 70%, #082326 98%)
  }

  .brainsec .hero-bg-video2 video {
    width: 135%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: -8px
  }

  .partner .section-title p {
    width: 100%;
    margin: 15px 0 !important
  }

  .logos img {
    height: 60px;
    display: inline-block
  }

  .projects {
    padding: 60px 0
  }

  .projectslider .testimonial-btn {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 35px
  }

  .testimonial-slider3 .service-item-body h3 {
    font-size: 24px;
    margin-bottom: 15px
  }

  .service-item-body h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px
  }

  .testimonial-btn1 {
    position: absolute;
    bottom: 5px;
    left: 18%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 30px;
    z-index: 2
  }

  .testimonial-btn1 .testspace {
    padding: 0 5px;
    margin-top: 0
  }

  .firsthr {
    display: block
  }

  .firstrow,
  .mb20,
  .our-testimonial .section-row {
    margin-bottom: 20px
  }

  .secondrow {
    padding: 20px 0 10px !important
  }

  .about-footer .header-social-links ul li {
    line-height: normal;
    margin-right: 0;
    padding: 0
  }

  .header-social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .secondrow .header-social-links {
    display: inline
  }

  .places li {
    display: inline-block;
    padding: 0 5px;
    font-size: 15px;
    font-weight: 400
  }

  .footer-links .row,
  .places ul {
    display: -webkit-box;
    display: -ms-flexbox
  }

  .footer-copyright .places ul,
  .places li:first-child,
  .places ul,
  .secondrow ul {
    padding-left: 0
  }

  .places li:last-child {
    padding-right: 0
  }

  .pd60 {
    padding: 40px 0 10px
  }

  .footer-links ul li a {
    font-weight: 300;
    font-family: helvetica, sans-serif;
    font-size: 14px
  }

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

  .footimg img {
    margin-bottom: 0 !important;
    height: 100%
  }

  .parent::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px !important;
    width: 120%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #082326), color-stop(0, #082326), color-stop(25%, rgba(0, 0, 0, .1))) !important;
    background: -o-linear-gradient(top, #082326 1%, #082326 0, rgba(0, 0, 0, .1) 25%) !important;
    background: linear-gradient(180deg, #082326 1%, #082326 0, rgba(0, 0, 0, .1) 25%) !important;
    z-index: 2
  }

  .testimonial-slider3 {
    padding-top: 16px
  }

  .testimonial-slider .service-item {
    background: #fff;
    color: #000;
    border: 1px solid #919191;
    -webkit-transition: background .6s, color .6s, border .6s;
    -o-transition: background .6s, color .6s, border .6s;
    transition: background .6s, color .6s, border .6s
  }

  .testimonial-slider .service-item a,
  .testimonial-slider .service-item h3,
  .testimonial-slider .service-item p {
    -webkit-transition: color .6s;
    -o-transition: color .6s;
    transition: color .6s
  }

  .testimonial-slider .service-item .icns {
    fill: #008080;
    -webkit-transition: fill .6s;
    -o-transition: fill .6s;
    transition: fill .6s
  }

  .testimonial-slider .service-item.active,
  .testimonial-slider .swiper-slide-active .service-item {
    background: -webkit-gradient(linear, left top, left bottom, from(#d9f1f1), to(#0b2e2e)) !important;
    background: -o-linear-gradient(top, #d9f1f1 0, #0b2e2e 100%) !important;
    background: linear-gradient(180deg, #d9f1f1 0, #0b2e2e 100%) !important;
    color: #fff;
    border: none
  }

  .testimonial-slider .service-item.active .icns,
  .testimonial-slider .service-item:hover .icns,
  .testimonial-slider .swiper-slide-active .icns {
    fill: #ffffff
  }

  .projects .service-item-body p {
    height: auto;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    font-family: Raleway, sans-serif;
    margin-top: 10px;
    margin-bottom: 15px
  }

  .footer-main .firstrow p {
    margin-bottom: 15px;
    font-size: 16px
  }

  .places ul {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .testimonial-slider .flip-card-inner h3 {
    font-size: 20px;
    margin-bottom: 15px;
    height: 50px
  }

  .country-code {
    width: 50% !important
  }
}

.dnone,
.overlay,
.parent::before {
  position: absolute
}

.advantage .service-item-body1 h3,
.buildsecont .section-title p,
.skew-carousel .item .inner p,
.skew-carousel1 .item .inner p {
  font-family: helvetica-neue-lt-pro;
  font-weight: 400
}

.dnone {
  visibility: hidden;
  opacity: 0
}

.bg-image {
  mix-blend-mode: screen;
  -webkit-filter: sepia(70%) saturate(100%) hue-rotate(90deg);
  width: 240%;
  mix-blend-mode: screen;
  margin-left: -320px;
  margin-top: 230px;
  filter: sepia(70%) saturate(100%) hue-rotate(90deg)
}

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

.parent {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%)
}

.overlay {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6)
}

.brainbgsec {
  background: linear-gradient(90deg, #082326 0, #082326 61%, #000 80%);
  padding: 80px 0 20px
}

.bg-video {
  object-fit: cover;
  mix-blend-mode: luminosity;
  position: relative;
  z-index: 1
}

.parent::before {
  content: "";
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  background: linear-gradient(90deg, #082326 5%, #082326 4%, rgba(0, 0, 0, .1) 54%);
  z-index: 2
}

.testimonial-slider1 .icon-box1 img {
  height: 70px;
  width: auto
}

.boxshadow {
  -webkit-box-shadow: 10px 14px 24px 0 #00000026;
  box-shadow: 10px 14px 24px 0 #00000026;
  position: sticky;
  width: 100%
}

.main-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: .3s ease-in-out
}

.main-header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
  animation: .3s ease-in-out slideDown;
  z-index: 99
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0
  }

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

header.boxshadow {
  border-bottom: none !important
}

.bluebg {
  background: #082326;
  padding-left: 0 !important
}

.buildsec::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgb(8 33 36 / 66%)), color-stop(44%, rgb(8 35 38 / 10%)), color-stop(50%, rgba(255, 255, 255, .99)));
  background: -o-linear-gradient(left, rgb(8 33 36 / 66%) 15%, rgb(8 35 38 / 10%) 44%, rgba(255, 255, 255, .99) 50%);
  background: linear-gradient(90deg, rgb(8 33 36 / 66%) 15%, rgb(8 35 38 / 10%) 44%, rgba(255, 255, 255, .99) 50%)
}

.hero .buildsec video {
  width: 55%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.digi2 .buildsec video {
  width: 55%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: luminosity;
  z-index: -1 !important;
  position: absolute
}

.buildsecont .section-title h2 {
  color: #000;
  margin-bottom: 20px
}

.buildsecont .section-title p {
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 16px 0 !important;
  color: #000
}

.grid-section {
  background: 0 0/120px 150px #082326;
  position: relative;
  margin: 0;
  height: auto;
  color: #fff;
  background-image: -o-linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), -o-linear-gradient(left, rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
  overflow: hidden
}

.grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  grid-auto-rows: 150px
}

.cell {
  -webkit-transition: background .5s ease-in-out, -webkit-transform .3s;
  transition: background .5s ease-in-out, transform .3s, -webkit-transform .3s;
  -o-transition: background .5s ease-in-out, transform .3s
}

.cell:hover {
  background: rgba(0, 200, 255, .15)
}

.content {
  position: relative;
  z-index: 2;
  text-align: center
}

.gridsec .hero-video-content {
  width: 616px !important;
  margin: auto
}

.gridsec .hero-video-content p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400
}

.gridsec .hero-video-content h2 {
  margin-bottom: 32px;
  pointer-events: auto !important
}

.skew-carousel,
.skew-carousel1 {
  -webkit-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  transform: skewY(12deg);
  overflow: hidden;
  width: 100%;
  padding: 50px 0
}

.skew-carousel .item,
.skew-carousel1 .item {
  width: 100% !important;
  height: 300px;
  margin: 0;
  position: relative;
  overflow: visible
}

.skew-carousel .item .inner::before,
.skew-carousel1 .item .inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: -1;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  pointer-events: none
}

.small-circle,
.wave-circle {
  -webkit-transform-origin: center;
  -ms-transform-origin: center
}

.skew-carousel .item:hover .inner::before,
.skew-carousel1 .item:hover .inner::before {
  background: -webkit-gradient(linear, right top, left top, from(rgb(0 128 128 / 30%)), to(#05272bcc));
  background: -o-linear-gradient(right, rgb(0 128 128 / 30%) 0, #05272bcc 100%);
  background: linear-gradient(-90deg, rgb(0 128 128 / 30%) 0, #05272bcc 100%);
  -webkit-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear
}

.skew-carousel .item .inner,
.skew-carousel1 .item .inner {
  position: relative;
  z-index: 2;
  -webkit-transform: skewY(-12deg);
  -ms-transform: skewY(-12deg);
  transform: skewY(-12deg);
  background: 0 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 4px solid #499a9a;
  overflow: visible;
  padding: 15px 5px 15px 25px
}

.logo-slider:hover .logos,
.skew-carousel1:hover .owl-stage,
.skew-carousel:hover .owl-stage {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.skew-carousel .item .inner img,
.skew-carousel1 .item .inner img {
  height: 70px;
  width: auto;
  margin-bottom: 15px
}

.skew-carousel .owl-stage,
.skew-carousel1 .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: 30s linear infinite marquee;
  animation: 30s linear infinite marquee
}

.aboutbanner,
.bluebg,
.industries .testimonial-btn1,
.mega-menu-content .tab-buttons button {
  display: -webkit-box;
  display: -ms-flexbox
}

.skew-carousel .owl-stage-outer,
.skew-carousel1 .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  padding: 60px 0 30px
}

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

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

.skew-carousel1 .item .inner p {
  margin-top: 16px
}

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

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

.text-left {
  text-align: left;
  width: 45%
}

.grid-section .container,
.grid-section .container .content,
.grid-section .content {
  pointer-events: none !important
}

.brine-waper-padding,
.customer,
.pd-50,
.pd50 {
  padding: 60px 0
}

.hover-text,
.hover-text1,
.hover-text2,
.svg-box path,
.testimonial-slider .service-item:hover .icns {
  -webkit-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s
}

.grid-overlay .cell {
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s;
  pointer-events: auto
}

.grid-overlay .cell:hover {
  background: rgba(0, 200, 255, .25)
}

.aboutwork .section-title h2,
.customer .digitaltitlesec,
.enter .section-title h2,
.kineticsec .challenge-point-waber,
.width100 h2 {
  width: 100% !important
}

.enter .section-title {
  max-width: 520px
}

.parent2 {
  background: -webkit-gradient(linear, right top, left top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(77%, rgb(8 35 38)), to(rgb(8 35 38)));
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 80%, rgb(8 35 38) 77%, rgb(8 35 38) 100%);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

.parent2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px !important;
  width: 120%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(37%, #082326), color-stop(15%, #082326), color-stop(70%, rgb(8 35 38 / 10%))) !important;
  background: -o-linear-gradient(left, #082326 37%, #082326 15%, rgb(8 35 38 / 10%) 70%) !important;
  background: linear-gradient(90deg, #082326 37%, #082326 15%, rgb(8 35 38 / 10%) 70%) !important;
  z-index: 2;
  pointer-events: none
}

.bg-image1 {
  -webkit-filter: sepia(70%) saturate(100%) hue-rotate(90deg);
  filter: sepia(70%) saturate(100%) hue-rotate(90deg)
}

.hero.brainsec.enter {
  position: relative;
  background: #082326;
  overflow: hidden
}

.parent2 .bg-image1 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .6
}

.aboutwork .section-row,
.hero.brainsec.enter .container,
.hero.brainsec.enter .section-row,
.mission .container {
  position: relative;
  z-index: 2
}

.advantage .section-title {
  max-width: 100% !important;
  margin-bottom: 20px
}

.advantage .service-item-body1 {
  background: 99% 5%/cover no-repeat #e6edec;
  border: 1px solid #e6edec;
  position: relative;
  padding: 20px;
  border-radius: 8px;
  z-index: 9;
  height: 380px;
  margin-bottom: 25px
}

.advantage .service-item-body1 h3 {
  font-size: 24px;
  line-height: 32px;
  color: #003933
}

.imgpos3 img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 263px
}

.imgpos img,
.imgpos2 img {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.imgpos1 img {
  position: absolute;
  bottom: 0;
  right: 0 !important;
  height: 280px
}

.imgpos img {
  transform: translate(-50%, -50%);
  height: 260px
}

.imgpos2 img {
  transform: translate(-50%, -50%);
  height: 200px;
  width: auto
}

.plat-in p {
  margin: 20px 0 !important
}

.mb50 {
  margin-bottom: 50px
}

.mt150 {
  margin-top: 160px
}

.platimg {
  position: relative;
  bottom: -25px
}

.plath2 h2 {
  font-size: 32px;
  line-height: 40px
}

.platdesc {
  padding: 0 10px 0 50px
}

.industries .service-item-body {
  height: 419px;
  position: relative;
  border-radius: 8px
}

.industries .service-item-body.fin1 {
  background: url(../new/finan.jpg) top center no-repeat
}

.industries .service-item-body.in1 {
  background: url(../images/int1.jpg) 0 0/cover no-repeat
}

.industries .service-item-body.in2 {
  background: url(../new/int2.jpg) top center no-repeat
}

.industries .service-item-body.in3 {
  background: url(../images/int3.jpg) 0 0/cover no-repeat
}

.industries .service-item-body.in4 {
  background: url(../images/int4.jpg) 0 0/cover no-repeat
}

.industries .service-item-body.in5 {
  background: url(../images/int5.jpg) 0 0/cover no-repeat
}

.industries .service-item-body.bin1 {
  background: url(../images/bo.jpg) 0 0/cover no-repeat
}

.industries .service-item-body::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 35, 38, 0)), color-stop(87.81%, #16808b));
  background: -o-linear-gradient(top, rgba(8, 35, 38, 0) 60%, #16808b 87.81%);
  background: linear-gradient(180deg, rgba(8, 35, 38, 0) 60%, #16808b 87.81%);
  border-radius: 8px
}

.industries .service-item-body h3 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 24px;
  font-family: Raleway;
  width: 70%;
  line-height: 28px;
  font-weight: 600
}

.mt-10 {
  margin-top: 60px
}

.industries .swiper-wrapper {
  cursor: none;
  padding: 20px 0 40px
}

.industries .testimonial-btn1 {
  position: absolute;
  bottom: -35px;
  left: 42%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-top: 30px;
  z-index: 2
}

.enterslide .service-item .icns1 {
  stroke: #008080;
  -webkit-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s
}

.enterslide .service-item .icns {
  stroke: #008080 !important;
  -webkit-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s
}

.enterslide .service-item:hover .icns,
.enterslide .service-item:hover .icns1 {
  stroke: #ffffff !important
}

.bluebg {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.animated-svg .logo-group>g {
  opacity: .3
}

@-webkit-keyframes reveal {
  to {
    opacity: 1
  }
}

@keyframes reveal {
  to {
    opacity: 1
  }
}

.animated-svg .logo-1 {
  -webkit-animation: .5s .5s forwards reveal;
  animation: .5s .5s forwards reveal
}

.animated-svg .logo-2 {
  -webkit-animation: .5s 2.5s forwards reveal;
  animation: .5s 2.5s forwards reveal
}

.animated-svg .logo-3 {
  -webkit-animation: .5s 4.5s forwards reveal;
  animation: .5s 4.5s forwards reveal
}

.animated-svg .logo-4 {
  -webkit-animation: .5s 1.5s forwards reveal;
  animation: .5s 1.5s forwards reveal
}

.animated-svg .logo-5 {
  -webkit-animation: .5s 3.5s forwards reveal;
  animation: .5s 3.5s forwards reveal
}

.mtt50 {
  margin-top: -10px !important
}

.digiban img {
  position: relative;
  bottom: -60px
}

.digi1 .digitalsec {
  padding: 30px 0 50px
}

.digi1 .section-title h2 {
  width: 100%;
  position: relative
}

.digi1 .section-title p {
  font-size: 15px
}

.cussec .service-item h3,
.digiexperience .service-item-body h3,
.optimiz .section-title h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600
}

.digi1,
.digi2,
.optimiz {
  min-height: 100% !important
}

.digi2 .section-title {
  width: 100%;
  margin-bottom: 0;
  margin-top: 0
}

.digiexperience .service-item {
  padding: 0;
  height: 100%;
  margin-bottom: 0 !important
}

.digiexperience .service-item:first-child {
  margin-bottom: -8px
}

.digiexperience .service-item-body h3 {
  padding: 24px 24px 10px;
  margin-bottom: 0 !important
}

.digisec .digitalexp,
.empower .section-title {
  width: 682px
}

.digisec .digitalexp h2,
.digisec .digitalexp p {
  color: #fff
}

.digiexperience .service-item-body p {
  height: auto !important;
  padding: 0 10px 0 24px;
  font-family: helvetica-neue-lt-pro !important;
  color: #fff !important
}

.customer .section-title p {
  color: #000 !important;
  font-family: Helvetica !important
}

.cussec .service-item h3 {
  padding: 24px 24px 0;
  color: #000;
  font-family: Raleway;
  margin-bottom: 0 !important
}

.cussec .service-item p {
  color: #000;
  height: auto !important;
  padding: 16px 24px
}

.cussec .service-item {
  border: 1px solid #082326;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 20px
}

.amsmethod1 .benifit-title,
.epiccompanion h2,
.msdynamics h2,
.newcollat h2,
.optimiz .section-title h2,
.outcomes2 h2 {
  margin-bottom: 32px
}

.optimiz .section-title h5 {
  margin-bottom: 0
}

.optimiz .section-title p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400;
  width: 510px;
  padding: 16px 0 !important
}

.optimiz .section-title h2 {
  width: 90%;
  position: relative
}

.optimiz {
  padding: 40px 0
}

.outcomes img {
  height: 600px
}

.outcomes2 {
  padding: 20px 0
}

.dataengg .builtsec .section-title p,
.newcollat .mey-fucher-tab-waber-content1 .video-gallery-image h4,
.outcomes2 p {
  margin: 16px 0
}

.enterban {
  min-height: auto !important
}

.gertcont p {
  font-size: 19px !important
}

.gertcont {
  width: 80% !important
}

.germanpath .service-item-body p {
  height: 240px !important
}

.gerslider .flip-card-inner p {
  font-size: 15px;
  color: #555;
  height: 190px !important
}

.gerslider .flip-card-inner h3 {
  color: #000 !important;
  height: 70px;
  margin-bottom: 15px;
  line-height: 25px
}

.gertrans .benefits-steps-content h3 {
  font-size: 21px;
  font-weight: 600
}

.platimg img {
  height: 800px;
  width: auto
}

.small-circle {
  transform-origin: center;
  -webkit-animation: 2s ease-in-out infinite pulse;
  animation: 2s ease-in-out infinite pulse
}

@-webkit-keyframes pulse {

  0%,
  100% {
    r: 2.3;
    opacity: .8
  }

  50% {
    r: 4.5;
    opacity: 1
  }
}

@keyframes pulse {

  0%,
  100% {
    r: 2.3;
    opacity: .8
  }

  50% {
    r: 4.5;
    opacity: 1
  }
}

.agency-item-content {
  width: 520px
}

.buildsecont p,
.features1 p,
.testidescription p {
  font-family: Helvetica, Arial, sans-serif
}

@media (min-width:1300px) and (max-width:1500px) {
  .testianimdot h3 {
    height: 50px !important
  }

  .testianimdot .flip-card-inner p {
    height: 140px
  }

  .mobilecomm {
    min-height: 500px !important;
    height: 500px !important
  }

  .epictechnology .testimonial-slider .service-item {
    height: 400px
  }

  .epicoroffer .service-item-body h3 {
    height: 100px !important
  }

  .epicoroffer .service-item-body p {
    height: 180px !important
  }
}

@media (min-width:1500px) and (max-width:2400px) {
  .mobilecomm {
    min-height: 500px !important;
    height: 500px !important
  }

  .retailparent2 .bg-image1 {
    width: 50% !important;
    height: 100%
  }
}

@media (min-width:769px) and (max-width:1300px) {
  .container {
    max-width: 1100px
  }

  .main-menu .mega-menu .projects .service-item-body {
    height: 320px !important
  }

  .section-title h2 {
    font-size: 31px
  }

  .digiexperience .service-item img {
    height: auto !important;
    width: 100%;
    margin-bottom: -50px
  }

  .banner .section-title p {
    font-size: 20px !important;
    font-weight: 400;
    margin-bottom: 20px
  }

  .testimonial-slider .flip-card-inner p {
    font-size: 14.5px;
    height: 160px
  }

  .service-item-body p,
  .testimonial-slider1 .service-item-body p {
    height: 250px
  }

  .projects .service-item-body p {
    font-size: 16px;
    line-height: 24px
  }

  .mt-50 {
    margin-top: 40px !important
  }

  .pd60 {
    padding: 30px 0
  }

  .our-testimonial {
    position: relative;
    padding: 40px 0
  }

  .hero-content .section-title {
    width: 100%;
    margin-bottom: 0;
    margin-top: -20px
  }

  .final-line {
    gap: 5px;
    font-size: 37px
  }

  .section-title h1 {
    font-size: 75px
  }

  .bxslider li {
    font-size: 55px;
    padding: 0
  }

  .testidesc .service-item-body p {
    height: auto !important
  }

  .testidesc .service-item-body .desc {
    height: 250px !important
  }

  .main-menu ul li.nav-item a {
    font-size: 14px;
    font-weight: 400;
    padding: 0 !important
  }

  .main-menu ul li.submenu>a:after {
    position: absolute;
    right: 5px;
    top: 38%;
    width: 20px;
    height: 20px
  }

  .our-services .section-title {
    width: 100%;
    max-width: 750px;
    margin: auto
  }

  .top-in li a {
    font-size: 14px
  }

  .top-in li select {
    padding: 0 22px 0 15px;
    font-size: 14px
  }

  .custom-select::after {
    position: absolute;
    right: -5px;
    top: 12%;
    width: 20px;
    height: 20px;
    pointer-events: none
  }

  #btn-decrease,
  #btn-increase {
    font-size: 12px
  }

  .hero-video-content {
    width: 95%
  }

  .success-counter-item p {
    font-family: helvetica-neue-lt-pro !important;
    font-weight: 400;
    font-size: 18px
  }

  .brainsec .builtsec p {
    font-size: 16px !important
  }

  .partner .section-title p {
    width: 882px;
    margin: 15px auto !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
  }

  .testimonial-slider1 .service-item-body .author-content p {
    height: auto
  }

  .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
  }

  .benifithght {
    min-height: 370px
  }

  .benifet-content-2 .text-center img {
    height: 300px
  }
}

@media (min-width:1700px) {
  .hero {
    position: relative;
    padding: 60px 0;
    min-height: 900px
  }

  .stackimg .excelimg li {
    min-height: 250px !important
  }

  .benifithght {
    min-height: 367px !important
  }

  .auto-b-h1 {
    min-height: 920px !important
  }

  .baner-img1 {
    position: absolute;
    right: -20%;
    top: -125% !important;
    width: 106%;
    height: 100%;
    content: "";
    z-index: -2
  }

  .container {
    max-width: 1400px
  }

  .ser-btn2 a,
  .top-in li a,
  .top-in li select {
    font-size: 16px
  }

  .hero-content {
    margin-bottom: 50px
  }

  .bxslider li {
    font-size: 65px;
    padding: 0
  }

  .hero-video-content {
    width: 90%
  }

  .hero-video-content p {
    font-size: 24px;
    visibility: visible;
    font-family: helvetica-neue-lt-pro;
    font-weight: 300
  }

  .digitalsec p,
  .thepath .service-item-body p {
    font-weight: 400 !important;
    font-style: normal
  }

  .final-line {
    gap: 8px;
    font-size: 45px !important
  }

  .hero-content .section-title {
    width: 102%;
    margin-top: 0
  }

  .hero .section-title p {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 32px
  }

  .digitalsec p {
    font-size: 16px !important;
    font-family: Raleway, Arial, sans-serif;
    line-height: 24px !important;
    margin: 24px 0 !important
  }

  .digitalsec .section-title {
    width: 566px
  }

  .digiban {
    text-align: right
  }

  .ser-btn {
    margin-top: 25px;
    margin-bottom: 15px
  }

  .thepath .service-item-body p {
    font-size: 16px;
    line-height: 24px;
    font-family: Helvetica, Arial, sans-serif;
    height: 200px
  }

  .service-item {
    padding: 25px 36px
  }

  .oursolutionsec .service-item {
    min-height: 410px !important
  }

  .germancorus .oursolutionsec .service-item {
    min-height: 490px !important
  }

  .service-item-body p {
    height: 230px
  }

  .our-services #myVideo {
    position: absolute;
    left: -28%;
    top: -10%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80%;
    height: 95%;
    z-index: -2
  }

  .ser-btn2 {
    margin: 10px 0
  }

  .success-counter-item p {
    font-family: helvetica-neue-lt-pro !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    bottom: -115px !important
  }

  .agency-item-content {
    width: 520px
  }

  .pd30 {
    padding: 80px 0 50px
  }

  .pd40 {
    padding: 80px 0 0
  }

  .swiper-horizontal,
  .testimonial-slider1 .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
  }

  .testidescription p {
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 35px;
    font-size: 16px
  }

  .testimonial-slider .flip-card-inner h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px;
    height: 70px
  }

  .hero-video-content1 p,
  .main-menu ul li.nav-item .tabcont a,
  .skew-carousel .item .inner p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400
  }

  .bg-image {
    width: 300%;
    mix-blend-mode: screen;
    margin-left: -320px;
    margin-top: 0 !important;
    filter: sepia(70%) saturate(100%) hue-rotate(90deg)
  }

  .brine-waper-padding1 .section-row {
    margin-top: 20px;
    margin-bottom: 0
  }

  .testimonial-slider .flip-card-inner p {
    height: 120px;
    font-family: Helvetica;
    line-height: 24px
  }

  .routes {
    min-height: 100% !important;
    padding: 90px 0 30px
  }

  .pd-50 {
    padding: 80px 70px
  }

  .countingss .success-counter-box1 {
    padding: 10px 20px;
    height: 370px !important
  }

  .countingss .success-counter-box1 h2 {
    height: 180px;
    font-family: Raleway, sans-serif;
    font-size: 80px;
    font-weight: 600
  }

  .skew-carousel .item .inner p {
    font-style: normal;
    margin-top: 16px
  }

  .hero-video-content1 p {
    font-family: helvetica-neue-lt-pro;
    font-style: normal
  }

  .gridsec .hero-video-content p {
    font-size: 16px;
    visibility: visible;
    font-family: helvetica-neue-lt-pro;
    font-weight: 400;
    letter-spacing: 0
  }

  .digiexperience .service-item:first-child {
    margin-bottom: -20px !important
  }

  .vertical-reveal li {
    font-size: 80px;
    font-weight: 300 !important;
    font-family: Raleway, sans-serif;
    color: #082326 !important;
    line-height: 100px
  }

  .tab-contents h3 {
    margin-bottom: 10px;
    color: #499a9a;
    font-weight: 700
  }

  .main-menu ul li.nav-item .tabcont a {
    padding: 30px 50px !important;
    font-family: helvetica-neue-lt-pro, sans-serif
  }

  .testimonial-btn111 {
    position: absolute;
    bottom: 0;
    left: 39% !important
  }

  .mega-menu .tabcont h3 span {
    padding: 0 0 0 3px !important
  }

  .mega-menu .tabcont .service-item-body p {
    font-size: 16px !important;
    line-height: 24px !important
  }

  .retailsection::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(48%, #082326), color-stop(3%, #082326), color-stop(57%, rgba(8, 35, 38, .81)), color-stop(70%, rgb(10 83 91 / 10%)), color-stop(84%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, #082326 48%, #082326 3%, rgba(8, 35, 38, .81) 57%, rgb(10 83 91 / 10%) 70%, rgba(255, 255, 255, 0) 84%);
    background: linear-gradient(90deg, #082326 48%, #082326 3%, rgba(8, 35, 38, .81) 57%, rgb(10 83 91 / 10%) 70%, rgba(255, 255, 255, 0) 84%)
  }

  .industries .service-item-body {
    height: 449px;
    position: relative;
    border-radius: 8px
  }

  .industries .service-item-body h3 {
    font-size: 24px;
    bottom: 0;
    left: 24px;
    font-family: Raleway;
    width: 70%;
    line-height: 32px;
    font-weight: 600
  }

  .corushrbanner::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(48%, #082326), color-stop(3%, #082326), color-stop(57%, rgba(8, 35, 38, .81)), color-stop(70%, rgb(10 83 91 / 10%)), color-stop(84%, rgba(255, 255, 255, 0))) !important;
    background: -o-linear-gradient(left, #082326 48%, #082326 3%, rgba(8, 35, 38, .81) 57%, rgb(10 83 91 / 10%) 70%, rgba(255, 255, 255, 0) 84%) !important;
    background: linear-gradient(90deg, #082326 40%, #082326 0, rgba(8, 35, 38, .81) 45%, rgb(10 83 91 / 10%) 55%, rgba(255, 255, 255, 0) 84%) !important;
    z-index: 2;
    pointer-events: none
  }
}

.svg-box path[fill^="url(#paint10"],
.svg-box path[fill^="url(#paint12"],
.svg-box path[fill^="url(#paint14"] {
  fill: #489999
}

.merlinicon .MeRLIN-service:hover path,
.svg-box:hover path[fill^="url(#paint10"],
.svg-box:hover path[fill^="url(#paint12"],
.svg-box:hover path[fill^="url(#paint14"] {
  fill: #fff
}

.svg-box path[fill^="url(#paint10"],
.svg-box path[fill^="url(#paint12"],
.svg-box path[fill^="url(#paint14"] {
  -webkit-transition: fill .5s, stop-color .5s;
  -o-transition: fill .5s, stop-color .5s;
  transition: fill .5s, stop-color .5s
}

.svg-container:hover .hover-text {
  fill: red
}

.svg-container:hover .hover-text1 {
  fill: blue
}

.svg-container:hover .hover-text2 {
  fill: green
}

.buildsection {
  min-height: 100% !important;
  padding: 50px 0
}

.enterban .section-title p {
  font-family: Raleway, sans-serif !important
}

.enter .benefits-steps-content p,
.enterslide .service-item-body p {
  font-family: helvetica-neue-lt-pro !important
}

.builtsec .section-title p {
  font-size: 16px !important;
  line-height: 24px;
  margin: 32px 0 !important
}

.mega-menu-content .tab-buttons button,
.tab-content ul li a {
  font-size: 16px;
  font-family: helvetica-neue-lt-pro, sans-serif
}

.blink-light {
  -webkit-animation: 2s ease-in-out infinite softBlink;
  animation: 2s ease-in-out infinite softBlink
}

@-webkit-keyframes softBlink {

  0%,
  100% {
    opacity: 1;
    -webkit-filter: drop-shadow(0 0 3px #6ccccc) drop-shadow(0 0 6px #6ccccc);
    filter: drop-shadow(0 0 3px #6ccccc) drop-shadow(0 0 6px #6ccccc)
  }

  50% {
    opacity: .9;
    -webkit-filter: drop-shadow(0 0 9px #6ccccc) drop-shadow(0 0 12px #6ccccc);
    filter: drop-shadow(0 0 9px #6ccccc) drop-shadow(0 0 12px #6ccccc)
  }
}

@keyframes softBlink {

  0%,
  100% {
    opacity: 1;
    -webkit-filter: drop-shadow(0 0 3px #6ccccc) drop-shadow(0 0 6px #6ccccc);
    filter: drop-shadow(0 0 3px #6ccccc) drop-shadow(0 0 6px #6ccccc)
  }

  50% {
    opacity: .9;
    -webkit-filter: drop-shadow(0 0 9px #6ccccc) drop-shadow(0 0 12px #6ccccc);
    filter: drop-shadow(0 0 9px #6ccccc) drop-shadow(0 0 12px #6ccccc)
  }
}

.wave-circle {
  -webkit-animation: 3s ease-in-out infinite waveExpand;
  animation: 3s ease-in-out infinite waveExpand;
  transform-origin: center
}

@-webkit-keyframes waveExpand {

  0%,
  100% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: .5
  }
}

@keyframes waveExpand {

  0%,
  100% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: .5
  }
}

.corussecond .card-content figure,
.outcomes {
  text-align: center
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes pop-in {
  from {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes pop-in {
  from {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

#looping-animation .icon-group {
  opacity: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

#looping-animation .animate-stroke {
  stroke-dasharray: 2500;
  stroke-dashoffset: 2500
}

#looping-animation.animate .icon-group {
  -webkit-animation: .8s cubic-bezier(.25, .46, .45, .94) forwards pop-in;
  animation: .8s cubic-bezier(.25, .46, .45, .94) forwards pop-in
}

#looping-animation.animate .animate-stroke {
  -webkit-animation: 2.5s cubic-bezier(.47, 0, .745, .715) forwards draw;
  animation: 2.5s cubic-bezier(.47, 0, .745, .715) forwards draw
}

#looping-animation.animate .animate-fill {
  -webkit-animation: 1.5s ease-in forwards fadeIn;
  animation: 1.5s ease-in forwards fadeIn
}

.icon-group.interactive:hover {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

#looping-animation.animate .seq-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

#looping-animation.animate .seq-1 .animate-stroke {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

#looping-animation.animate .seq-1 .animate-fill {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

#looping-animation.animate .seq-2 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

#looping-animation.animate .seq-2 .animate-stroke,
#looping-animation.animate .seq-3 {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

#looping-animation.animate .seq-2 .animate-fill,
#looping-animation.animate .seq-6 .animate-stroke,
#looping-animation.animate .seq-7 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

#looping-animation.animate .seq-3 .animate-stroke,
#looping-animation.animate .seq-4 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

#looping-animation.animate .seq-3 .animate-fill,
#looping-animation.animate .seq-7 .animate-stroke,
#looping-animation.animate .seq-8,
#looping-animation.animate .seq-9 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s
}

#looping-animation.animate .seq-4 .animate-stroke,
#looping-animation.animate .seq-5 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s
}

#looping-animation.animate .seq-4 .animate-fill,
#looping-animation.animate .seq-8 .animate-stroke,
#looping-animation.animate .seq-9 .animate-stroke {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s
}

#looping-animation.animate .seq-5 .animate-stroke,
#looping-animation.animate .seq-6 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s
}

#looping-animation.animate .seq-5 .animate-fill {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s
}

#looping-animation.animate .seq-6 .animate-fill {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s
}

#looping-animation.animate .seq-7 .animate-fill {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

#looping-animation.animate .seq-8 .animate-fill,
#looping-animation.animate .seq-9 .animate-fill {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s
}

.navbar {
  position: relative;
  height: 82px;
  align-items: center
}

.mega-menu-content.full-width {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background: #fff;
  padding: 0;
  z-index: 1050;
  -webkit-box-shadow: 0 24px 44px 20px #499A9A36;
  box-shadow: 0 24px 44px 20px #499A9A36;
  -webkit-box-shadow: 0 -8px 34px 0 #499A9A52;
  box-shadow: 0 -8px 34px 0 #499A9A52;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.mega-menu-content:hover,
.mega-menu.is-hovered .mega-menu-content,
.mega-menu:hover .mega-menu-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1)
}

.mega-menu-content .tab-buttons {
  padding-right: 15px;
  width: 100%
}

.aboutbtns {
  border-right: 1px solid #545454
}

.mega-menu-content .tab-buttons button {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 16px 24px;
  border: none;
  background: 0 0;
  cursor: pointer;
  text-align: left;
  font-weight: 700 !important;
  line-height: 24px;
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}

.aboutbanner .section-title h1,
.main-menu .mega-menu h1 {
  font-size: 40px;
  font-family: Raleway, sans-serif;
  line-height: 48px;
  font-weight: 600;
  color: #082326
}

.tabcont {
  width: 410px
}

.mega-menu-content .tab-buttons button::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='10.8001' cy='7.2' r='1.2' fill='%23499A9A'/><circle cx='8.4002' cy='4.80001' r='1.2' fill='%23499A9A'/><circle cx='15.5999' cy='12' r='1.2' fill='%23499A9A'/><circle cx='13.2' cy='14.4' r='1.2' fill='%23499A9A'/><circle cx='10.8001' cy='16.8' r='1.2' fill='%23499A9A'/><circle cx='8.4002' cy='19.2' r='1.2' fill='%23499A9A'/><circle cx='13.2' cy='9.59999' r='1.2' fill='%23499A9A'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  opacity: .6;
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}

.mega-menu-content .tab-buttons button.active::after,
.mega-menu-content .tab-buttons button:hover::after {
  -webkit-transform: translateY(-50%) translateX(3px);
  -ms-transform: translateY(-50%) translateX(3px);
  transform: translateY(-50%) translateX(3px);
  opacity: 1;
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out
}

.hidden,
.successsec .service-item-body1:hover::before {
  opacity: 0 !important
}

.mega-menu-content .tab-buttons button.active,
.mega-menu-content .tab-buttons1 button:hover {
  background: #082326;
  color: #fff;
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  font-weight: 500
}

.mega-menu-content .tab-buttons button.active::before {
  display: none !important;
  opacity: 0 !important
}

.mega-menu-content .tab-buttons button:hover {
  margin-left: 2px
}

.mega-menu-content .tab-buttons button:hover::before {
  display: block;
  opacity: 1;
  left: 10px
}

.mega-menu-content .tab-buttons button::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%) translateX(-8px);
  -ms-transform: translateY(-50%) translateX(-8px);
  transform: translateY(-50%) translateX(-8px);
  height: 7px;
  width: 7px;
  background: #499a9a;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.mega-menu-content .tab-contents {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: auto;
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  padding-left: 25px
}

.mega-menu-content .tab-content {
  position: relative;
  margin-bottom: 20px;
  display: none
}

.digital2section .testidescription h2,
.mega-menu-content .tab-content ul li,
.processman .challenge-point-waber,
.tab-contents h3 {
  margin-bottom: 16px
}

.mega-menu-content .tab-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: -35px;
  width: 1px;
  background: #595959;
  height: 100%;
  -webkit-transition: height .4s;
  -o-transition: height .4s;
  transition: height .4s
}

.mega-menu-content .tab-content ul {
  list-style: none;
  padding: 0
}

.bgnone a,
.cuccess-story-waber,
.digisolbtn a,
.leder-waber-hight .micfabric,
.main-menu ul li.mega-menu .mega-menu-content h3>a:hover,
.main-menu ul li.mega-menu .mega-menu-content:hover .ser-btn1 a,
.mega-menu .pd0,
.testimonial-slider5 .testimonial-btn .btn-style-3 {
  padding: 0 !important
}

.mega-menu .projects {
  background: 0 0;
  text-align: left;
  position: relative;
  top: -40px
}

.graybg,
.main-menu .mega-menu .col-lg-4,
.main-menu .mega-menu .col-lg-6 {
  background: #f2f2f2
}

.main-menu .mega-menu .projects .ser-btn1 a {
  text-align: left;
  padding: 0 !important;
  color: #fff !important
}

.main-menu .mega-menu .projects .service-item-body,
.merlinicon1 .MeRLIN-service {
  height: 370px
}

.main-menu .mega-menu h1 {
  text-align: left;
  margin-bottom: 40px;
  margin-top: 40px;
  font-style: normal;
  letter-spacing: 0
}

.tab-content ul li a {
  position: relative;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: 100%;
  background: 0 0;
  color: #000;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-weight: 400
}

.main-menu ul li.mega-menu .mega-menu-content a {
  color: #000;
  padding: 0 !important;
  position: relative;
  -webkit-transition: padding .4s;
  -o-transition: padding .4s;
  transition: padding .4s
}

.main-menu ul li.mega-menu .mega-menu-content a:hover {
  padding: 0 2px 0 15px !important;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.tab-contents h3 {
  color: #499a9a;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
  font-family: helvetica-neue-lt-pro, sans-serif;
  line-height: 32px
}

.tab-content h3 a {
  margin-bottom: 10px;
  color: #499a9a !important;
  font-weight: 700 !important;
  font-size: 18.5px !important;
  text-align: left !important;
  font-family: helvetica-neue-lt-pro, sans-serif
}

.mega-menu .mega-menu-content::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 45%;
  background: #f3f3f3
}

.mega-menu .mega-menu-content .aboutnav::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 68%;
  background: #f3f3f3
}

.aboutnav,
.aboutnav1 {
  padding: 30px 0
}

.mega-menu .aboutnav .projects,
.mega-menu .aboutnav1 .projects {
  top: 0 !important
}

.excelimg ul,
.mega-menu .aboutnav ul,
.mega-menu .aboutnav1 ul,
.tab-7-wabe ul {
  padding-left: 0 !important
}

.aboutnav1 .row .width60 {
  width: 56%
}

.aboutnav1 .row .width40 {
  width: 44%
}

.aboutnav1 .width60 .verline::before {
  position: absolute;
  content: '';
  top: 0;
  right: 15px;
  height: 100%;
  width: 1px;
  background: #000
}

.pdl0 {
  padding-left: 0
}

@media (max-width:768px) {
  .mega-menu-content.full-width {
    position: static;
    width: 100%
  }

  .tab-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 10px
  }

  .tab-buttons {
    width: 100%;
    border-right: none
  }

  .tab-content {
    padding: 10px 0
  }

  .sap-baner-waber {
    background-color: #082326;
    padding: 40px 0 !important
  }

  .sap-advantage-img {
    position: relative !important;
    z-index: -2;
    height: 100%;
    top: 0;
    left: 0;
    width: 100% !important
  }

  .sap-advantage-main-waber {
    padding: 30px 0 !important;
    position: relative;
    z-index: 1
  }

  .sap-advantage-main-waber::after {
    position: absolute;
    background: linear-gradient(180deg, #fff 71%, rgba(255, 255, 255, .34) 75%, rgba(255, 255, 255, 0) 96%) !important
  }

  .capabilities .testimonial-btn .testimonial-button-prev {
    left: 4px;
    top: 0 !important
  }

  .advantage .service-item-body1,
  .capabilities .valueslide,
  .digialserpage .digiexperience .firstmobile:first-child,
  .footer-main .firstrow {
    margin-bottom: 0 !important
  }

  .enterintsec .swiper-wrapper {
    padding: 0 0 20px !important
  }

  .testimonial-btn9 {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 15px
  }

  .main-footer .pd40 {
    padding-top: 10px !important
  }

  .MeRLIN-service {
    height: 600px !important
  }

  .marline-bg-video {
    padding: 20px 0 0
  }

  .marline-baner-img img {
    height: 100%;
    overflow: hidden;
    width: auto;
    position: relative !important;
    right: 0;
    object-fit: cover
  }

  .marlin-baner::after {
    content: "";
    background: linear-gradient(180deg, #082326 69%, rgb(8 35 38) 54%, rgb(8 35 38 / 0%) 75%, rgba(255, 255, 255, 0) 100%) !important
  }

  .pdb0 {
    padding-bottom: 0 !important
  }

  .cuccess-story-waber {
    display: block !important
  }
}

.aboutbanner,
.menu-item {
  -webkit-box-align: center
}

.menu-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.content-box {
  padding: 0 0 0 15px;
  margin-top: 15px
}

.aboutbanner .hero-bg-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  right: -30%;
  position: relative;
  z-index: -1
}

.aboutbanner .section-title h1 {
  width: 100%
}

.aboutbanner .section-title p {
  font-size: 16px;
  line-height: 24px;
  font-family: helvetica-neue-lt-pro;
  font-weight: 400
}

.aboutbanner .hero-video-content {
  width: 85%
}

.aboutbanner .hero-bg-video::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(70%, rgba(0, 0, 0, .1)), color-stop(56%, rgba(0, 0, 0, .1)));
  background: -o-linear-gradient(left, #fff 40%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, .1) 56%);
  background: linear-gradient(90deg, #fff 40%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, .1) 56%)
}

.aboutbanner {
  padding: 50px 0;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.aboutretail,
.mobileresults .valueslide {
  display: -webkit-box;
  display: -ms-flexbox
}

.aboutmap .section-title {
  width: 1050px
}

.mission #myVideo,
.mission .overlay {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute
}

.aboutmap .section-title p {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400
}

.mapsection h5 {
  font-size: 24px;
  color: #499a9a;
  font-weight: 700;
  font-family: Helvetica, Arial, sans-serif
}

.blink-bg {
  -webkit-animation: 2s ease-in-out infinite blinkShadow;
  animation: 2s ease-in-out infinite blinkShadow;
  will-change: box-shadow
}

@-webkit-keyframes blinkShadow {

  0%,
  100% {
    box-shadow: 0 0 5px #6ccccc
  }

  50% {
    box-shadow: 0 0 15px 10px #6ccccc
  }
}

@keyframes blinkShadow {

  0%,
  100% {
    box-shadow: 0 0 5px #6ccccc
  }

  50% {
    box-shadow: 0 0 15px 10px #6ccccc
  }
}

.blink-bg1 {
  -webkit-animation: 2s ease-in-out infinite bgBlink;
  animation: 2s ease-in-out infinite bgBlink
}

@media (prefers-reduced-motion:reduce) {
  .blink-bg {
    -webkit-animation: none;
    animation: none
  }
}

@-webkit-keyframes bgBlink {

  0%,
  100% {
    fill: white;
    opacity: .5
  }

  50% {
    fill: white;
    opacity: .78
  }
}

@keyframes bgBlink {

  0%,
  100% {
    fill: white;
    opacity: .5
  }

  50% {
    fill: white;
    opacity: .78
  }
}

.mission {
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #082326
}

.mission #myVideo {
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 0
}

.mission .overlay {
  background: rgba(255, 255, 255, .9);
  z-index: 1
}

.mission .mission-left h5 {
  color: #499a9a;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
  top: 55px;
  left: 0
}

.mission .mission-left p {
  font-size: 16px;
  line-height: 24px;
  font-family: helvetica-neue-lt-pro;
  font-weight: 400;
  color: #082326;
  margin-top: 15px;
  margin-bottom: 0
}

.aboutretail h2,
.mission .mission-left h2 {
  font-size: 40px;
  font-family: Raleway, sans-serif;
  line-height: 48px;
  color: #082326
}

.mission .mission-left h2 {
  font-weight: 500
}

.aboutwork .benefits-steps-content h3 {
  font-family: Raleway, sans-serif !important;
  line-height: 32px;
  font-weight: 600
}

.retail-baner-11::before {
  position: absolute;
  content: "";
  width: 70%;
  background-image: url('../images/aboutretail.jpg');
  background-position: right;
  background-size: cover;
  height: 100%;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  z-index: -2
}

.retail-baner-11::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, rgb(255 255 255 / 100%)), color-stop(65%, rgb(0 0 0 / 0%)));
  background: -o-linear-gradient(left, #fff, rgb(255 255 255 / 100%) 50%, rgb(0 0 0 / 0%) 65%);
  background: linear-gradient(90deg, #fff, rgb(255 255 255 / 100%) 45%, rgb(0 0 0 / 0%) 51%)
}

.aboutretail h2 {
  font-weight: 600
}

.aboutretail p,
.socialcont h5,
.socialcont p,
.valueslide p {
  line-height: 24px;
  font-size: 16px
}

.aboutretail p {
  color: #082326;
  font-weight: 400;
  font-family: Helvetica, sans-serif;
  margin-bottom: 0 !important
}

.aboutretail {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px 0
}

.mobileresults .valueslide,
.valueslide {
  padding: 15px !important;
  margin-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.width50 {
  width: 60%;
  text-align: left
}

.mobileresults .valueslide {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 460px !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: start !important;
  border-radius: 8px;
  border: 1px solid #fff
}

.valueslide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 460px;
  justify-content: start;
  border-radius: 8px;
  border: 1px solid #fff
}

.valueslide p {
  margin-bottom: 0;
  margin-top: 10px;
  display: block !important;
  font-weight: 400;
  font-family: Raleway, sans-serif
}

.section-title .helveticafont,
.socialcont h5,
.socialcont p {
  font-family: Helvetica, Arial, sans-serif
}

.valueslide img {
  margin-bottom: 15px;
  width: 70px;
  height: 80px
}

.testimonial-slider5 {
  margin: 40px 0
}

.valueslide:hover {
  border: 0;
  padding: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 128, 128, .534)), to(#082326));
  background: -o-linear-gradient(top, rgba(0, 128, 128, .534) 0, #082326 100%);
  background: linear-gradient(180deg, rgba(0, 128, 128, .534) 0, #082326 100%)
}

.testimonial-slider5 .testimonial-btn {
  position: absolute;
  bottom: 0;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-top: 30px;
  z-index: 2
}

.aboutwork .hero-bg-video2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.aboutwork .hero-bg-video2 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transform: translateY(calc(var(--scrollY, 0) * -.2));
  -ms-transform: translateY(calc(var(--scrollY, 0) * -.2));
  transform: translateY(calc(var(--scrollY, 0) * -.2))
}

.aboutwork::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(0, 0, 0, .1)), color-stop(11%, rgba(0, 0, 0, .1)), color-stop(48%, #082326));
  background: -o-linear-gradient(left, rgba(0, 0, 0, .1) 8%, rgba(0, 0, 0, .1) 11%, #082326 48%);
  background: linear-gradient(90deg, rgba(0, 0, 0, .1) 8%, rgba(0, 0, 0, .1) 11%, #082326 48%);
  z-index: 1;
  pointer-events: none
}

.sociaimp1::after,
.sociaimp1::before {
  position: absolute !important;
  top: 0;
  content: "";
  width: 100%;
  height: 100%
}

.challenges-waber,
.social {
  padding: 60px 0;
  position: relative;
  z-index: 1
}

.sociaimp1::before {
  left: -10%;
  background-image: url(../images/child.jpg) !important;
  background-position: left;
  background-size: contain;
  z-index: -2;
  background-attachment: fixed;
  background-repeat: round
}

.sociaimp1::after {
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgb(255, 255, 255, .1)), color-stop(49%, #fff), to(#fff));
  background: -o-linear-gradient(left, rgb(255, 255, 255, .1) 35%, #fff 49%, #fff 100%);
  background: linear-gradient(90deg, rgb(255, 255, 255, .1) 35%, #fff 49%, #fff 100%);
  left: 0
}

.retailsection1::before,
.retailsection::before {
  left: -20px !important;
  width: 120%;
  z-index: 2;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  pointer-events: none
}

.socialcont p {
  color: #000 !important;
  font-weight: 400
}

.socialcont h5 {
  color: #000;
  font-weight: 700;
  margin-bottom: 15px
}

.retailsection {
  background: url(../images/chorus.jpg) !important;
  position: relative;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  background-position: right !important
}

.retailsection::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, #082326), color-stop(2%, #082326), color-stop(44%, rgba(8, 35, 38, .81)), color-stop(60%, rgb(10 83 91 / 10%)), color-stop(84%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, #082326 35%, #082326 2%, rgba(8, 35, 38, .81) 44%, rgb(10 83 91 / 10%) 60%, rgba(255, 255, 255, 0) 84%);
  background: linear-gradient(90deg, #082326 40%, #082326 0, rgba(8, 35, 38, .81) 42%, rgb(10 83 91 / 10%) 46%, rgba(255, 255, 255, 0) 63%)
}

.retailsection1 {
  position: relative;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  background-position: right !important;
  min-height: auto !important;
  padding: 100px 0
}

.retailsection1::before {
  background: linear-gradient(90deg, #082326 24%, #082326 32%, #082326 43% 44%, rgb(8 35 38 / 14%) 48%, rgb(10 83 91 / 0%) 58%, rgba(255, 255, 255, 0) 84%)
}

.corusimg-5 {
  position: relative;
  z-index: -1
}

.corusimg-5::after {
  position: absolute;
  z-index: 11;
  content: "";
  width: 100%;
  background: #fff;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, .34) 20%, rgba(255, 255, 255, 0) 100%);
  height: 100%;
  top: 0;
  left: 0
}

.retailsection1 .section-title p:last-child {
  margin-bottom: 10px !important
}

.corussecond .section-title h2 {
  margin-bottom: 25px !important
}

.self-service {
  margin: 25px 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}

.benefitssec .benefits-steps-item,
.phone-input {
  -webkit-box-align: center;
  display: -webkit-box;
  display: -ms-flexbox
}

.self-service p {
  font-family: helvetica-neue-lt-pro;
  font-size: 16px;
  margin-bottom: 0
}

.self1 .self-service img,
.webinarbtn .item h4 b,
.webinarbtn .item p b {
  padding-right: 10px
}

.self1 .buildsec video {
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: normal
}

.mobileself .buildsec video {
  object-fit: cover;
  mix-blend-mode: normal;
  position: absolute;
  height: 100%;
  width: 95%;
  left: -40%
}

.corusolsec .hero-bg-video2::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(34%, rgba(0, 0, 0, .1)), color-stop(80%, #082326)) !important;
  background: -o-linear-gradient(left, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 34%, #082326 80%) !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 34%, #082326 50%) !important
}

.corusolsec .hero-bg-video2 {
  position: absolute;
  width: 100% !important;
  height: 100%;
  top: 0;
  left: 0
}

.coreoffer p,
.corusolution p {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400
}

.corushrbanner {
  background: url(../images/chorus.jpg) !important;
  position: relative;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  background-position: 130% !important
}

.corushrbanner1 {
  background: url(../images/aerohero.jpg) !important;
  position: relative;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  background-position: 155% !important
}

.additional1 .imgadd img,
.additional1 .imgadd1 img,
.epicright img {
  position: absolute;
  right: 0;
  bottom: 0
}

.corusolsec .benefits-steps-item h3 {
  margin-bottom: 0 !important;
  font-size: 18px
}

.additional1 .service-item-body1 h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px
}

.additional1 .service-item-body1 {
  min-height: 390px
}

.additional1 .w80 p {
  width: 80%;
  margin-bottom: 5px
}

.benefitssec .benefits-steps-item {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}

.benefitssec .benefits-steps-item img {
  height: 80px;
  margin-right: 15px
}

.benefitssec .benefits-steps-item h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: helvetica-neue-lt-pro;
  margin-bottom: 10px
}

.benefitssec .benefits-steps-item p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  font-family: helvetica-neue-lt-pro
}

.posrelative {
  position: relative !important
}

.parentban {
  position: relative;
  margin: auto;
  text-align: center
}

.parentban img {
  width: 350px;
  height: auto
}

.brouchure input,
.phone-input {
  height: 60px;
  margin-bottom: 20px;
  background: 0 0
}

.brouchure input {
  border: 1px solid #fff;
  border-radius: 60px;
  color: #fff;
  width: 100% !important;
  padding: 10px 20px
}

.brouchure {
  padding: 60px 0 !important
}

.brouchure h2 {
  font-size: 40px
}

.brouchure p {
  font-size: 16px;
  font-weight: 300;
  width: 400px
}

.phone-input {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 60px;
  overflow: hidden;
  width: 100%
}

.biimp-tabs .tab button,
.country-code select,
.phone-input input {
  border: none;
  color: #fff;
  outline: 0
}

.country-code select {
  background: 0 0;
  font-size: 14px;
  padding: 10px 30px 10px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.country-code select option {
  background-color: rgba(10, 31, 31, .7);
  color: #fff
}

.country-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  position: relative
}

.biimp-tabs .tab,
.rotatecircle,
.tab-cards {
  display: -webkit-box;
  display: -ms-flexbox
}

.country-code::after {
  position: absolute;
  content: '';
  top: 9px;
  right: 0;
  height: 40px;
  width: 1px;
  background: #fff
}

.phone-input input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: 0 0;
  font-size: 14px;
  padding: 18px 20px 0 !important
}

.phone-input input::-webkit-input-placeholder {
  color: #fff;
  margin-top: 10px
}

.phone-input input::-moz-placeholder {
  color: #fff;
  margin-top: 10px
}

.phone-input input:-ms-input-placeholder {
  color: #fff;
  margin-top: 10px
}

.phone-input input::-ms-input-placeholder {
  color: #fff;
  margin-top: 10px
}

.phone-input input::placeholder {
  color: #fff;
  margin-top: 10px
}

.brouchure input::-webkit-input-placeholder {
  color: #fff
}

.brouchure input::-moz-placeholder {
  color: #fff
}

.brouchure input:-ms-input-placeholder {
  color: #fff
}

.brouchure input::-ms-input-placeholder {
  color: #fff
}

.country-code .arrow {
  position: absolute;
  right: 12px;
  pointer-events: none;
  color: #fff;
  font-size: 15px;
  font-weight: 100
}

.rotatecircle {
  position: relative;
  width: 886px;
  height: 754px;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rotating-path {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: 10s linear infinite spin;
  animation: 10s linear infinite spin
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@keyframes spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

.logos img {
  height: 80px;
  margin: 0 40px;
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .8;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.logos img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.biimp-tabs .tab {
  color: #fff;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px
}

.biimp-tabs .tab button {
  background-color: inherit;
  float: left;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: 15.6px;
  position: relative
}

.biimp-tabs .tab button.active,
.biimp-tabs .tab button:hover {
  color: #499a9a
}

.biimp-tabs .tab button.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 3px;
  width: 96%;
  height: 2px;
  background-color: #499a9a
}

.biimp-tabs .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none
}

.biservice,
.epicoroffer,
.pd80 {
  padding: 80px 0 !important
}

#ebook-landing-root .footersecc h2,
.biservice h2,
.epicadv h2,
.epicadv2 h2,
.epiclink1 a,
.mfp-preloader a:hover {
  color: #fff
}

#cards {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--numcards), var(--card-height));
  gap: var(--card-margin);
  padding-bottom: calc(var(--numcards) * var(--card-top-offset));
  margin-bottom: var(--card-margin)
}

#card-1 {
  --index: 1
}

#card-2 {
  --index: 2
}

#card-3 {
  --index: 3
}

#card-4 {
  --index: 4
}

.card {
  position: sticky;
  top: 0;
  padding-top: calc(var(--index) * var(--card-top-offset))
}

.card-content>figure {
  grid-area: img;
  overflow: hidden
}

.card-content>figure>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px
}

@supports (animation-timeline:works) {
  @scroll-timeline cards-element-scrolls-in-body {
    source: selector(body);
    scroll-offsets: selector(#cards) start 1, selector(#cards) start 0;
    start: selector(#cards) start 1;
    end: selector(#cards) start 0;
    time-range: 4s
  }

  .card {
    --index0: calc(var(--index) - 1);
    --reverse-index: calc(var(--numcards) - var(--index0));
    --reverse-index0: calc(var(--reverse-index) - 1)
  }

  .card__content {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    will-change: transform;
    --duration: calc(var(--reverse-index0) * 1s);
    --delay: calc(var(--index0) * 1s);
    -webkit-animation: var(--duration) linear scale var(--delay) forwards;
    animation: var(--duration) linear scale var(--delay) forwards;
    animation-timeline: cards-element-scrolls-in-body
  }

  @-webkit-keyframes scale {
    to {
      -webkit-transform: scale(calc(1.1 - calc(.1 * var(--reverse-index))));
      transform: scale(calc(1.1 - calc(.1 * var(--reverse-index))))
    }
  }

  @keyframes scale {
    to {
      -webkit-transform: scale(calc(1.1 - calc(.1 * var(--reverse-index))));
      transform: scale(calc(1.1 - calc(.1 * var(--reverse-index))))
    }
  }
}

.tab-cards {
  display: flex;
  background: #fff;
  margin-top: 30px;
  border-radius: 8px
}

.tab-cards .card-left {
  width: 50%;
  padding: 30px
}

.tab-cards .card-right img {
  border-radius: 0 8px 8px 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: -webkit-fill-available
}

.li-content p,
.tab-cards .card-left p {
  color: #000;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.li-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}

.li-content img {
  margin-top: 5px;
  margin-right: 10px
}

.card-left h5 {
  color: #499a9a;
  font-family: Raleway;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 15px
}

.micfabric h2,
.micfabric p {
  color: #fff !important;
  font-family: helvetica-neue-lt-pro
}

.micfabric {
  padding: 30px
}

.micfabric h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px
}

.advant .imgadd p,
.micfabric p {
  font-size: 16px;
  line-height: 24px
}

.micfabric p {
  font-weight: 400;
  margin-bottom: 15px
}

.corimg .card11 {
  margin-bottom: 20px;
  min-height: 600px
}

.hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important
}

#more:not(.hidden),
.more-text:not(.hidden) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important
}

.readmore span {
  color: #fff;
  cursor: pointer;
  padding-left: 0
}

.integration .section-title p {
  margin-bottom: 5px;
  font-family: Helvetica
}

.advant .imgadd h3,
.advant .imgadd p {
  width: 70%;
  font-family: helvetica-neue-lt-pro
}

.integration .section-title {
  width: 800px;
  margin: auto
}

.advant .imgadd h3 {
  font-size: 24px;
  line-height: 32px
}

.advant .imgadd,
.amsbanner .container,
.epicadv .service-item-body1 {
  position: relative;
  z-index: 9
}

.advant .imgadd img::before,
.epicadv .service-item-body1 img::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, #082326), color-stop(107%, #000), color-stop(31%, rgba(8, 35, 38, .8)));
  background: -o-linear-gradient(left, #082326 100%, #000 107%, rgba(8, 35, 38, .8) 31%);
  background: linear-gradient(90deg, #082326 100%, #000 107%, rgba(8, 35, 38, .8) 31%);
  z-index: -1
}

.casetitle p {
  font-family: Helvetica
}

.pdt50 {
  padding-top: 80px
}

.advatagesect .section-title {
  width: 1122px;
  margin: auto
}

.epicorfst p {
  padding-bottom: 10px
}

.pill-points .pill-cont h5 {
  font-family: Raleway;
  font-size: 24px;
  line-height: 32px;
  color: #000;
  margin-bottom: 15px
}

.pill-points .pill-cont p {
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0
}

.pill-points .pill-cont {
  padding-left: 10px
}

.testslide1 .service-item-body h3 {
  font-family: Raleway;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
  height: 100px
}

.testslide1 .service-item-body p {
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0;
  color: #fff !important
}

.testslide1 .service-item:not(:hover) .animated-svg-link1 .dot {
  fill: #6d6d6d !important;
  opacity: .5;
  -webkit-transition: fill .3s, opacity .3s;
  -o-transition: fill .3s, opacity .3s;
  transition: fill .3s, opacity .3s
}

.epicoroffer .service-item-body p {
  height: 150px
}

.testslide1 .card-svg>line,
.testslide1 .card-svg>path[id^=line-] {
  stroke: #585858 !important;
  stroke-width: 1.3;
  opacity: .7
}

@keyframes travel-along-path {
  0% {
    offset-distance: 0%;
    opacity: 1
  }

  80% {
    opacity: 1
  }

  100% {
    offset-distance: 100%;
    opacity: 0
  }
}

.testslide1 .service-item.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#d9f1f1), to(#0b2e2e));
  background: -o-linear-gradient(top, #d9f1f1 0, #0b2e2e 100%);
  background: linear-gradient(180deg, #d9f1f1 0, #0b2e2e 100%);
  color: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}

.testslide1 .service-item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#082326), color-stop(50%, rgba(0, 128, 128, .8)), to(#082326)) !important;
  background: -o-linear-gradient(top, #082326 0, rgba(0, 128, 128, .8) 50%, #082326 100%) !important;
  background: linear-gradient(180deg, #082326 0, rgba(0, 128, 128, .8) 50%, #082326 100%) !important;
  color: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -webkit-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  border: none
}

.approachh::before {
  background-image: url(../images/approach.jpg)
}

.turndatadigital::before {
  background-image: url(../images/turndata.jpg) !important
}

.activateservice::before {
  background-image: url(../images/activate.jpg) !important
}

.erpbenefits::before {
  background-image: url(../images/excbenefit.webp);
  background-attachment: fixed;
  background-position: top
}

.epicadv .w80 p,
.excelimg .exppara {
  width: 60%
}

.epicright1 img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 380px;
  width: auto
}

.epicleft img {
  position: absolute;
  left: 0;
  bottom: 0
}

.epicorserve .service-item-body.in1 {
  background: url(../images/episer1.jpg) 0 0/cover no-repeat
}

.epicorserve .service-item-body.in2 {
  background: url(../images/episer2.jpg) 0 0/cover no-repeat
}

.epicorserve .service-item-body.in3 {
  background: url(../images/episer3.jpg) 0 0/cover no-repeat
}

.epicorserve .service-item-body.in4 {
  background: url(../images/episer4.jpg) 0 0/cover no-repeat
}

.epicorserve .service-item-body.in5 {
  background: url(../images/episer5.jpg) 0 0/cover no-repeat
}

.epicorserve .service-item-body.rin1 {
  background: url(../images/retail.jpg) 0 0/cover no-repeat
}

.epicorserve .testimonial-btn1 {
  position: absolute;
  bottom: -10px;
  left: 45%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-top: 30px;
  z-index: 2
}

.erpexp .eslh-waber,
.search-bar,
.video-gallery-image a::after,
.webinarbtn .filter-controls {
  display: -webkit-box;
  display: -ms-flexbox
}

.capabilities .valueslide {
  min-height: 250px
}

.sapcap .valueslide {
  min-height: 190px !important
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%
}

.search-full {
  overflow: hidden;
  -webkit-transition: height .35s;
  -o-transition: height .35s;
  transition: height .35s;
  pointer-events: none;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.search-full.active {
  pointer-events: auto;
  height: 500px;
  top: 130px;
  background: #fffffff0
}

.search-bar {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative
}

.search-bar input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.search-bar input::-webkit-input-placeholder {
  color: #b9b9b9 !important
}

.search-bar input::-moz-placeholder {
  color: #b9b9b9 !important
}

.search-bar input:-ms-input-placeholder {
  color: #b9b9b9 !important
}

.search-bar input::-ms-input-placeholder {
  color: #b9b9b9 !important
}

.search-bar input::placeholder {
  color: #b9b9b9 !important
}

.search-icon-left {
  font-size: 18px;
  color: #999
}

.icon-close {
  font-size: 24px;
  color: #000;
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10001;
  display: none
}

.search-box.active .icon-close {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important
}

.whysugar .testidescription,
.width80 {
  width: 80%;
  margin: auto
}

.bggray {
  background: #e6e9e9
}

.page-faqs .accordion-item {
  background: #082326;
  margin-bottom: 15px;
  border-radius: 8px
}

.page-faqs .accordion-item button {
  padding: 10px 15px;
  font-family: Raleway;
  border-radius: 8px
}

.page-faqs .accordion-item .collapsein {
  padding: 10px 15px
}

.page-faqs .accordion-item button.collapsed {
  background: #fff;
  color: #082326 !important;
  font-weight: 700;
  border-radius: 8px
}

.page-faqs .accordion-body {
  padding: 0 15px 10px
}

.page-faqs .accordion-body p {
  margin-bottom: 0;
  font-family: helvetica-neue-lt-pro;
  font-weight: 400;
  margin-top: -10px
}

.our-faq-section .accordion-item .accordion-button.collapsed::after,
.our-faq-section .accordion-item .accordion-button::after {
  content: '\f068';
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translate(0, -12px);
  -ms-transform: translate(0, -12px);
  transform: translate(0, -12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  width: 24px;
  height: 24px;
  color: #fff;
  border-radius: 50%
}

.our-faq-section .accordion-item .accordion-button.collapsed::after {
  content: '\2b';
  color: #082326
}

.kineticsec::before {
  background-attachment: fixed !important;
  background: url(../images/Kinetic.jpg) right top/contain no-repeat
}

.kineticsectrans::before {
  background: url(../images/Kinetic.jpg) right top/cover no-repeat
}

.kineticsecana::before {
  background: url(../images/sapanalytics.jpg) right top/cover no-repeat
}

.kineticsecams::before {
  background-attachment: scroll !important;
  background: url(../images/sapams.jpg) right top/cover no-repeat
}

.sapcloud::before {
  background: url(../images/sap-cloud.jpg) right top/cover no-repeat
}

.sapbtp::before {
  background: url(../images/sap-btp.jpg) 30% 100%/cover no-repeat
}

.iscalasec::before {
  background-attachment: fixed !important;
  background: url(../images/iScala.jpg) right top/contain no-repeat
}

.kineticsec1::before {
  background-attachment: fixed !important;
  background: url(../images/epicorscala.jpg) right top/contain no-repeat
}

.epiccomp .flip-card {
  height: 385px !important
}

.epiccomp h3,
.geranim .testianimdot h3 {
  height: 70px !important
}

.epiccompanion .epichgt h3 {
  height: 40px !important
}

.epiccomp p,
.mega-menu .ser-btn a,
.mega-menu .ser-btn2 a,
.oursolutionsec .service-item .ser-btn a {
  height: auto !important
}

.epiccompanion {
  background: #f9f9f9
}

.aimlcase h3,
.amslide .testimonial-button-next,
.amslide .testimonial-button-prev,
.saptest .microinner-icon img {
  height: 50px !important
}

.pdt0 {
  padding-top: 0 !important
}

.mstechadv .agency-supports-logo {
  padding: 10px !important;
  background: 0 0 !important;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
  height: 210px !important;
  border: 1px solid #333
}

.mstechadv .agency-supports-logo p {
  margin: 15px 0 0;
  color: #fff
}

.digital-features-item {
  position: relative;
  padding: 30px;
  border: none !important;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 8px;
  overflow: hidden
}

.agency-supports-slider2 .agency-supports-logo,
.mstechchallenge {
  height: 250px !important
}

.deliver::after,
.deliver::before {
  height: 100%;
  position: absolute;
  top: 0;
  content: ""
}

.ullist {
  padding-left: 50px !important
}

.ullist li {
  color: #000;
  line-height: 1.5;
  font-family: helvetica-neue-lt-pro, Helvetica
}

.mstechsolutions p {
  margin-bottom: 20px !important
}

.challenge-point-waber img,
.mstechsolutions .bf-content img {
  margin-top: 5px
}

.mstechsolutions .height500 {
  min-height: 370px !important
}

.amsmethod1 .mstechsolutions .height600,
.mstechsolutions .height600 {
  min-height: 480px !important
}

.mstechsolutions .benifet-content-waber {
  margin-top: 20px !important
}

.mscap .service-item-body1 {
  border: 1px solid #333
}

.deliver::before {
  width: 50%;
  background-image: url('../images/delivering.jpg') !important;
  background-position: right;
  background-size: cover;
  right: 0;
  background-repeat: no-repeat;
  z-index: -2
}

.deliver::after {
  width: 100%;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(53%, rgb(255 255 255 / 100%)), color-stop(89%, rgb(0 0 0 / 0%)));
  background: -o-linear-gradient(left, #fff, rgb(255 255 255 / 100%) 53%, rgb(0 0 0 / 0%) 89%);
  background: linear-gradient(90deg, #fff, rgb(255 255 255 / 100%) 53%, rgb(0 0 0 / 0%) 89%)
}

.faqpage p {
  margin-bottom: 25px !important;
  margin-top: 25px
}

.faqpage .accordion-item button.accordion-button {
  background: #082326 !important;
  color: #fff !important;
  font-weight: 500;
  border-radius: 8px !important;
  font-size: 17px;
  font-family: helvetica-neue-lt-pro !important
}

.faqpage .accordion-body {
  padding-top: 15px
}

.faqpage .accordion-body li,
.faqpage .accordion-body p {
  font-family: Raleway, sans-serif;
  font-weight: 300
}

.faqpage .accordion-item .accordion-button.collapsed::after {
  content: '\2b';
  color: #fdfdfd
}

.faqpage .headin {
  margin-top: 10px;
  margin-bottom: 0
}

.faqpage .faq-accordion h4 {
  color: #082326 !important;
  margin-bottom: 10px;
  margin-top: 20px
}

.accordion-body ul {
  padding-left: 25px
}

.video-gallery-image {
  overflow: hidden;
  height: calc(100% - 30px);
  margin-bottom: 30px
}

.video-gallery-image a {
  position: relative;
  display: block;
  cursor: none
}

.video-gallery-image a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #082326;
  border-radius: 8px;
  opacity: 0%;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.video-gallery-image:hover a::before {
  opacity: 80%;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.video-gallery-image a::after {
  content: '\f04b';
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  background: #fff;
  color: #082326;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  cursor: none;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 1
}

.video-gallery-image img {
  aspect-ratio: 1/0.8;
  -o-object-fit: cover;
  object-fit: cover
}

.video-gallery-image h4 {
  font-size: 17px;
  line-height: 25px
}

.webinarbtn .filter-controls {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 60px;
  margin-bottom: 30px;
  background-color: #082326;
  width: 100%
}

.webinarbtn .filter-btn {
  padding: 7px 30px;
  margin-right: 10px;
  border: 0 solid #082326;
  background-color: #082326;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  border-radius: 60px
}

.webinarbtn .filter-btn.active {
  background-color: #fff;
  color: #000;
  border-radius: 60px;
  border-color: #fff
}

.webinarbtn .item>div {
  padding: 0 !important;
  border: none !important;
  border-radius: 8px;
  background-color: #fff;
  min-height: 100px
}

.webinarbtn .item p {
  color: #000;
  margin-bottom: 0
}

.epicadv .w80 h3,
.width90 .section-title h2 {
  width: 90% !important
}

.amslide .testimonial-btn {
  position: absolute;
  bottom: 20px;
  left: 0 !important
}

.amsmethod::before {
  position: absolute;
  content: "";
  top: 0;
  left: -10%;
  background-image: url('../new/ams-2.jpg') !important;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  z-index: -2;
  height: 100%;
  background-attachment: fixed
}

.mobilemethod::before {
  background-attachment: local !important
}

.amsmethod::after {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff00), color-stop(50%, #fff), to(#fff));
  background: -o-linear-gradient(left, #ffffff00, #fff 50%, #fff 100%);
  background: linear-gradient(90deg, #ffffff00, #fff 50%, #fff 100%);
  left: 0
}

.erpcustomer .mds-waber {
  padding: 20px;
  min-height: 370px !important
}

.erpexp .eslh-waber:hover {
  border: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#082326), color-stop(45%, teal), to(#fff)) !important;
  background: -o-linear-gradient(bottom, #082326 0, teal 45%, #fff 100%) !important;
  background: linear-gradient(0deg, #082326 0, teal 45%, #fff 100%) !important
}

.erpexp .eslh-waber {
  gap: 20px;
  display: flex;
  border: none !important;
  border-radius: 8px;
  margin-bottom: 20px;
  height: 100%;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #082326
}

.cusexp .section-title h2 {
  width: 70%;
  margin: auto;
  color: #fff
}

.cusexp .section-title p {
  width: 70%;
  margin: auto;
  color: #fff !important
}

.stackimg .excelimg li {
  background: #fff;
  list-style: none;
  border: 1px solid #fff !important;
  min-height: 290px !important;
  border-radius: 8px;
  display: flex
}

.excelimg .Customer-Speak-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 0 !important
}

.excelimg .Customer-Speak-title img {
  height: 150px !important;
  width: auto;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 8px
}

.excelimg .Customer-Speak-title h4 {
  color: #000;
  margin-bottom: 15px;
  font-size: 20px
}

.erpabout h2 {
  width: 70% !important;
  margin: auto
}

.erpabout p {
  width: 90% !important;
  margin: auto
}

.collatab .nav-tabs {
  border-bottom: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin-top: 20px
}

.collatab .nav-tabs .nav-link.active::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 1px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: teal
}

.collatab .nav-tabs .nav-item.show .nav-link,
.collatab .nav-tabs .nav-link.active {
  color: #499a9a !important;
  border: none !important;
  border-bottom: 0 solid #fff !important;
  background-color: var(--bs-nav-tabs-link-active-bg)
}

.collatab .nav-tabs .nav-link:focus,
.collatab .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-bottom: none !important;
  border-color: rgba(255, 255, 255, 0) !important
}

.collatab .nav-link {
  padding: 0 15px 5px 0 !important;
  font-size: 15.6px;
  margin-right: 20px;
  font-weight: 500;
  color: #000
}

.collatab .nav-tabs .nav-link {
  font-size: 17px;
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: none !important;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.collatab-content {
  margin: 30px 0 0;
  background-color: #082326;
  border-radius: 8px;
  padding: 40px 30px;
  color: #fff
}

.mey-fucher-tab-waber-content1 {
  padding-top: 40px
}

.collatfilter .video-gallery-image img {
  aspect-ratio: 1/0.8;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  border-radius: 8px;
  height: 415px;
  margin-top: -1px
}

.collatfilter .video-gallery-image .ser-btn a,
.collatfilter .video-gallery-image .ser-btn a:hover {
  padding: 0 !important;
  background: 0 0 !important
}

.brofilter .filter-btn {
  padding: 7px 20px !important
}

.brofilter .filter-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 5px !important;
  padding: 10px;
  border-radius: 8px !important;
  margin-bottom: 30px;
  background-color: #f3f3f3 !important;
  width: 100%
}

.mey-fucher-tab-waber-content1 h4 {
  color: #000;
  text-align: center;
  margin: 20px 0 30px;
  font-weight: 600;
  font-size: 20px
}

.collat .section-title h2 {
  width: 100% !important;
  font-size: 30px;
  color: #fff
}

.testimonial-sliders11 .flip-card-inner {
  padding: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.testimonial-sliders11 .flip-card-inner h3 {
  font-size: 20px;
  color: #000 !important;
  height: auto;
  margin-bottom: 15px;
  line-height: 25px
}

.testimonial-sliders11 .flip-card-inner h6 {
  color: #000 !important;
  height: 50px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 25px
}

.testimonial-sliders11 .flip-card-inner p {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 400;
  color: #555;
  height: auto !important;
  font-family: Helvetica;
  line-height: 24px
}

.testimonial-sliders11 .flip-card-inner a {
  text-decoration: none;
  color: #082326;
  font-family: "Radio Canada", sans-serif;
  font-size: 16px;
  font-weight: 400
}

.testimonial-sliders11 .service-item {
  background: #fff;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-bottom: 0 !important
}

.testimonial-sliders11 .service-item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#082326), to(#0c464ceb)) !important;
  background: -o-linear-gradient(top, #082326 0, #0c464ceb 100%) !important;
  background: linear-gradient(180deg, #082326 0, #0c464ceb 100%) !important;
  color: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -webkit-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  border: none
}

.testimonial-sliders11 .service-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  opacity: 40%
}

.testimonial-sliders11 .testspace {
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -o-transition: opacity .3s, transform .3s;
  display: inline-block;
  padding: 0 15px
}

.testimonial-sliders11 .service-item-header {
  position: relative;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

.testimonial-sliders11 .service-card img {
  height: 100px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px 3px rgb(213 222 223 / 54%);
  box-shadow: 0 0 3px 3px rgb(213 222 223 / 54%);
  border-radius: 60px
}

.testimonial-sliders11 .service-item-header .icon-box img {
  max-width: 130px
}

.card11 {
  margin-bottom: 20px;
  border-radius: 8px;
  background: #e6edec;
  border: 1px solid #e6edec
}

.card11 img {
  height: 350px;
  border-radius: 8px
}

.card11 .micfabric h6 {
  margin-bottom: 20px !important;
  color: #000;
  line-height: 24px;
  font-weight: 400;
  font-family: helvetica-neue-lt-pro
}

.card11 .micfabric p {
  padding: 8px 0;
  color: #000 !important;
  line-height: 24px;
  font-family: Helvetica;
  font-weight: 400
}

.card11 .micfabric h2 {
  margin-bottom: 10px !important;
  color: #082326 !important;
  line-height: 32px;
  font-size: 28px;
  font-family: Raleway;
  font-weight: 600
}

.card11 .ser-btn span {
  padding-right: 5px !important
}

.testimonial-sliders11 .flip-card {
  height: auto !important;
  margin-bottom: 20px !important
}

.video-gallery-image img {
  aspect-ratio: 1/0.8;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  background: #e8e9e7 !important
}

.video-gallery-image {
  background: 0 0 !important;
  border-radius: 8px
}

.video-gallery-image h4 {
  padding: 15px 0 10px;
  color: #000;
  font-weight: 700 !important;
  margin: 5px 0;
  text-align: left
}

.video-gallery-image p,
.video-gallery-image p b {
  font-weight: 400 !important
}

.corvideosec .video-gallery-image h4 {
  padding: 15px 0 10px;
  color: #000;
  font-weight: 600 !important;
  font-size: 24px;
  line-height: 32px;
  margin: 5px 0;
  text-align: left
}

.video-gallery-image p {
  padding: 0 0 15px;
  color: #000 !important
}

.collatab .ser-btn {
  margin-top: 10px !important;
  padding: 0;
  margin-bottom: 0 !important
}

.collatab .video-gallery-image {
  background: teal !important;
  border-radius: 8px
}

.section-title .helveticafont {
  font-weight: 400;
  line-height: 24px;
  font-size: 16px
}

.our-testimonial .testidescription p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 16px 0 !important;
  line-height: 24px;
  font-weight: 400;
  font-family: helvetica-neue-lt-pro
}

.index-benefit .benefits-steps-content p {
  padding-right: 10px;
  font-family: helvetica-neue-lt-pro, sans-serif;
  font-weight: 300
}

.footer-main .ser-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.header-social-links li a>i:hover {
  color: teal;
  -webkit-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear
}

.footer-main a:hover {
  color: teal;
  -webkit-transition: 1s ease-in;
  -o-transition: 1s ease-in;
  transition: 1s ease-in
}

.projects .section-title p {
  font-size: 16px;
  line-height: 24px
}

.projects .ser-btn {
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.footer-copyright .places a {
  font-size: 16px !important;
  line-height: 24px;
  font-family: helvetica-neue-lt-pro, sans-serif;
  font-weight: 400
}

.footer-main .ser-btn a:hover {
  color: #000;
  -webkit-transition: 1s ease-in;
  -o-transition: 1s ease-in;
  transition: 1s ease-in
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .8
}

.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .85);
  z-index: 999;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: .3s fadeIn;
  animation: .3s fadeIn
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.video-popup .video-wrapper {
  position: relative;
  width: 80%;
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.video-popup iframe {
  border: none;
  border-radius: 8px;
  z-index: 9999999;
  position: relative;
  -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, .3);
  box-shadow: 0 0 25px rgba(255, 255, 255, .3);
  width: 60% !important;
  height: 80% !important
}

.video-popup .close-popup {
  position: absolute;
  top: 4%;
  right: 18%;
  background: 0 0;
  width: 50px;
  height: 50px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  z-index: 10000000;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.video-popup .close-popup:hover {
  color: #f2f2f2;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

body.popup-open {
  overflow: hidden
}

body.popup-open .main-header,
body.popup-open .main-header.is-sticky {
  position: relative !important;
  z-index: -1 !important;
  background: 0 0 !important
}

.topheader .input-group {
  z-index: 0
}

.w-320 {
  width: 320px !important
}

.parawidth p {
  width: 510px;
  margin: 24px 0 !important
}

.hero-video-content1 p {
  margin: 32px 0 !important
}

.plath2 p {
  margin: 24px 0 !important
}

.msdynamics p {
  margin: 16px 0 !important
}

.partner .section-row .section-title {
  max-width: 100% !important
}

.brin-main-waber-2 {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  background: #030406;
  overflow: hidden
}

.brin-main-waber-2::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #082326 0, #082326 40%, #0304066e 100%);
  top: 0;
  left: 0;
  z-index: -1
}

.brin-bg-video-waber {
  position: absolute;
  height: 75%;
  top: 50%;
  background-color: #52c3a8;
  right: -10%;
  transform: translateY(-50%);
  z-index: -2
}

.brin-bg-video-waber video {
  height: 100%;
  mix-blend-mode: multiply
}

.amsmethod1 .benifet-content-waber,
.mstechsolutions .benifet-content-waber,
.successsec .service-item-body1 {
  background: #e6edec;
  border: 1px solid #e6edec
}

.successsec .row>div:first-child .service-item-body1:hover {
  background-image: none !important
}

.successsec .service-item-body1:hover {
  transform: translateY(0) !important;
  box-shadow: none !important
}

.successsec .service-item-body1:hover img {
  opacity: 1 !important
}

.epicadv h3,
.msadvmobile h3 {
  color: #082326 !important
}

.testimonial-btn-08 .testspace {
  padding: 0 10px
}

.merlinbenefit .bb-title,
.merlinbenefit .why-6-waber h3 {
  position: relative;
  padding-left: 0
}

.msadv .service-item-body1 {
  background: #e6edec !important;
  border: 1px solid #e6edec !important
}

.enter .casetitle {
  max-width: 802px !important
}

.dataengg .builtsec .section-title h2 {
  margin-bottom: 32px !important
}

.serprovide .testimonial-btn1 {
  position: absolute;
  bottom: -20px !important
}

.amsmethod .challenge-point-waber,
.socialcont .challenge-point-waber {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px
}

.amsmethod .paramb32 {
  margin: 32px 0
}

.amsmethod1 .mstechsolutions .benifet-content-waber {
  margin: 0 0 20px !important
}

.testbtnposition {
  position: absolute;
  bottom: -15px !important;
  left: 42%
}

.careerbanner .br-0 {
  gap: 32px !important
}

.whysugar .MeRLIN-service {
  height: 390px !important
}

.MeRLIN-service:hover path {
  stroke: #fff
}

@media (min-width:900px) and (max-width:1700px) {
  .main-menu .nav-menu-wrapper>ul {
    gap: 50px !important
  }

  .gerdesktopnav .main-menu .nav-menu-wrapper>ul,
  .navbar-expand-lg .navbar-collapse {
    gap: 40px !important
  }

  .darp-1 {
    display: flex;
    gap: 5px;
    align-items: center
  }

  .top-in li select {
    padding: 0 !important;
    font-size: 14px
  }

  .font-increase-waber,
  .top-in {
    gap: 20px !important
  }
}

.leder-waber-hight {
  padding: 60px;
  min-height: 500px !important
}

.brin-p-tag {
  font-family: Helvetica;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px
}

.prine-title h2 {
  width: 100% !important;
  font-style: SemiBold;
  font-family: Raleway;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 40px;
  line-height: 48px
}

.prine-title {
  flex-direction: column;
  display: flex;
  width: 698px;
  gap: 32px
}

.testslide1 .service-item:hover ellipse {
  fill: #008080 !important
}

.merlinicon .MeRLIN-service:hover .icns,
.testslide1 .service-item:hover path {
  stroke: #fff !important
}

.epicadv2 .service-item-body1 {
  background: #20393b;
  border: none
}

.epicadv2 .w80 h3 {
  width: 386px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 10px
}

.collateralssec {
  background: #082326 !important;
  padding: 70px 0 30px
}

.baner-img1 {
  position: absolute;
  right: -20%;
  top: -80%;
  width: 106%;
  height: 100%;
  content: "";
  z-index: -2
}

.success-main1 {
  padding: 170px 0
}

.webinarleftimg::after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(8, 35, 38, 0) 1%, #082326 50%) !important;
  width: 100%;
  height: 100%
}

.webinarleftimg .baner-img1,
.webinarleftimg .baner-img2 {
  position: absolute;
  left: 0 !important;
  height: 100%;
  z-index: -2;
  content: ""
}

.webinarleftimg .baner-img1 {
  top: -60%;
  width: 106%
}

.webinarleftimg .baner-img2 {
  top: 0;
  width: 65%
}

.epic16 {
  font-weight: 500
}

.digital2section .testidescription p {
  padding: 0 0 16px !important
}

.digital2section .MeRLIN-service {
  height: 370px !important;
  text-align: left
}

.digital2section {
  padding-bottom: 50px
}

.digitalexp {
  max-width: 682px !important
}

.epicsecslide .valueslide p {
  font-family: Raleway;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600
}

.epicsecslide .valueslide {
  min-height: 320px;
  max-height: auto;
  width: 100%;
  padding: 24px !important
}

.entersolser .enterslide h3 {
  height: 90px !important;
  margin-bottom: 20px
}

.mds-section1 .dynamics-advantage-waber p {
  color: #000;
  text-align: left
}

.mds-section1 .dynamics-advantage-waber img {
  text-align: left !important
}

.mds-section1 .dynamics-advantage-waber {
  margin-bottom: 10px;
  box-shadow: none !important
}

.mstechapproach .valueslide p {
  font-family: Raleway;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600
}

.mstechapproach .valueslide {
  height: 344px;
  padding: 24px !important
}

@media (max-width:991.98px) {

  .close-btn,
  .hamburger-btn {
    border: none;
    cursor: pointer
  }

  .desktop-nav,
  .search-box.active .btn-search,
  .search-box.search-active .btn-search {
    display: none
  }

  .mobile-nav {
    display: block;
    position: sticky;
    z-index: 2;
    top: 0
  }

  body.popup-open .mobile-nav {
    z-index: -1
  }

  .video-popup iframe {
    width: 95% !important;
    height: 75% !important
  }

  .video-popup .close-popup {
    position: absolute;
    top: 4%;
    right: 3% !important
  }

  .mobile-header {
    background-color: #082326;
    padding: 15px 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 10px 14px 24px 0 #00000026
  }

  .mobile-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px
  }

  .mobile-logo img {
    height: 40px
  }

  .hamburger-btn {
    background: 0 0
  }

  .mobile-nav-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background-color: #0a2d31;
    z-index: 1002;
    overflow-y: auto;
    padding-top: 60px;
    transition: left .3s ease-in-out
  }

  .mobile-nav-panel.open {
    right: 0
  }

  .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    background: 0 0
  }

  .mobile-nav-panel ul {
    list-style: none;
    padding: 0;
    margin: 0
  }

  .mobile-nav-panel li {
    border-bottom: 1px solid rgb(10 45 49)
  }

  .mobile-nav-panel .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px
  }

  .mobile-nav-panel a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    flex-grow: 1
  }

  .submenu {
    display: none;
    background-color: #fff;
    padding-left: 20px
  }

  .submenu .submenu {
    padding-left: 0;
    background-color: rgb(221 221 221 / 30%)
  }

  .submenu li:last-child {
    border-bottom: none
  }

  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
  }

  .menu-overlay.open,
  .search-box.search-active .search-full {
    opacity: 1;
    visibility: visible
  }

  .submenu-card-item {
    border-bottom: none !important;
    padding: 15px 0 0
  }

  .submenu-swiper {
    padding: 0 10px !important
  }

  .submenu-swiper .service-item-body {
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left
  }

  .submenu-swiper .service-item-body h3 {
    font-size: 14px;
    color: #fff
  }

  .submenu-swiper .service-item-body p {
    font-size: 15px;
    color: #f0f0f0;
    margin: 10px 0 20px
  }

  .submenu .menu-item a,
  .submenu li>a {
    color: #000 !important
  }

  .submenu-swiper .swiper-pagination {
    bottom: 0 !important
  }

  .submenu-swiper .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, .5)
  }

  .submenu-swiper .swiper-pagination-bullet-active {
    background-color: #fff
  }

  .submenu-toggle {
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .submenu-arrow {
    color: #fff;
    transition: transform .3s
  }

  .submenu-toggle.active .submenu-arrow {
    transform: rotate(180deg)
  }

  .submenu li>a {
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px
  }

  .submenu-card-item .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100% !important
  }

  .nave-bar-card-waber {
    position: relative;
    z-index: 1;
    padding: 15px;
    margin: 0 10px;
    overflow: hidden;
    border-radius: 8px;
    height: 300px
  }

  .nave-bar-card-content-waber p {
    height: auto !important;
    margin: 0 !important
  }

  .nave-bar-card-content-waber .ser-btn1 a {
    padding: 0 !important;
    font-size: 14px
  }

  .nave-bar-card-waber>img {
    position: absolute;
    width: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    z-index: -2
  }

  .nave-bar-card-waber::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 128, 128, .5) 40%, rgba(22, 128, 139, .98) 62%)
  }

  .nave-bar-card-content-waber {
    display: flex;
    flex-direction: column;
    gap: 16px
  }

  .nave-bar-card-content-waber>div>span {
    display: inline-block;
    background-color: #ffffff66;
    padding: 3px 8px;
    line-height: 16px;
    border-radius: 8px;
    font-size: 12px
  }

  .tag-logo {
    position: absolute;
    top: 10px;
    left: 10px
  }

  .tag-logo img {
    width: 100px
  }

  .search-box .icon-close,
  .search-box .search-full {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
  }

  .search-box .icon-close {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    z-index: 1001;
    display: none
  }

  .search-box.active .icon-close,
  .search-box.active .search-full,
  .search-box.search-active .icon-close,
  .search-box.search-active .search-full {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto
  }

  .search-box.active .btn-search svg.icon-search,
  .search-box.active svg.icon-search,
  .search-box.search-active .btn-search svg.icon-search,
  .search-box.search-active svg.icon-search {
    display: none !important
  }

  .mobile-search-overlay {
    top: 72px !important
  }

  .search-full {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    height: 80px;
    overflow: hidden;
    transition: opacity .3s
  }
}

.epicoroffer .testslide1 .swiper-slide-active .service-item {
  border: 1px solid #fff
}

.epicoroffer .testslide1 .swiper-slide:hover .service-item {
  border: 1px solid transparent
}

@media (max-width:410px) {
  .digitalmobilesec .MeRLIN-service h3 {
    line-height: 28px;
    font-weight: 600;
    font-size: 18px !important
  }

  .MeRLIN-service {
    padding: 15px 12px !important
  }

  .digital2section .MeRLIN-service {
    height: 420px !important;
    text-align: left
  }

  .MeRLIN-service h3 {
    margin-bottom: 15px
  }

  .mobiledigi .buildsec {
    position: relative;
    margin-bottom: 15px
  }

  .top-in li select {
    padding: 0 !important;
    font-size: 13px !important
  }

  .top-icon-gap svg {
    height: 20px;
    width: 20px
  }

  .entersolser .enterslide h3 {
    height: 90px !important;
    margin-bottom: 15px !important
  }

  .industries .testimonial-btn1,
  .mobileindustriems .industries .testimonial-btn1,
  .trsutedtesti .testimonial-slider1 .testimonial-btn1 {
    position: absolute;
    bottom: -10px !important;
    left: 20% !important
  }

  .aboutvaluemobile .valueslide,
  .imgpos1 img,
  .imgpos2 img,
  .imgpos3 img {
    height: auto !important
  }

  .thepathindex .service-item-body p {
    font-size: 14px;
    height: 310px !important
  }

  .countingss .success-counter-box1 h2 {
    height: 100px
  }

  .indexwhatdo .testimonial-slider .service-item {
    height: 470px !important
  }

  .indexwhatdo .testimonial-slider .flip-card-inner p {
    height: 155px !important
  }

  .entersolser .testimonial-slider .service-item {
    height: 480px !important
  }

  .enterintsec .mobileonly {
    position: absolute;
    bottom: 15px !important;
    left: 23% !important
  }

  .digitalmobilesec .testimonial-btn {
    margin-top: 20px !important
  }

  .mobileanimation .swiper-slide.swiper-slide-active .service-item {
    background: linear-gradient(180deg, #082326 0, rgba(0, 128, 128, .8) 50%, #082326 100%) !important;
    color: #fff !important;
    transition: .3s;
    border: none !important
  }

  .testimonial-slider1 .service-item-body .desc {
    min-height: 320px !important;
    height: 450px !important
  }

  .msdtestmobile .testimonial-btn1 {
    position: absolute;
    bottom: -20px !important
  }

  .testimonial-slider1 .service-item-body p {
    color: #fff !important;
    font-size: 13px
  }

  .additional1 .mobileimgadd {
    height: 650px !important
  }

  .additional1 .mobileimgadd img {
    position: absolute !important;
    right: 0;
    bottom: -50px !important;
    height: 300px !important
  }

  .swiper-slide-active .icns {
    stroke: #ffffff !important
  }

  .sociaimp1::after {
    position: absolute !important;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgb(255, 255, 255, .1) 10%, #fff 14%, rgb(255, 255, 255, .5) 73%) !important;
    left: 0
  }

  .mobileresults::after {
    background: linear-gradient(180deg, #fff, rgb(255 255 255 / 100%) 67%, rgb(0 0 0 / 0%) 75%) !important
  }

  .webhero::after {
    background: linear-gradient(180deg, #082326 40%, rgba(8, 35, 38, 0) 88%) !important;
    width: 100%;
    height: 100%
  }

  .additional1 img {
    height: 200px !important
  }

  .advantage .service-item-body1 {
    padding: 10px !important
  }

  .corussecond .micfabric {
    padding: 15px 10px
  }

  .webhero1::after {
    background: linear-gradient(180deg, #082326 65%, rgba(8, 35, 38, 0) 88%) !important;
    width: 100%;
    height: 100%
  }

  .success-company img {
    width: auto;
    height: 70px !important
  }

  .marlin-baner::after {
    content: "";
    background: linear-gradient(180deg, #082326 68%, rgb(8 35 38) 65%, rgb(8 35 38 / 0%) 72%, rgba(255, 255, 255, 0) 100%) !important
  }

  .mobileanimation .service-item-body p {
    height: 180px !important
  }

  .epiccomp .flip-card-inner p {
    height: 140px !important
  }

  .epiccomp .flip-card-inner h3 {
    height: 50px !important
  }

  .epiccomp .flip-card {
    height: 385px !important
  }

  .mobilecarwabe::after {
    background: linear-gradient(180deg, #082326 79%, rgba(255, 255, 255, 0) 85%) !important
  }

  .mobilefeatures .mds-waber {
    min-height: 320px !important
  }

  .erpcustomer .mds-waber {
    padding: 20px;
    min-height: 300px !important
  }
}

@media (min-width:769px) and (max-width:1299px) {
  .main-menu .nav-menu-wrapper>ul {
    gap: 40px !important
  }

  .testimonial-slider .flip-card-inner h3 {
    height: 60px
  }

  .testimonial-slider .flip-card-inner p {
    height: 135px
  }

  .testimonial-slider .service-item {
    height: 460px
  }

  .mega-menu-content .tab-buttons {
    padding-right: 25px;
    width: 275px
  }

  .MeRLIN-service {
    height: 530px
  }

  .commen-help-bg-img-ds,
  .retail-help-bg-img {
    height: 100%;
    z-index: -2;
    bottom: 0;
    position: absolute
  }

  .merlinfeature .testimonial-slider-08 .MeRLIN-service {
    height: 490px
  }

  .retail-help-bg-img {
    left: 425px !important
  }

  .brainsec .benefits-steps-content {
    width: 100%
  }

  .tab-content h3 a {
    font-size: 17px !important
  }

  .commen-help-bg-img-ds {
    right: -18%
  }

  .excelimg .Customer-Speak-title img {
    height: 120px !important
  }

  .excelimg .Customer-Speak-title h4 {
    color: #000;
    margin-bottom: 15px;
    font-size: 18px !important
  }

  .Customer-Speak-title>div {
    margin-left: 15px !important
  }

  .micfabric {
    padding: 30px 15px 20px !important
  }

  .excelimg .exppara {
    width: 100% !important
  }

  .stackimg .excelimg li {
    min-height: 300px !important
  }

  .vr-b-h {
    min-height: 700px !important
  }

  .dm-b-h {
    min-height: 770px !important
  }

  .indexwhatdo .testimonial-slider .service-item {
    height: 400px !important
  }

  .baner-img1 {
    position: absolute;
    right: -30% !important
  }
}

@media (min-width:769px) and (max-width:1399px) {
  .retail-help-bg-img {
    position: absolute;
    height: 100%;
    right: 0 !important;
    z-index: -2;
    bottom: 0
  }
}

.collatpage .filter-controls {
  padding: 10px;
  border-radius: 60px;
  display: flex;
  margin-bottom: 30px;
  background-color: #e7e9ea;
  width: 75%
}

.collatpage .filter-controls button {
  color: #082326;
  line-height: 24px;
  font-size: 16px;
  padding: 12px 24px
}

.collatpage .nav-tabs .nav-link {
  border-radius: 60px
}

.collatpage .nav-tabs .nav-link.active {
  border-radius: 60px;
  background: #082326;
  border: 1px solid #082326;
  color: #fff
}

.newcollat .mey-fucher-tab-waber-content1 {
  padding-top: 0
}

.newcollat .mey-fucher-tab-waber-content1 h4 {
  color: #000;
  text-align: left;
  margin: 32px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  padding: 0
}

.newcollat form {
  margin-top: 32px
}

.newcollat .video-gallery-image {
  height: auto !important;
  background: 0 0 !important
}

.mfp-gallery .mfp-image-holder .mfp-figure,
.newcollat a {
  cursor: pointer
}

.pt40 {
  padding-top: 60px !important
}

.webinarimg img {
  position: absolute;
  right: 0;
  top: 0
}

.webhero::after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  background: #082326;
  background: linear-gradient(90deg, #082326 47%, rgba(8, 35, 38, 0) 100%);
  width: 100%;
  height: 100%
}

.webinarimg1 img {
  position: absolute;
  right: 0;
  top: 20%;
  width: 70%
}

.msadvmobile .w80 h3 {
  width: 75%
}

.arrow-icon {
  transition: transform .3s
}

.rotate-180 {
  transform: rotate(180deg)
}

.amslide .valueslide {
  min-height: 290px
}

.amslide .valueslide p {
  font-size: 16px;
  line-height: 32px
}

.aboutvaluemobile .valueslide {
  height: 485px
}

.aimlcase .oa-para-waber,
.epictechnology .oa-para-waber {
  gap: 10px
}

.epictechnology .testimonial-slider .service-item {
  height: 380px
}

.epictechnology .service-item-body p {
  height: 130px !important
}

.epictechnology .testimonial-slider .flip-card-inner .ser-btn {
  margin-top: 0;
  margin-bottom: 0
}

.ser-btn .content-box a {
  margin-top: 0;
  margin-bottom: 16px
}

.mobileapprochslide .microinner-icon svg {
  height: 50px;
  width: auto;
  padding: 2px
}

.testimonial-slider .service-item:hover .icns2 {
  fill: #fff !important;
  transition: fill .3s
}

.epicicn svg {
  height: 100px;
  width: auto
}

.epicicn,
.epicicn1 {
  display: flex;
  align-items: start
}

.epicicn1 svg {
  height: 75px;
  width: auto;
  margin-bottom: 5px
}

.mobilegolf::before {
  background-image: url(../new/am-g.jpg) !important
}

.mobileself1 .mobileux img {
  position: relative;
  z-index: -1;
  width: 65%;
  height: 100%;
  object-fit: cover
}

.mobileself1 .mobileux::before {
  background: linear-gradient(90deg, rgb(8 33 36 / 0%) 10%, rgb(8 35 38 / 0%) 44%, rgba(255, 255, 255, .99) 50%) !important
}

.mobilecommimg::before {
  background-image: url(../images/aboutretail.jpg) !important;
  width: 60%
}

.mobilecommimg::after {
  background: linear-gradient(90deg, #fff, rgb(255 255 255 / 100%) 42%, rgb(0 0 0 / 0%) 65%)
}

.mobilemsimg::before {
  background-image: url(../new/ms-7.jpg) !important
}

.collatmodal .contect-enq-waber {
  padding: 0 15px !important
}

.collatmodal .modal-dialog {
  max-width: 600px;
  top: 10%
}

.dataengg .mds-waber2:hover .swiper-slide-active {
  background: linear-gradient(180deg, rgba(0, 128, 128, .534) 35%, #082326 100%) !important;
  border: inherit !important
}

.contect-call li {
  list-style-type: none;
  padding-right: 16px
}

.contect-call li i {
  font-size: 35px
}

.digialserpage .service-item-body img {
  height: 437px;
  margin-bottom: -25px
}

.digiupgradesec .MeRLIN-service {
  height: 420px !important
}

.benifet-content-2 .noteimg img,
.digitalservice .MeRLIN-service {
  height: 350px
}

.oursolutionsec .service-item-body ul li {
  list-style-type: none;
  padding: 8px 0;
  color: #000
}

.oursolutionsec .service-item-body ul {
  padding: 30px 0;
  margin-bottom: 0 !important
}

.oursolutionsec .service-item-body {
  padding: 25px 27px
}

.oursolutionsec .service-item h3 {
  padding: 0;
  width: 80%
}

.chat-btn-1 img,
.oursolself .challenge-point-waber img {
  height: 60px
}

.ptd50 {
  padding: 50px 0 !important
}

.video-gallery-image img,
.webvideo .video-gallery-image img {
  height: 100%;
  width: 100%
}

.equitywhy .matters-content-waber img {
  height: 80px !important
}

.cuccess-story-waber .flex2 {
  padding: 20px 40px;
  width: 70%
}

.cuccess-story-waber .flex1 img {
  height: 350px;
  width: 100%;
  margin: auto;
  text-align: center;
  object-fit: cover
}

.cuccess-story-waber .flex1 {
  width: 30%
}

.ric-slider-img img {
  height: 400px;
  width: 100%;
  object-fit: cover
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.epiccomp .service-card img,
.merlinicon .MeRLIN-service svg {
  height: 75px
}

.merlinicon .MeRLIN-service {
  height: 470px
}

.skew-carousel .owl-nav button,
.skew-carousel .owl-next,
.skew-carousel .owl-prev,
.skew-carousel1 .owl-nav button,
.skew-carousel1 .owl-next,
.skew-carousel1 .owl-prev {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important
}

.no-results,
.result-title,
.result-url,
.search-results-header,
.search-results-list,
.search-results-list li,
.search-results-list li a {
  visibility: visible !important
}

.is-sticky .search-full {
  top: 82px
}

#searchBox:has(.search-full.active) .icon-close,
.search-box.active .icon-close,
.search-box.search-active .icon-close,
.search-box:has(.search-full.active) .icon-close {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important
}

#searchBox:has(.search-full.active) .icon-search,
.search-box.active .btn-search svg.icon-search,
.search-box.active .icon-search,
.search-box.search-active .btn-search svg.icon-search,
.search-box.search-active .icon-search,
.search-box:has(.search-full.active) .icon-search {
  display: none !important
}

.search-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 10000;
  display: none;
  flex-direction: column;
  padding-top: 0;
  overflow-y: auto;
  animation: .3s ease-out slideDown
}

@keyframes slideDown {
  from {
    transform: translateY(-20px);
    opacity: 0
  }

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

.search-full.active {
  display: block;
  overflow-y: auto
}

body:has(.search-full.active) {
  overflow: hidden
}

.search-icon-left {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none
}

.search-icon-left svg {
  width: 22px;
  height: 22px;
  opacity: .5;
  display: block
}

.no-results,
.result-title,
.result-url,
.search-results,
.search-results-header,
.search-results-list,
.search-results-list li {
  display: block !important
}

.search-bar input {
  width: 100%;
  padding: 15px 38px 15px 64px;
  font-size: 20px;
  border: none;
  border-bottom: 1px solid #333;
  background: 0 0;
  color: #333;
  outline: 0;
  border-radius: 0;
  box-shadow: none;
  transition: border-color .3s;
  font-weight: 400
}

.search-bar input:focus {
  border-bottom-color: #000;
  border-bottom-width: 2px
}

.search-results-list li,
.search-results-list li:last-child {
  border-bottom: 1px solid #e8e8e8
}

.search-bar input::placeholder {
  font-size: 18px;
  font-weight: 300
}

.search-results {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  max-height: none;
  padding: 0 5% 40px;
  min-height: 100px
}

.search-results-header {
  padding: 30px 0 20px;
  background: 0 0;
  font-size: 14px;
  color: #666;
  border-bottom: none;
  text-align: left;
  font-weight: 400;
  letter-spacing: .3px
}

.search-results-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.search-results-list li:first-child {
  border-top: 1px solid #e8e8e8
}

.search-results-list li a {
  display: block !important;
  padding: 25px 0;
  text-decoration: none;
  color: #333;
  transition: .2s
}

.search-results-list li a:hover {
  background: 0 0;
  opacity: .7
}

.search-results-list li a:hover .result-title {
  color: #666
}

.result-title {
  font-size: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 8px;
  line-height: 1.5
}

.result-url {
  font-size: 14px;
  color: #888;
  font-weight: 300
}

.no-results {
  padding: 40px 0;
  text-align: left;
  color: #999;
  font-size: 16px;
  font-weight: 300
}

.mfp-container:before,
.mfp-content {
  display: inline-block;
  vertical-align: middle
}

.mobile-search-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  z-index: 10000 !important;
  background: #fff !important
}

.mfp-bg,
.mfp-wrap {
  position: fixed;
  left: 0;
  top: 0
}

#mobileSearchBox .icon-close {
  position: fixed;
  top: 15px;
  color: #333;
  right: 0;
  left: auto
}

#mobileSearchBox:has(.search-full.active) .icon-close {
  opacity: 1;
  visibility: visible
}

@media (max-width:1024px) {
  .search-bar {
    padding: 90px 5% 30px
  }

  .search-results {
    padding: 0 5% 30px
  }
}

@media (max-width:768px) {
  .search-full {
    padding-top: 0
  }

  .search-bar {
    width: 100%;
    padding: 14px 5% 18px
  }

  .search-icon-left {
    left: 5%
  }

  .search-icon-left svg {
    width: 20px;
    height: 20px
  }

  .search-bar input {
    padding: 12px 15px 12px 40px;
    font-size: 18px
  }

  .icon-close {
    top: 20px;
    right: 5%;
    font-size: 30px
  }

  .search-results {
    width: 100%;
    padding: 0 5% 30px;
    max-height: none
  }

  .search-results-header {
    padding: 20px 0 15px;
    font-size: 13px
  }

  .search-results-list li a {
    padding: 20px 0
  }

  .result-title {
    font-size: 17px
  }

  .result-url {
    font-size: 13px
  }
}

.form-control[type=file] {
  overflow: hidden;
  padding: 16px 10px
}

.pd40 {
  padding-top: 40px !important
}

.rechange-baner img {
  width: 60%;
  object-fit: cover
}

.blog-baner img {
  height: 445px;
  width: 100%;
  object-fit: cover
}

.blog-details-alignment img {
  height: auto;
  width: 100%
}

.bulbimg .bg-image1 {
  width: 60%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .6;
  position: absolute;
  right: 0
}

.mfp-bg {
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8
}

.mfp-wrap {
  width: 100%;
  height: 100%;
  z-index: 999999;
  outline: 0 !important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mfp-container:before {
  content: '';
  height: 100%
}

.mfp-content {
  position: relative;
  margin: 0 auto;
  text-align: left;
  z-index: 505
}

.mfp-close,
.mfp-preloader {
  text-align: center;
  position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.awrdstest,
.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #ccc;
  top: 50%;
  width: auto;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 504
}

.mfp-preloader a {
  color: #ccc
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 0;
  top: 0;
  text-decoration: none;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px
}

.mfp-figure,
img.mfp-img {
  line-height: 0
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
  opacity: .8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
  border-top-width: 20px;
  border-bottom-width: 20px
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
  border-right: 12px solid #000;
  left: 5px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
  border-right: 20px solid #fff
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
  border-left: 12px solid #000;
  left: 3px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
  border-left: 20px solid #fff
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

.mfp-figure:after,
img.mfp-img {
  width: auto;
  height: auto;
  display: block
}

.mfp-iframe-holder .mfp-close {
  top: -43px
}

img.mfp-img {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile .mfp-bottom-bar:empty,
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
}

@media all and (max-width:800px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px
}

.mfp-ie7 .mfp-content {
  padding-top: 44px
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0
}

.benifet-content-2 .noteimg {
  text-align: center;
  margin: auto
}

.benifithght {
  min-height: 385px
}

.benifet-content-2 .text-center img,
.digisecureimg .service-item-body img,
.digiserpage img {
  height: 300px
}

.indexwhatdo .testimonial-slider .service-item {
  height: 420px
}

.epicoroffer .service-item-header {
  display: block !important
}

.country-code-select {
  width: 85px;
  background: 0 0;
  border: none;
  position: relative;
  border-right: 1px solid #b3b3b3 !important
}

.country-code-select .form-select:focus {
  color: #000 !important;
  padding: 16px
}

.country-code-select .form-select {
  border-radius: 0 !important
}

.form-control:focus {
  box-shadow: none !important
}

.erpexp .eslh-waber {
  justify-content: initial !important;
  display: -webkit-inline-box !important
}

.erpexp .eslh-waber p {
  font-size: 20px !important;
  font-family: Raleway;
  color: #fff !important;
  min-height: 70px
}

.card1.cs .micfabric {
  padding: 30px 30px 15px
}

.gercounts .success-counter-item p {
  font-size: 18.5px !important
}

.geranim .testimonial-slider .service-item {
  height: 460px !important
}

.gerprojects .service-item-body p {
  height: auto;
  color: #fff;
  font-size: 22px
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.ql-container.ql-snow {
  overflow: auto
}

.germanaiml .flip-card {
  height: 415px !important
}

.indexwhatdo .testimonial-btn {
  gap: 0 !important
}

.indexwhatdo .testimonial-button-prev {
  left: -10px
}

.indexwhatdo .testimonial-button-next {
  right: -5px
}

.job-table-waber .ser-btn2 a {
  font-size: 15px !important
}

.careergerman .family-content h5 {
  color: #fff;
  font-size: 24px !important;
  line-height: 36px;
  font-weight: 600
}

.ecommers-8 .ecom {
  margin: 0 auto !important
}

.chat-btn-1:hover {
  background: #e9e9e9;
  color: #082326;
  transition: .5s ease-in-out
}

.careerreturn {
  position: absolute;
  height: 100%;
  left: -20% !important;
  top: 0;
  z-index: -22
}

.corusbenefit video {
  width: 70% !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.impressum h1 {
  margin-bottom: 20px;
  margin-top: 20px
}

.merlinimgnew img {
  width: 70%;
  height: 100%;
  object-fit: cover
}

.contect-call a:hover {
  color: teal;
  transition: .5s ease-in-out
}

@media (max-width:380px) {
  .bodyindex .service-item {
    padding: 10px
  }

  .bodyindex .thepathindex .service-item-body p {
    height: 330px !important
  }

  .bodyindex .countingss .success-counter-box1 h2 {
    height: 90px
  }

  .bodyindex .prine-title h2 {
    width: 100%;
    font-size: 28px;
    line-height: 40px
  }

  .bodyindex .section-title h2 {
    width: 100%;
    font-style: SemiBold;
    font-size: 30px;
    line-height: 40px
  }

  .bodyindex .our-testimonial .testianimdot .service-item-header {
    margin-bottom: 10px
  }

  .bodyindex .testimonial-slider .flip-card-inner {
    padding: 0
  }

  .bodyindex .testimonial-btn {
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 15px auto 0 !important
  }

  .bodyindex .indexprojectsmobile .testimonial-btn {
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 35px auto 0 !important
  }
}

.overviewhgtchange .valueslide {
  min-height: 495px !important
}

.mt15 {
  margin-top: 15px;
  line-height: 24px
}

.main-menu ul .search-results-list li a:hover {
  color: #082326;
  background-color: transparent;
  padding: 25px 20px !important
}

.germegamenu .projects h3 span {
  font-size: 10px;
  height: auto !important
}

.oursolutionsec .service-item {
  min-height: 470px
}

.brouchure input:-webkit-autofill,
.brouchure input:-webkit-autofill:active,
.brouchure input:-webkit-autofill:focus,
.brouchure input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 9999px transparent !important;
  box-shadow: inset 0 0 0 9999px transparent !important;
  background-color: #fff !important
}

.brouchure input:-internal-autofill-selected {
  background: 0 0 !important
}

.brouchure input::placeholder {
  color: #fff !important
}

.brouchure .custom-form-control,
.brouchure .form-control {
  color: #fff !important;
  background: 0 0 !important;
  border: 1px solid #fff !important
}

.brouchure input[type=tel] {
  border-radius: 0;
  padding: 10px 20px !important;
  margin-bottom: 0
}

.blog-details-waber ol li,
.blog-details-waber ul li {
  color: #000 !important;
  font-size: 16px;
  font-weight: 400;
  font-family: helvetica-neue-lt-pro
}

.events ul li {
  color: #000;
  line-height: 1.7;
  font-size: 16px;
  font-weight: 400;
  font-family: helvetica-neue-lt-pro
}

.sap-svg-animation-wrap::after {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  height: 140px;
  width: 200px;
  background: #082326
}

@media (min-width:1700px) {
  .sap-svg-animation-wrap::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 130px;
    width: 300px;
    background: #082326
  }

  .sap-svg-animation-wrap iframe {
    height: 750px !important
  }
}

@media (max-width:1300px) {
  .sap-svg-animation-wrap::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 160px;
    width: 300px;
    background: #082326
  }
}

#ebook-landing-root>section:nth-of-type(2) ul,
.sap-service-waber ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0
}

.sap-service-waber ul li {
  position: relative;
  padding-left: 34px;
  font-family: helvetica-neue-lt-pro
}

#ebook-landing-root>section:nth-of-type(2) ul li::before,
.sap-service-waber ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20.1182 1.85687L20.9459 1.15894' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M21.1582 4.24857L22.2332 4.12012' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M3.8814 1.85687L3.05371 1.15894' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M2.84261 4.24857L1.76758 4.12012' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9044 13.5246C14.4253 13.5246 16.4689 11.481 16.4689 8.96006C16.4689 6.43913 14.4253 4.39551 11.9044 4.39551C9.38346 4.39551 7.33984 6.43913 7.33984 8.96006C7.33984 11.481 9.38346 13.5246 11.9044 13.5246Z' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.75939 17.9222H16.0492C16.1241 16.6629 16.6565 15.4705 17.5508 14.5705C18.9807 13.1315 19.8643 11.1489 19.8643 8.95998C19.8643 4.59585 16.3523 1.05197 12.0003 1.00056C7.6234 0.948883 4.00076 4.47943 3.945 8.85627C3.91667 11.0809 4.80111 13.099 6.24741 14.5599C7.14366 15.4652 7.68361 16.6584 7.75939 17.9222Z' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.4474 20.4613H7.36109C7.11312 20.4613 6.91211 20.2602 6.91211 20.0123V18.3713C6.91211 18.1234 7.11312 17.9224 7.36109 17.9224H16.4474C16.6954 17.9224 16.8964 18.1234 16.8964 18.3713V20.0123C16.8964 20.2602 16.6954 20.4613 16.4474 20.4613Z' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.9976 23.0001H9.81164C8.57704 23.0001 7.57617 21.9992 7.57617 20.7646V20.4612H16.233V20.7646C16.233 21.9992 15.2322 23.0001 13.9976 23.0001Z' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.6957 7.77539L11.3265 10.1446L10.4189 9.23704' stroke='%23499A9A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/></svg>")
}

.coruslogo img {
  height: 90px !important;
  margin-bottom: 10px
}

.corushrbanner {
  padding: 50px 0 20px !important
}

.accordion-body p {
  padding: 10px 0
}

.awardssect .testimonial-slider-awards .swiper-wrapper {
  padding: 0 0 30px
}

.leadermobile .readmore {
  position: relative;
  z-index: 0
}

.germansap .valueslide {
  min-height: 220px !important
}

.germandigisersol .MeRLIN-service,
.germandigisol .MeRLIN-service {
  height: 435px !important
}

.gercompcab .epiccomp .flip-card,
.germanbuildsec .service-item-body .uiux {
  height: 325px !important
}

.germansapservice .sap-service-waber {
  min-height: 680px
}

.germanwhysugar .MeRLIN-service {
  min-height: 380px !important;
  height: 380px !important
}

.merlinicon1 .MeRLIN-service svg {
  height: 80px
}

.merlinicon1 .MeRLIN-service h3 {
  font-size: 1.3rem;
  font-weight: 700
}

.mt-15 {
  margin-top: 30px !important
}

.gerwealways .overviewhgtchange .valueslide {
  min-height: 350px !important
}

.germancorus .oursolutionsec .service-item {
  min-height: 510px
}

.germanerpcab .epicsecslide .valueslide {
  min-height: 320px;
  max-height: auto;
  width: 100%;
  padding: 15px !important
}

.gercompcab .epichgt h3 {
  height: 55px !important
}

.geramslide .valueslide {
  min-height: 260px
}

.gercommexp .valueslide {
  min-height: 200px
}

.germstech .agency-supports-logo {
  height: 275px !important
}

.germsapproch .valueslide {
  height: 300px;
  padding: 24px !important
}

.germodern .cussec .service-item p {
  color: #000;
  height: 170px !important;
  padding: 16px 24px
}

.germodern .cussec .service-item h3 {
  height: 85px
}

.germodern .cussec img {
  height: 200px;
  margin: auto
}

.dynamics-advantage-waber h3 {
  font-size: 20px;
  color: #000;
  margin: 20px 0 15px
}

.gerdigisermodern .MeRLIN-service {
  height: 485px !important
}

.tangcontent {
  height: 340px
}

.germstechadv .agency-supports-slider2 .agency-supports-logo {
  height: 320px !important
}

.gerbenef .global .text-center img {
  height: 318px
}

.tangilewaber .tangileimg img {
  height: 290px
}

.digisecureimg .service-item-body {
  min-height: 615px !important
}

.gerdigisecure .identifyimg img {
  height: 347px !important
}

.gerwealways .overviewhgtchange .valueslide h5 {
  margin: 15px 0
}

.gercusexcellence .stackimg .excelimg li {
  min-height: 330px !important
}

.termssec ul li,
.termssec ul li p,
.wrappernew ul li p {
  line-height: 24px;
  font-family: helvetica-neue-lt-pro;
  font-style: normal;
  font-weight: 400;
  font-size: .95rem;
  color: #212529
}

.gerenterprice .testimonial-slider .service-item {
  min-height: 500px
}

.places.rights li {
  padding: 0 10px !important
}

.sap1 img {
  height: 290px !important
}

.sapsub1 img {
  height: 280px !important
}

.warehousegerman text {
  font-size: 14px !important
}

.warehousegerman .strongdecise {
  transform: translate(490px, 254px) !important
}

.h2height h3 {
  height: 65px !important
}

.ind-b-h1 {
  min-height: 666px !important
}

.d-g24 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px
}

.sap-advantage-main-waber .challenge-point-waber {
  width: calc(50% - 8px);
  display: flex
}

.sap-advantage-main-waber .challenge-point-waber img {
  margin-right: 10px
}

.aeroimgg img {
  height: 370px;
  overflow: hidden;
  position: absolute;
  bottom: 10%;
  left: 5%;
  width: auto
}

#ebook-landing-root {
  color: #444;
  background: #fff
}

#ebook-landing-root>section:first-of-type,
#ebook-landing-root>section:nth-of-type(2) {
  color: #444
}

#ebook-landing-root>section:first-of-type p,
#ebook-landing-root>section:nth-of-type(2) li,
#ebook-landing-root>section:nth-of-type(2) p {
  color: #000
}

#ebook-landing-root input,
#ebook-landing-root select,
#ebook-landing-root textarea {
  color: #111827;
  background-color: #fff
}

#ebook-landing-root input::placeholder,
#ebook-landing-root textarea::placeholder {
  color: #000
}

#ebook-landing-root>section:nth-of-type(3) h1,
#ebook-landing-root>section:nth-of-type(3) h2,
#ebook-landing-root>section:nth-of-type(3) h3,
#ebook-landing-root>section:nth-of-type(3) h4,
#ebook-landing-root>section:nth-of-type(3) h5,
#ebook-landing-root>section:nth-of-type(3) h6,
#ebook-landing-root>section:nth-of-type(3) li,
#ebook-landing-root>section:nth-of-type(3) p {
  color: #fff !important
}

#ebook-landing-root>section:nth-of-type(3) {
  background: #082326 !important
}

#ebook-landing-root>div:last-child {
  background: #fff !important
}

.ebook-landing-header {
  height: 100px;
  padding: 10px 0;
  align-items: center
}

.ebook-landing-header__img {
  height: 70px;
  width: auto;
  display: block
}

.ebook-landing-header__mail a {
  color: #fff !important;
  font-weight: 600
}

#ebook-landing-root>section:nth-of-type(2) ul li {
  position: relative;
  padding-left: 34px
}

#ebook-landing-root h1 {
  font-size: 36px;
  font-weight: 400;
  color: #444;
  line-height: 1.2;
  margin-bottom: 10px;
  letter-spacing: -.3px;
  font-family: "helvetica-neue-lt-pro";
}

#ebook-landing-root h2,
#ebook-landing-root h3 {
  font-size: 20px !important;
  font-weight: 500;
  color: #333;
  margin-bottom: 14px;
  line-height: 1.3;
  font-family: "helvetica-neue-lt-pro";
}

.defhead1 {
  height: 75px !important
}

.more-text h5 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.3
}

.topheadsize h1 {
  font-size: 36px;
  line-height: 1.2
}

.topheadsize h5 {
  font-size: 18px;
  line-height: 1.5
}

.topheadsize {
  max-width: 85%;
  margin: auto
}

.topheadsize h5 {
  font-family: "helvetica-neue-lt-pro";
  font-weight: 500;
}

.testidescription h2 {
  color: #000 !important;
}

.mobileview {
  display: none !important;
}

@media(max-width:768px) {

  .mobileview {
    display: block !important;
  }
}

#ebook-landing-root ul li {
  font-size: 14px !important;
  font-family: "helvetica-neue-lt-pro" !important;
}

#ebook-landing-root p {
  font-family: "helvetica-neue-lt-pro" !important;
}

#ebook-landing-root h2 {
  font-family: "helvetica-neue-lt-pro";
  font-weight: 500;
}

.epiccompanion .section-title h2 {
  color: #000;
}

.epictechnology .section-title h2 {
  color: #000;
}

.ql-editor [style*="font-size: 10px"] {
  font-size: 10px !important;
}

.ql-editor [style*="font-size: 12px"] {
  font-size: 12px !important;
}

.ql-editor [style*="font-size: 16px"] {
  font-size: 16px !important;
}

.ql-editor [style*="font-size: 18px"] {
  font-size: 18px !important;
}

.ql-editor [style*="font-size: 20px"] {
  font-size: 20px !important;
}

.ql-editor [style*="font-size: 22px"] {
  font-size: 22px !important;
}

.ql-editor [style*="font-size: 24px"] {
  font-size: 24px !important;
}

.ql-editor [style*="font-size: 28px"] {
  font-size: 28px !important;
}

.ql-editor [style*="font-size: 30px"] {
  font-size: 30px !important;
}

.ql-editor [style*="font-size: 32px"] {
  font-size: 32px !important;
}

.ql-editor [style*="font-size: 34px"] {
  font-size: 34px !important;
}

.ql-editor [style*="font-size: 36px"] {
  font-size: 36px !important;
}

.ql-editor [style*="font-size: 38px"] {
  font-size: 38px !important;
}

.ql-editor [style*="font-size: 40px"] {
  font-size: 40px !important;
}

.ql-editor [style*="font-size: 42px"] {
  font-size: 42px !important;
}

.ql-editor [style*="font-size: 44px"] {
  font-size: 44px !important;
}

.ql-editor [style*="font-size: 46px"] {
  font-size: 46px !important;
}

.ql-editor [style*="font-size: 48px"] {
  font-size: 48px !important;
}

.ql-editor [style*="font-size: 50px"] {
  font-size: 50px !important;
}

.ql-editor [style*="font-size: 54px"] {
  font-size: 54px !important;
}

.ql-editor [style*="font-size: 56px"] {
  font-size: 56px !important;
}

.ql-editor [style*="font-size: 58px"] {
  font-size: 58px !important;
}

.ql-editor [style*="font-size: 60px"] {
  font-size: 60px !important;
}

.ql-editor [style*="font-size: 64px"] {
  font-size: 64px !important;
}

.ql-editor [style*="font-size: 72px"] {
  font-size: 72px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: attr(data-value) !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value])::before {
  content: "Size";
}

.events .section-title h2 {
  color: #000;
  margin-bottom: 15px !important;
}

.our-testimonial .section-title h2 {
  color: #000;
}
.advantage .section-title h2 {
  color: #000;
}