@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

-webkit-keyframes MOVE-BG {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
  }
}
@keyframes MOVE-BG {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
  }
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateY(0) rotateY(0);
    transform: perspective(120px) rotateY(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateY(-180.1deg) rotateY(0);
  }
  to {
    -webkit-transform: perspective(120px) rotateY(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateY(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes movebounce {
  0%,
  to {
    -webkit-transform: translateX(15px) translateY(0);
    transform: translateX(15px) translateY(0);
  }
  50% {
    -webkit-transform: translateX(15px) translateY(20px);
    transform: translateX(15px) translateY(20px);
  }
}
@keyframes movebounce {
  0%,
  to {
    -webkit-transform: translateX(15px) translateY(0);
    transform: translateX(15px) translateY(0);
  }
  50% {
    -webkit-transform: translateX(15px) translateY(20px);
    transform: translateX(15px) translateY(20px);
  }
}
@keyframes rotateme {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateme {
  0% {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes animationFramesOne {
  0%,
  to {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
    transform: translate(-40px, 72px) rotate(144deg);
  }
}
@-webkit-keyframes animationFramesOne {
  0%,
  to {
    -webkit-transform: translate(0, 0) rotate(0);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
}
@keyframes blinker {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  to {
    background-position: 468px 0;
  }
}
@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  to {
    background-position: 468px 0;
  }
}
.rotateme,
.section-title .bar::before {
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.main-banner .d-table {
  min-height: 100vh;
}
:root {
  --blue: #f98ce3;
  --green: #2aa545;
  --primary: #940b92;
  --redpink: #940b92;
  --yellow: #f5b01a;
  --black: #000000;
  --primary-font: 'Karla', sans-serif;
  --secondary-font: 'Karla', sans-serif;
  --paragraph-color: #212121;
  --orange: #940b92;
  --bg-gray: #f8f8fb;
}
/* .wow {
  visibility: hidden;
} */
body {
  font-family: Poppins, sans-serif;
  font-family: var(--primary-font);
  padding: 0;
  margin: 0;
  font-size: 15px;
  scroll-behavior: smooth;
}
.proud-img img,
.services-sec-page .services-box,
.webimg video,
img {
  max-width: 100%;
  max-height: 100%;
}
a {
  color: #0e314c;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  outline: 0;
}
a:focus,
a:hover {
  color: var(--primary);
  text-decoration: none;
}
.blog-section .blog-text a.blog-title-link,
.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}
p {
  color: #000;
  line-height: 1.5;
}
.contact-us-content.bg-new-org ul.contact-info-list,
.cookie-policy-text p:last-child,
.list-style ul:last-child,
.next-blog .blog-text .h4-style:last-child,
.next-blog .blog-text h4:last-child,
.service-mobile-list li:last-child,
.services-menu-title ul li:last-child,
.set-clientbtn .right-sec-cluth,
.single-footer-widget ul.footer-contact-info li:last-child,
.single-footer-widget ul.list li:last-child,
.testimoniols-name p:last-child,
.testimoniols-section .testimoniols-infodesc p:last-child,
.work-flow-section .faq-acc .card,
p:last-child {
  margin-bottom: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: 500;
}
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-family: inherit;
  color: inherit;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.h1-style {
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  font-size: 2.5rem;
}
.h2-style {
  margin-block-start: 0;
  margin-block-end: 0.83em;
  font-size: 2rem;
}
.h3-style {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.h4-style {
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
.h5-style {
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  font-size: 1.25rem;
  font-weight: 500;
}
.h6-style {
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}
.h1-style,
.h2-style {
  font-weight: 500;
  line-height: 1.2;
}
.h5-style,
.h6-style {
  line-height: 1.2;
}
.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.bg-change {
  background: #f8f8fb;
  transition: 0.5s ease-in-out !important;
}
.android-page .page-join-us,
.application-page .page-join-us,
.bg-change.bg-change-blogdetails,
.blog-otherpage,
.brad-setion,
.case-img,
.casestudy-page .page-join-us,
.color-case,
.crm-page .page-join-us,
.ecom-page .page-join-us,
.erp-page .page-join-us,
.flutter-page .page-join-us,
.hardware-page .page-join-us,
.hrms-page .page-join-us,
.inventory-page .page-join-us,
.ios-page .page-join-us,
.micro-imp-page .page-join-us,
.micro-page .page-join-us,
.other-pagebg,
.otherpgmenu-sticky,
.payroll-page .page-join-us,
.pwa-page .page-join-us,
.react-page .page-join-us,
.saas-page .page-join-us,
.sap-page .page-join-us,
.sapinp-page .page-join-us,
.sem-page .page-join-us,
.seo-page .page-join-us,
.service-we-do-sec,
.smm-page .page-join-us,
.smo-page .page-join-us,
.value-section:hover,
.web-design .page-join-us,
.whatsapp-page .page-join-us,
.window-forms-page .page-join-us,
.wpf-charp .page-join-us,
section.value-we-deliver,
section.web-Overview {
  background-color: #fff;
}
.bg-lightblue,
.zoho-partner-card .row .col-12:nth-child(2) div:first-child {
  background-color: #f8f8fb !important;
}
.blog-details-info div:first-child,
.blog-sidebar h2.h4-style,
.clients-trust-info.clients-media,
.contact-us-content.bg-new-org.text-white p,
.owl-theme .owl-nav,
.testimoniols-section .testimoniols-card .testimoniols-name .h5-style,
.tool-section.other-pagebg.other-div .hero-button {
  margin-top: 0;
}
.owl-theme .owl-dots {
  margin-top: 20px;
  line-height: 0.01;
}
.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 10px;
  background: #d6d6d6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary);
}
.btn-primary {
  color: #fff;
  background-color: #39c;
  background-color: var(--primary);
  box-shadow: none !important;
}
.btn-primary .show > .btn-primary.dropdown-toggle,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-techno .btn-primary:hover {
  color: #fff;
  background: #940b92;
  border-color: #940b92;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}
#contactForm .help-block ul,
.about-content .section-title p,
.blog-details_des-text div:first-child,
.page-join-us .btn-primary,
.serv-port-02-img figure,
.services-menu-list,
.social-share-icon.socialshare-middle ul,
.tool-section .technology-slider.tt-used-text,
.tools-technologies-sec .btn-index,
.zoho-we-impact.industries-view-more-btn {
  margin: 0;
}
.page-join-us .btn-primary:hover {
  color: #940b92;
  background: #fff;
  border-color: #fff;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  margin: 0;
}
.btn-primary .show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #4646b2;
  -webkit-box-shadow: 0 13px 27px 0 rgba(70, 70, 177, 0.25);
  box-shadow: 0 13px 27px 0 rgba(70, 70, 177, 0.25);
  opacity: 1;
}
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
  background: #0062cc;
  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
  color: #fff;
  background-color: var(--primary) !important;
  box-shadow: none !important;
}
.btn {
  font-weight: 600;
  font-size: 16px;
  border: 0;
  padding: 15px 40px;
  position: relative;
  border-radius: 4px;
  z-index: 1;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 5px;
}
.btn::after {
  left: 0;
  border-radius: 4px 0 0 4px;
}
.btn::before {
  right: 0;
  border-radius: 0 4px 4px 0;
}
.btn:hover::after,
.btn:hover::before {
  width: 50%;
}
.form-group {
  margin-bottom: 18px;
}
label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.form-control {
  height: 45px;
  padding: 10px;
  font-size: 16px;
  color: #0e314c;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  resize: unset;
}
.form-control:focus {
  outline: 0;
  background: #fff;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-color: #80bdff;
}
.core-values-info,
.funfact,
.industry-sec-img-new,
.section-title,
.serv-port-01-img figure,
.serv-port-03-img figure,
.serv-port-05-img figure,
.tt-used-card .tt-used-icone,
.value-desc {
  text-align: center;
}
.section-title .h2-style,
.section-title h2 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.section-title p {
  max-width: 720px;
  margin: 0 auto;
  text-align: justify;
}
.section-title .bar {
  height: 5px;
  width: 90px;
  background: #9595f9;
  margin: 20px auto;
  position: relative;
  border-radius: 30px;
}
.preloader .spinner {
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 100px;
  margin: -75px auto 0;
  -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
  animation: 1.2s ease-in-out infinite sk-rotateplane;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  background-size: 100px 100px;
}
.section-title .bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2.7px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #4646b1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
  animation-name: MOVE-BG;
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgb(255 255 255/50%);
}
#header.is-sticky .startp-nav .navbar {
  padding: 0.1rem 1rem;
}
.navbar-brand {
  padding: 7px 0;
}
.headerlogo {
  width: 230px;
  height: auto;
}
.csd-work .faq-acc div .card:last-child,
.csd-work .faq-acc div .card:nth-child(7),
.csd-work .faq-acc div .card:nth-child(8),
.mad-work .faq-acc div .card:last-child,
.mad-work .faq-acc div .card:nth-child(8),
.brading-main-section .filter-tab,
.contact-from-section .g-recaptcha,
.contact-from-section input.btn-gray,
.csharp-faq .faq-acc div .card:last-child,
.csharp-faq .faq-acc div .card:nth-child(5),
.csharp-faq .faq-acc div .card:nth-child(6),
.csharp-faq .faq-acc div .card:nth-child(7),
.desk-work-flow .faq-acc div .card:last-child,
.desk-work-flow .faq-acc div .card:nth-child(8),
.ent-imp-work-flow .faq-acc div .card:last-child,
.ent-imp-work-flow .faq-acc div .card:nth-child(7),
.ent-imp-work-flow .faq-acc div .card:nth-child(8),
.enter-int-work-flow .faq-acc div .card:last-child,
.entsof-work-flow .faq-acc div .card:last-child,
.entsof-work-flow .faq-acc div .card:nth-child(7),
.entsof-work-flow .faq-acc div .card:nth-child(8),
.event-box .glimpse-more-img .glimpse-tile img,
.faq-section.other-div .see-all-features.hide,
.industry-section .sec-title .h2-style:before,
.inventory-faq .faq-acc div .card:last-child,
.inventory-faq .faq-acc div .card:nth-child(6),
.inventory-faq .faq-acc div .card:nth-child(7),
.lisub-Retail.active::before,
.lisub-ecommerceindustry.active::before,
.lisub-electronics.active::before,
.lisub-food-industry.active::before,
.lisub-health.active::before,
.lisub-hospitality.active::before,
.lisub-investment-nbfc.active::before,
.lisub-it-industry.active::before,
.lisub-manufacturing.active::before,
.lisub-media-industry.active::before,
.lisub-mining-industry.active::before,
.lisub-supplychain.active::before,
.lisub-telecommunication.active::before,
.main-banner .banner-image img:last-child,
.micro-int-faq .faq-acc div .card:last-child,
.micro-int-faq .faq-acc div .card:nth-child(5),
.micro-int-faq .faq-acc div .card:nth-child(6),
.micro-int-faq .faq-acc div .card:nth-child(7),
.mobile-work-flow .faq-acc div .card:last-child,
.mobile-work-flow .faq-acc div .card:nth-child(8),
.recaptcha-error[style='font-size:12px;color:red;visibility:hidden;'],
.sap-int-faq .faq-acc div .card:last-child,
.sap-int-faq .faq-acc div .card:nth-child(5),
.sap-int-faq .faq-acc div .card:nth-child(6),
.sap-int-faq .faq-acc div .card:nth-child(7),
.sec-title.faq-titl .h2-style:before,
.sec-title.title-no-effect .h1-style:before,
.sec-title.title-no-effect .h2-style:before,
.sec-title.title-no-effect .h3-style:before,
.sec-title.title-no-effect h1:before,
.sec-title.title-no-effect h2:before,
.sec-title.title-no-effect h3:before,
.sem-work-flow .faq-acc div .card:last-child,
.sem-work-flow .faq-acc div .card:nth-child(7),
.sem-work-flow .faq-acc div .card:nth-child(8),
.seo-work-flow .faq-acc div .card:last-child,
.services-menu-content .services-menu-list ul li a::before,
.small-blog .blog-sec-desc,
.smm-faq .faq-acc div .card:last-child,
.smm-faq .faq-acc div .card:nth-child(5),
.smm-faq .faq-acc div .card:nth-child(6),
.smm-faq .faq-acc div .card:nth-child(7),
.smm-work-flow .faq-acc div .card:last-child,
.smm-work-flow .faq-acc div .card:nth-child(7),
.smm-work-flow .faq-acc div .card:nth-child(8),
.smo-work-flow .faq-acc div .card:last-child,
.smo-work-flow .faq-acc div .card:nth-child(8),
.startp-mobile-nav,
.startp-nav nav .navbar-nav.navbar-nav-scale .nav-item a.bg-new-org:before,
.testimoniols-section .testimoniols-mobile-slider .owl-dots,
.web-appl-faq .faq-acc div .card:last-child,
.web-appl-faq .faq-acc div .card:nth-child(5),
.web-appl-faq .faq-acc div .card:nth-child(6),
.web-appl-faq .faq-acc div .card:nth-child(7),
.web-des-faq .faq-acc div .card:last-child,
.web-des-faq .faq-acc div .card:nth-child(5),
.web-des-faq .faq-acc div .card:nth-child(6),
.web-des-faq .faq-acc div .card:nth-child(7),
.web-work-flow .faq-acc div .card:last-child,
.wpf-faq .faq-acc div .card:last-child,
.wpf-faq .faq-acc div .card:nth-child(5),
.wpf-faq .faq-acc div .card:nth-child(6),
.wpf-faq .faq-acc div .card:nth-child(7),
.zoho-int-faq .faq-acc div .card:last-child,
.zoho-int-faq .faq-acc div .card:nth-child(5),
.zoho-int-faq .faq-acc div .card:nth-child(6),
.zoho-int-faq .faq-acc div .card:nth-child(7) {
  display: none;
}
.single-footer-widget .cycle-sub-list a:hover,
.single-footer-widget ul.footer-contact-info li a:hover,
.startp-mobile-nav.mean-container .mean-nav ul li a.active,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu
  li
  .dropdown_menu
  li
  a.active,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu
  li
  .dropdown_menu
  li
  a:focus,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu
  li
  .dropdown_menu
  li
  a:hover,
p i {
  color: #39c;
}
.startp-nav {
  background: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  z-index: 9999;
  height: auto;
  /* Un-comment if needed ! */
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.funfacts-area,
.industry-section-title,
.main-banner,
.startp-nav nav .navbar-nav.navbar-nav-scale > .nav-item > a,
section.we-imp-sec,
section.wrapper.section-space.event-content.overflow-visible.grayscale.section-three.pt-0 {
  z-index: 1;
  position: relative;
}
.brand-img .brandimg-figure.bf-upyog,
figure.brandimg-figure.bf-upyogindia {
  background-position: -300px -2100px;
}
.client-tele .owl-stage,
.client-tele.owl-carousel .owl-stage,
.clients-media .image figure,
.item-mining .image figure,
.service-sec-slide-content .owl-carousel .owl-dots .owl-dot span,
.tool-section .technology-slider p {
  margin: 0 auto;
}
.we-impact-section.section-space {
  margin-bottom: 50px;
}
.appi-casestudy-navi .pp-navi a,
.blog-details-date i,
.blog-text p,
.contact-us-content .contact-text a,
.contact-us-content .contact-text p,
.event-detail .btn-primary:focus,
.letest-blog .blog-text i,
.recruitment-desc p,
.serv-port-01 p,
.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-accset .btn-link.collapsed:hover,
.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .sec-title .h2-style b {
  color: #fff;
}
.startp-nav.p-relative {
  position: relative;
  padding-bottom: 15px;
}
.single-footer-widget ul,
.startp-nav nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.service-port-info-img .clspageparentmenu1,
.service-port-info-img .clspageparentmenu {
  font-weight: 700;
}
.startp-nav nav .navbar-nav .nav-item {
  position: relative;
  padding: 10px 0;
}
.startp-nav nav .navbar-nav .nav-item a {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  padding: 10px 20px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 30px;
}
.appi-port-clocktext.serv-port-04 .down-text p,
.blog-details .card-body,
.blog-details.section-space,
.col-12.footer-new-address,
.contact-us-form-wrap .card-body,
.faq-section.other-div .faq-section.other-div .faq-acc.collaspse-data-table,
.industry-img .industry-img-sec,
.mobile_footer li.mobile-center a.link-attachment,
.services-menu-info > .services-menu-inner-block .services-menu-content-info,
.single-footer-widget.footer-contact ul.list li a,
.startp-nav nav .navbar-nav.zoho-menu,
.tool-section.other-pagebg.other-div
  .technology-slider
  .tt-used-card
  .card-body {
  padding: 0;
}
.zoho-partner-card.card.bg-lightblue.rounded.shadow-lg.border-0 {
  padding: 0 15px;
}
.about-section,
.appi-ins-portfolio-right.serv-port-05-img figure,
.blog-details-content,
.blog-nav-meta,
.blog-photo,
.contact-from-section .zcwf_col_fld,
.dropdown,
.filepreview,
.industry-sec-main-content,
.main-banner .banner-image,
.other-pgcasestdy,
.overviewimg img,
.service-we-do-sec .service-sec-slide,
.single-footer-widget.footer-contact div:nth-child(2),
.startp-nav nav .navbar-nav,
.startp-nav nav .navbar-nav .nav-item .nav-item-arrow,
.testi-service,
.testimoniols-section,
.tools-technologies-sec .tab-content,
.who-we-section,
.work-flow-section .card-header,
.year-nav-pills li,
.zohoproduct-mobile-slider,
section.blog-section.section-space {
  position: relative;
}
.startp-nav nav .navbar-nav.navbar-nav-scale > .nav-item > a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 60%;
  background: #fff;
  z-index: -5;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 9px;
}
.startp-nav nav .navbar-nav.navbar-nav-scale > .nav-item > a:hover::before {
  transform: scale(1.8);
  background: var(--primary);
}
.startp-nav nav .navbar-nav .nav-item a.bg-new-org,
.startp-nav nav .navbar-nav .nav-item:hover a.bg-new-org,
.startp-nav nav .navbar-nav.navbar-nav-scale .nav-item a:hover {
  color: #fff !important;
}
.blog-section .title a,
.content-typography a,
.dropdown .dropdown-content li.nav-item a:hover,
.dropdown-container .dropdown-block-left .nav-item-title li.active a,
.portfolio_content .gird_item:nth-child(5n + 5) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n + 5) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n + 5) .portfolio-item p:before,
.section-block-title span,
.services-list-content
  .services-item:nth-child(5n + 4)
  .services-box
  .services-box-text
  .h3-style,
.services-list-content
  .services-item:nth-child(5n + 4)
  .services-box
  .services-box-text
  h3,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a,
.startp-nav nav .navbar-nav .nav-item a.active,
.startp-nav nav .navbar-nav .nav-item a:focus,
.startp-nav nav .navbar-nav .nav-item a:hover,
.startp-nav nav .navbar-nav .nav-item.active a,
.startp-nav
  nav
  .navbar-nav.zoho-menu
  .nav-item.nav-item-lihome.active
  ~ .nav-item-lipartner
  a,
.team-carousel .owl-controls .owl-nav .owl-next:hover,
.team-carousel .owl-controls .owl-nav .owl-prev:hover,
.testimoniols-section .card:hover .h5-style,
.testimoniols-section .card:hover .testi-qutos,
.testimoniols-section .card:hover h5,
.top-header-contact .header-social .social-links li a:hover {
  color: var(--primary);
}
.footer-three-address li.footer-address {
  padding-right: 3rem;
}
.esteemed-slider::after,
.esteemed-slider::before {
  background-image: none !important;
}
.services-box:hover .services-box-text .h3-style,
.services-box:hover .services-box-text h3,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.active,
.startp-nav nav .navbar-nav .nav-item:hover > a,
.tabs-list-content .tabs-list-scroll .list-tabs .btn:hover {
  color: var(--primary) !important;
}
.blog-details-hero-section .overlay p,
.blog-section .blog-data .overlay .blog-text .title a,
.blog-section .blog-data .overlay .blog-text p,
.blog-section .blog-data .overlay .blog-text p i,
.case-content-back span:last-child,
.industry-des-point li,
.part-blog .blog-text i,
.portskip:hover,
.single-footer-widget ul.footer-contact-info li a,
.startp-nav nav .navbar-nav.zoho-menu .nav-item.nav-item-lihome.active a,
.text-black,
a.case-article-play-btn:hover {
  color: #000;
}
.bg-new-org.text-white p,
.service-mobile-list
  .owl-item.current
  .service-slide-list
  .service-slide-block
  h4,
.service-mobile-list
  .owl-item.current
  .service-slide-list
  .service-slide-block
  p,
.service-mobile-list .service-slide-list:hover .service-slide-block .h4-style,
.service-mobile-list .service-slide-list:hover .service-slide-block h4,
.service-mobile-list .service-slide-list:hover .service-slide-block p,
.startp-nav nav .navbar-nav .nav-item a.bg-new-org.active,
.startp-nav nav .navbar-nav .nav-item a.bg-new-org:focus,
.startp-nav nav .navbar-nav .nav-item a.bg-new-org:hover {
  color: var(--white);
}
.startp-nav nav .navbar-nav .nav-item a svg {
  width: 14px;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  position: absolute;
  bottom: 80px;
  top: auto;
  left: 0;
  width: 270px;
  z-index: 99;
  padding: 20px 5px;
  opacity: 0;
  border-radius: 10px;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li,
.testimoniols-section .testimoniols-infodesc {
  position: relative;
  padding: 0;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
  font-size: 15px;
  font-weight: 500;
  padding: 8px 12px;
  margin: 0;
  display: block;
  color: var(--paragraph-color);
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover {
  color: var(--primary);
  margin-left: 4px;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu {
  position: absolute;
  left: 220px;
  top: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
  color: #4a6f8a;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover .dropdown_menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -20px !important;
}
.startp-nav nav .navbar-nav .nav-item:hover .dropdown_menu {
  opacity: 1;
  visibility: visible;
  top: auto;
  bottom: 100%;
  pointer-events: all;
}
.startp-nav nav .others-option {
  margin-left: 20px;
}
.startp-nav nav .others-option .btn.btn-light {
  background: 0 0;
  border: 2px dashed #cdf1d8;
  padding: 12px 33px;
  margin-right: 10px;
}
.startp-nav nav .others-option .btn.btn-light:focus,
.startp-nav nav .others-option .btn.btn-light:hover {
  color: #fff;
  border-color: #39c;
}
.startp-nav nav .others-option .btn.btn-light::after,
.startp-nav nav .others-option .btn.btn-light::before {
  background: #39c;
}
.startp-nav nav .others-option .btn.btn-primary {
  background: #4646b2;
  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
}
.startp-nav nav .others-option .btn.btn-primary::after,
.startp-nav nav .others-option .btn.btn-primary::before {
  background: #39c;
  -webkit-box-shadow: 0 13px 27px 0 rgba(70, 70, 177, 0.25);
  box-shadow: 0 13px 27px 0 rgba(70, 70, 177, 0.25);
}
.main-banner {
  padding: 150px 0 50px;
  display: flex;
  overflow: hidden;
}
.shape1,
.shape2,
.shape3,
.shape4,
.shape5,
.shape6,
.shape8 {
  z-index: -1;
  position: absolute;
}
.main-banner .hero-content .h1-style,
.main-banner .hero-content h1 {
  font-size: 55px;
  font-weight: 600;
  color: var(--paragraph-color);
  margin-bottom: 20px;
}
.banner-list-content,
.main-banner .hero-content .h2-style,
.main-banner .hero-content h2 {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}
.main-banner .hero-content p {
  margin-bottom: 10px;
  max-width: 550px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #141414;
}
.main-banner .banner-form {
  background: #fff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 50px 30px;
  border-radius: 5px;
}
.service-icon-pwa.service-img-08,
.tt-used-card .tt-used-icone figure.payment-instamojo {
  background-position: -700px 0;
}
.services-box,
.services-list-item .card {
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/5%);
}
.main-banner .hero-content.grayscale .h1-style,
.main-banner .hero-content.grayscale .h2-style,
.main-banner .hero-content.grayscale h1,
.main-banner .hero-content.grayscale h2,
.main-banner .hero-content.grayscale p {
  color: #777;
}
.clutch-data,
.main-banner .banner-form form .form-control {
  padding-left: 15px;
}
.main-banner .banner-form form .btn {
  display: block;
  width: 100%;
  -webkit-transform: unset;
  transform: unset;
  margin-top: 25px;
}
.appi-ins-portfolio-right.serv-port-03-img figure,
.appi-ins-portfolio-right.serv-port-04-img figure,
.appi-ins-portfolio-right.serv-port-06-img figure,
.main-banner .banner-image img,
.serv-port-02-img,
.serv-port-02-img figure {
  position: absolute;
}
.main-banner .banner-image img:first-child {
  z-index: 3;
  top: -130px;
  left: -45px;
}
.main-banner .banner-image img:nth-child(2) {
  right: 145px;
  top: -287px;
}
.main-banner .banner-image img:nth-child(3) {
  left: 25px;
  top: -20px;
}
.main-banner .banner-image img:nth-child(4) {
  right: 12%;
  top: 118px;
  z-index: 1;
}
.main-banner .banner-image img:nth-child(5) {
  left: 28%;
  top: -120px;
  z-index: 2;
}
.main-banner .banner-image img:nth-child(6) {
  right: 35%;
  z-index: 1;
  top: -150px;
}
.main-banner .banner-image img:nth-child(7) {
  right: 20px;
  top: -110px;
}
.main-banner .banner-image img:nth-child(8) {
  right: 25px;
  top: -140px;
}
.main-banner .banner-image img:nth-child(9) {
  right: 30%;
  z-index: 1;
  top: -35px;
}
.main-banner .banner-image img:nth-child(10) {
  left: 37%;
  top: -28px;
  z-index: 1;
}
.main-banner .banner-image img:nth-child(11) {
  left: 37%;
  top: -160px;
  z-index: 1;
}
.main-banner .banner-image img:nth-child(12) {
  left: 90px;
  top: -110px;
}
.main-banner .banner-image img:nth-child(13) {
  left: 56%;
  top: -25px;
  z-index: 2;
}
.main-banner .banner-image img:nth-child(14) {
  right: 105px;
  top: -28px;
}
.main-banner .banner-image.single-banner-image img {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.shape1 {
  top: 20%;
  left: 30px;
  -webkit-animation: 4s linear infinite rotate3d;
  animation: 4s linear infinite rotate3d;
  opacity: 0.4;
}
.single-footer-widget.footer-contact {
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 12px;
  padding: 2rem 2rem 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 25px #e4e4ed8a;
  margin-left: auto;
  margin-right: auto;
}
.single-footer-widget.footer-contact div:nth-child(2)::before {
  left: -1rem;
}
.single-footer-widget.footer-contact div:nth-child(2)::after {
  right: 1.5rem;
}
.single-footer-widget.footer-contact div:nth-child(2)::before,
.single-footer-widget.footer-contact div:nth-child(2):after {
  content: '';
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 32px;
  background-color: #d0d0e5a3;
}
.single-footer-widget.footer-contact div {
  padding-left: 1.5rem;
}
.shape2 {
  top: 60%;
  left: 15%;
}
p.single-footer-widget-title {
  margin-bottom: 10px;
  font-weight: 700;
}
.single-footer-widget.footer-contact div:nth-child(3) .footer-three-address {
  padding-left: 2rem;
}
.footer-country-flag figure.india-flag {
  object-fit: cover;
  object-position: top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  margin: 0;
}
.footer-new-address h3.single-footer-widget-title {
  font-size: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.single-footer-widget ul.list li a:hover {
  color: #1d74ff;
  padding-left: 2px;
}
.shape3 {
  left: 25%;
  bottom: 15%;
  -webkit-animation: 15s linear infinite animationFramesOne;
  animation: 15s linear infinite animationFramesOne;
}
.shape4 {
  right: 25%;
  bottom: 15%;
  -webkit-animation: 20s linear infinite animationFramesOne;
  animation: 20s linear infinite animationFramesOne;
}
.shape5 {
  right: 5%;
  top: 10%;
  -webkit-animation: 5s linear infinite movebounce;
  animation: 5s linear infinite movebounce;
  opacity: 0.2;
}
.shape6,
.shape8,
.testimoniols-section
  .testimoniols-mobile-slider.arrow-carousel.owl-theme
  .owl-nav
  .owl-next {
  right: 10%;
}
.shape6 {
  top: 40%;
}
.shape7 {
  position: absolute;
  left: 25%;
  top: 9%;
  z-index: -1;
  -webkit-animation: 20s linear infinite animationFramesOne;
  animation: 20s linear infinite animationFramesOne;
}
.shape8 {
  top: 15%;
}
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.about-content .section-title {
  text-align: left;
  margin-bottom: 18px;
}
.otherpage-heading.otherpage-heading-ios {
  text-transform: unset;
}
.about-content .section-title .bar {
  margin-right: 0;
  margin-left: 0;
}
.blog-section .blog-data.part-blog,
.read-more-casestudy .set-caseother .case-item,
.services-list-item .card .card-body {
  padding: 15px;
}
.card.rounded,
.rounded-10,
.services-list-item .card.rounded {
  border-radius: 10px !important;
}
.services-list-item .card .card-body .icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
  border-radius: 10px;
  display: flex;
}
.services-list-item .card .card-body .icon img {
  margin: auto;
  padding: 5px;
  width: 100%;
  -webkit-filter: invert(1) brightness(100);
  filter: invert(1) brightness(100);
}
.services-list-item .card .card-body .card-content-text,
.services-list-item .card .card-body .card-content-title {
  margin: 0;
  font-weight: 600;
  display: flex;
}
.services-list-item .card .card-body .card-content-text p,
.services-list-item .card .card-body .card-content-title .h4-style,
.services-list-item .card .card-body .card-content-title h4 {
  margin: auto 0;
  line-height: 1.5;
}
.services-list-item:nth-child(5n + 1) .card .card-body .icon {
  background-color: var(--orange);
}
.services-list-item:nth-child(5n + 2) .card .card-body .icon {
  background-color: var(--blue);
}
.services-list-item:nth-child(5n + 3) .card .card-body .icon {
  background-color: var(--redpink);
}
.service-mobile-list .owl-item.current .service-slide-list,
.service-mobile-list .service-slide-list:hover,
.services-list-item:nth-child(5n + 4) .card .card-body .icon {
  background-color: var(--primary);
}
.services-list-item:nth-child(5n + 5) .card .card-body .icon {
  background-color: var(--green);
}
.profile-desc,
.section-ourclient .client-item {
  margin-bottom: 30px;
}
.team-carousel .owl-controls {
  position: absolute;
  display: block;
  text-align: center;
  bottom: -30px;
  right: 0;
  left: 0;
}
.owl-carousel .owl-dots .owl-dot span,
.team-carousel .owl-controls .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.funfacts-area .section-title .h2-style,
.funfacts-area .section-title h2 {
  max-width: 520px;
  margin: 0 auto;
  line-height: 30px;
}
.funfacts-area .map-bg {
  position: absolute;
  z-index: -1;
  top: 120px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.funfact .h3-style,
.funfact h3 {
  color: var(--primary);
  font-size: 40px;
  margin-bottom: 7px;
  font-weight: 700;
}
.funfact p {
  font-size: 18px;
  line-height: initial;
}
.modal-content {
  border: 0;
  border-radius: 10px !important;
  overflow: hidden;
}
.modal-content button.close {
  position: absolute;
  right: 15px;
  display: inline-block;
  opacity: 1;
  top: 15px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
  border: 0;
  border-radius: 50%;
  outline: 0;
  z-index: 9;
}
.modal-content button.close,
.modal-content button.close span {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page-title-area {
  position: relative;
  z-index: 1;
  padding-top: 60px;
  padding-bottom: 20px;
  text-align: center;
  background-color: var(--bg-gray);
  background-color: transparent;
}
.content-popover .popover-block ~ .popover-foot,
.content-popover .popover-head ~ .popover-block,
.faq-blog-section .card-body,
.footer-area,
.services-sec.section-space.service-pd,
.work-flow-section .faq-acc .card-body,
section.casestudies-sec,
section.read-more-casestudy.secspace {
  padding-top: 0;
}
.page-title-area .h2-style,
.page-title-area .page-title,
.page-title-area h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: var(--primary);
  display: none;
}
#map iframe,
.blog-photo a,
.brading-main-section .filter-tab.show,
.cookie-policy-popup.show,
.dropdown-container .dropdown-block ul li.nav-item,
.glimpse-tile,
.other-ser-ico figure,
.single-footer-widget .logo a,
.tabs-list-content.arrow-active .tabs-control .arrow {
  display: block;
}
.clients-trust-sec .clients-trust-info:before {
  content: '';
  position: unset;
}
.blog-data.part-blog .blog-text .blog-title-link,
.dropdown-container .dropdown-block-right li,
.post-meta li,
.single-footer-widget ul.social-links li,
.social-share-icon a {
  display: inline-block;
}
#map iframe {
  height: 450px;
  width: 100%;
  overflow: hidden;
}
#contactForm .help-block ul li {
  color: red;
}
#contactForm .btn {
  margin-top: 10px;
}
#contactForm #msgSubmit.text-danger,
#contactForm #msgSubmit.text-success {
  margin: 20px 0 0;
}
.footer-area {
  position: relative;
  z-index: 9;
  padding-bottom: 80px;
}
.footer-area .map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: -1;
  bottom: 0;
  opacity: 0.7;
  height: 350px;
}
.footerlogo {
  width: 150px;
  object-fit: contain;
}
.industry-sec-img-content-listing,
.single-footer-widget .logo,
.single-footer-widget ul.footer-contact-info {
  margin-bottom: 20px;
}
.single-footer-widget .h3-style,
.single-footer-widget h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #1d74ff;
  font-weight: 600;
}
section.blog-details-content.blogdetails-info-space {
  padding-bottom: 10rem;
}
.blog-details-content .profile-data .profile-desc,
.case-list-title,
.single-footer-widget .cycle-sub-list,
.single-footer-widget .cycle-sub-list:last-child,
.single-footer-widget.footer-contact ul.list li {
  margin-bottom: 10px;
}
.single-footer-widget ul.list li {
  margin-bottom: 6px;
}
.appi-port-left-content .appi-pp-para .appi-cont li span strong,
.appi-port-left-content .appi-pp-para .appi-cont p span strong,
.case-desg p,
.sec-title h2 span,
.single-footer-widget ul.list li:nth-child(2) {
  font-weight: 400;
}
.single-footer-widget .cycle-sub-list a,
.single-footer-widget ul.list li a {
  color: #222121;
  font-weight: 500;
}
.single-footer-widget.footer-contact .cycle-sub-list {
  position: relative;
  padding-left: 30px;
}
.single-footer-widget.footer-contact .cycle-sub-list i {
  position: absolute;
  width: 20px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.single-footer-widget ul.footer-contact-info li {
  position: relative;
  color: #000;
  margin-bottom: 8px;
  padding-left: 25px;
}
.single-footer-widget ul.footer-contact-info li svg {
  position: absolute;
  left: 0;
  width: 15px;
  top: 0;
}
.single-footer-widget ul.social-links li a {
  width: 32px;
  text-align: center;
  line-height: 30px;
  height: 32px;
  border: 1px solid #39c;
  border-radius: 50%;
  color: #39c;
  font-size: 16px;
}
.single-footer-widget ul.social-links li a svg {
  width: 15px;
}
.single-footer-widget ul.social-links li a.facebook {
  border-color: #4267b2;
  color: #4267b2;
}
.single-footer-widget ul.social-links li a.facebook:hover {
  background: #4267b2;
  color: #fff;
}
.single-footer-widget ul.social-links li a.twitter {
  border-color: #38a1f3;
  color: #38a1f3;
}
.single-footer-widget ul.social-links li a.twitter:hover {
  background: #38a1f3;
  color: #fff;
}
.single-footer-widget ul.social-links li a.googleplus {
  border-color: #d34836;
  color: #d34836;
}
.single-footer-widget ul.social-links li a.googleplus:hover {
  background: #d34836;
  color: #fff;
}
.single-footer-widget ul.social-links li a.skype {
  border-color: #62b1d8;
  color: #62b1d8;
}
.single-footer-widget ul.social-links li a.skype:hover {
  background: #62b1d8;
  color: #fff;
}
.single-footer-widget ul.social-links li a.instagram {
  border-color: #231f20;
  color: #231f20;
}
.single-footer-widget ul.social-links li a.instagram:hover {
  background: #231f20;
  color: #fff;
}
.single-footer-widget ul.social-links li a:hover {
  background: #39c;
  color: #fff;
}
.copyright-area {
  border-top: 1px solid #ebeff3;
  text-align: center;
  margin-top: 0;
}
.partner.detail {
  margin: 42px 20px 0 0;
}
.title.authorized-badge img {
  width: 100%;
  max-width: 250px;
}
.services-box .icon .service-icon,
.services-box .icon img {
  max-width: 100px;
  width: 100px;
  top: -20px;
  right: -20px;
  bottom: 0;
  left: auto;
}
.section-privacy-policy .privacy-policy-content .h1-style,
.section-privacy-policy .privacy-policy-content .h2-style,
.section-privacy-policy .privacy-policy-content .h3-style,
.section-privacy-policy .privacy-policy-content .h4-style,
.section-privacy-policy .privacy-policy-content .h5-style,
.section-privacy-policy .privacy-policy-content .h6-style,
.section-privacy-policy .privacy-policy-content h1,
.section-privacy-policy .privacy-policy-content h2,
.section-privacy-policy .privacy-policy-content h3,
.section-privacy-policy .privacy-policy-content h4,
.section-privacy-policy .privacy-policy-content h5,
.section-privacy-policy .privacy-policy-content h6 {
  display: block;
  width: 100%;
}
.modal-content .sec-title .h3-style span,
.other-service-text p,
.service-item .h2-style,
.service-item .sec-title .h3-style {
  text-transform: capitalize;
}
.overlay-fade-in img {
  transition: 0.2s linear;
}
.overlay-fade-in:hover img {
  transform: scale(1.2);
}
.filter:not(.basic-filter),
.filter:not(.basic-filter) ul li a,
.meta {
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #9d9e9e;
}
.post-meta {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.7rem;
  color: #aab0bc;
}
.post-meta li i,
.post-mets-data .post-meta li i {
  padding-right: 0.2rem;
  vertical-align: -0.05rem;
}
.social-share-icon {
  border-top: 1px solid rgba(93, 118, 174, 0.15);
}
.social-share-icon span {
  font-weight: 400;
  margin: 0;
  font-size: 18px;
}
.social-share-icon a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff !important;
  font-size: 17px;
  margin: 0 0 0 5px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #0b2347;
}
.social-share-icon a:hover {
  background: #0b2347 !important;
  color: #fff;
}
.social-share-icon a.share-facebook {
  background-color: #3c5a99;
}
.social-share-icon a.share-instagram {
  background-color: #f09433;
  background-image: -moz-linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background-image: -webkit-linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background-image: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
.social-share-icon a.share-pinterest {
  background-color: #ff382b;
}
.social-share-icon a.share-linkedin {
  background-color: #0a66c2;
}
.social-share-icon a.share-whatsapp {
  background-color: #00e676;
}
.social-share-icon a.share-skype {
  background-color: #00a4e1;
}
.social-share-icon a.share-gmail {
  background-color: #ce493b;
}
.blog-post {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
}
.appi-ins-portfolio-sec.serv-port-bg-01 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-01:before,
.appi-portfolio-sec-left.serv-port-bg-01:before,
.bg-new-org,
.clockbg-dial.serv-port-bg-01 {
  background-color: var(--primary) !important;
}
.sec-title .h2-style.h2-clients {
  margin-bottom: 50px;
  margin-top: 0;
}
.services-menu-title ul li,
.tool-section.other-pagebg.other-div .consult-btn,
.top-header-contact .header-social,
.zohoone-box .icon {
  margin: 0 0 15px;
}
.top-header-contact .header-social .social-links {
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  align-items: center;
}
.top-header-contact .header-social .social-links li {
  margin: 0 15px 0 0;
  color: var(--paragraph-color);
  display: inline-block;
  vertical-align: middle;
}
.top-header-contact .header-social .social-links li:last-child {
  margin-right: 0;
}
.top-header-contact .header-social .social-links li a {
  color: var(--paragraph-color);
  min-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.header-seo-extra,
.portfolio_content
  .gird_item:nth-child(5n + 4)
  .startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  ul
  li
  a.new-fintech-header:before,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .limain-industries.active
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a::before {
  opacity: 0;
}
.social-links .header-seo-extra {
  position: absolute;
  top: 0;
}
.top-header-contact .header-social .social-links li.border-left {
  padding-left: 12px;
  border: 0;
  border-left: 1px solid #dcdcdc;
}
.header-contact-info {
  border: 0;
  border-top: 1px solid #dcdcdc;
  padding: 15px 0 0;
}
.header-info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 40px;
}
.clutch-data:first-child,
.header-info-item:first-child {
  padding-left: 0;
}
.header-info-item:last-child {
  padding-right: 0;
}
.header-info-item ~ .header-info-item {
  border-left: 1px solid #dcdcdc;
}
.header-info-item .header-info-icon {
  margin: auto 15px auto 0;
}
.header-info-item .header-info-icon i {
  font-size: 32px;
  line-height: 1;
  color: var(--primary);
}
.header-info-item .header-info-subtitle {
  color: var(--black);
  margin: 0;
  font-size: 11px;
  font-family: var(--secondary-font);
  font-weight: 300;
  letter-spacing: 0.5px;
}
.header-info-item .header-info-title {
  margin: 0 0 5px;
  color: var(--black);
  font-size: 13px;
  font-family: var(--secondary-font);
  font-weight: 600;
  line-height: 1.2;
}
.header-info-item .header-info-title a {
  color: var(--black);
}
.fa-flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.section-block-title {
  display: flex;
  width: 100%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 1;
  min-height: 150px;
}
.section-block-title:after,
.section-block-title:before {
  content: '';
  display: block;
  position: absolute;
  right: auto;
  bottom: 0;
}
.section-block-title:before {
  height: 100%;
  height: calc(100% - 20px);
  width: 200px;
  top: 0;
  left: 50px;
  background: #efefef;
  z-index: -1;
}
.section-block-title:after {
  height: 90px;
  width: 90px;
  top: auto;
  left: 210px;
  background: var(--primary);
  z-index: 1;
  opacity: 0.6;
  -webkit-animation: 10s linear infinite movebounce;
  animation: 10s linear infinite movebounce;
  transform: translateX(15px);
  transform: translateY(-13px);
  opacity: 0.5;
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
  -ms-transform: translateX(15px);
  -o-transform: translateX(15px);
}
.sec-title-orange .section-block-title:after {
  background: var(--orange);
}
.portfolio_content .gird_item:nth-child(5n + 1) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n + 1) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n + 1) .portfolio-item p:before,
.sec-title-orange .about-title-right .h3-style,
.sec-title-orange .about-title-right h3,
.sec-title-orange .banner-li-title a.services-link,
.sec-title-orange .banner-li-title ul.banner-listing li,
.sec-title-orange .banner-li-title ul.banner-listing.text-green li,
.sec-title-orange .section-block-title span,
.services-list-content
  .services-item:nth-child(5n + 1)
  .services-box
  .services-box-text
  .h3-style,
.services-list-content
  .services-item:nth-child(5n + 1)
  .services-box
  .services-box-text
  h3 {
  color: var(--orange);
}
.sec-title-orange .banner-li-title .ba-square:after {
  background: var(--blue);
}
.portfolio_content .gird_item:nth-child(5n + 2) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n + 2) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n + 2) .portfolio-item p:before,
.services-list-content
  .services-item:nth-child(5n + 2)
  .services-box
  .services-box-text
  .h3-style,
.services-list-content
  .services-item:nth-child(5n + 2)
  .services-box
  .services-box-text
  h3 {
  color: var(--blue);
}
.sec-title-green .section-block-title:after {
  background: var(--green);
}
.portfolio_content .gird_item:nth-child(5n + 3) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n + 3) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n + 3) .portfolio-item p:before,
.sec-title-green .about-title-right .h3-style,
.sec-title-green .about-title-right h3,
.sec-title-green .banner-li-title a.services-link,
.sec-title-green .banner-li-title ul.banner-listing li,
.sec-title-green .banner-li-title ul.banner-listing.text-green li,
.sec-title-green .section-block-title span,
.services-list-content
  .services-item:nth-child(5n + 5)
  .services-box
  .services-box-text
  .h3-style,
.services-list-content
  .services-item:nth-child(5n + 5)
  .services-box
  .services-box-text
  h3 {
  color: var(--green);
}
.portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n + 4) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n + 4) .portfolio-item p:before,
.services-list-content
  .services-item:nth-child(5n + 3)
  .services-box
  .services-box-text
  .h3-style,
.services-list-content
  .services-item:nth-child(5n + 3)
  .services-box
  .services-box-text
  h3 {
  color: var(--redpink);
}
.sec-title-yellow .section-block-title:after {
  background: var(--yellow);
}
.sec-title-yellow .about-title-right .h3-style,
.sec-title-yellow .about-title-right h3,
.sec-title-yellow .section-block-title span {
  color: var(--yellow);
}
.section-block-title .h2-style,
.section-block-title .h3-style,
.section-block-title h2,
.section-block-title h3 {
  font-weight: 900;
  color: var(--paragraph-color);
  font-size: 40px;
  margin: auto 0;
  position: relative;
  top: -10px;
  z-index: 3;
}
.section-space {
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
  position: relative;
  background-color: #fff3ed !important;
}
.not-page.section-space {
  padding: 85px 0;
}
.sec-open-roles.section-space.section-four:before,
.testimoniols-section.testi-service::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -145px;
  top: auto;
  width: 100%;
  height: 145px;
  background-color: #f8f8fb;
  z-index: 9;
}
.wwoffer-sec.section-space {
  padding-bottom: 0;
}
.about-section .about-section-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  display: block;
}
.about-section-title,
.ourclients_button .ourclientscategory,
.set-techcase,
.tech-data,
.tech-img {
  display: flex;
}
.about-title-left .h3-style,
.about-title-left h3 {
  color: var(--paragraph-color);
  text-transform: capitalize;
}
.about-title-right {
  min-width: 300px;
  margin: 0 0 0 50px;
  padding: 0 0 0 50px;
  border: 0;
  border-left: 10px solid var(--primary);
}
.about-title-right h1 {
  font-size: 40px;
  font-weight: 900;
  color: var(--primary);
}
.about-title-right h3.h4-style,
.about-title-right h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--paragraph-color);
}
.about-title-right h3.h1-style {
  font-size: 40px;
  font-weight: 800;
  color: var(--primary);
}
.sec-title-orange .about-title-right {
  border-left: 10px solid var(--orange);
}
.sec-title-green .about-title-right {
  border-left: 10px solid var(--green);
}
.sec-title-yellow .about-title-right {
  border-left: 10px solid var(--yellow);
}
.list-style ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.list-style ul li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 1.7;
}
.appi-pp-para ul.appi-cont li span:before,
.list-style ul li:before,
.list-style.ls-bg ul li:after {
  content: '';
  border: 4px solid var(--primary);
  position: absolute;
  top: 8px;
  right: auto;
  bottom: auto;
  width: 0;
  height: 0;
  left: 0;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  word-break: normal;
}
.list-style.ls-square ul li:before {
  border: 4px solid var(--primary);
}
.list-style.ls-rounded ul li:before {
  border-radius: 50%;
}
.list-style.ls-bg.ls-triangle ul li:after,
.list-style.ls-triangle ul li:before {
  border: 7px solid transparent;
  border-top: none;
  border-bottom: 10px solid var(--primary);
  border-radius: 0 !important;
}
.list-style.ls-bg ul li:after {
  opacity: 0.4;
  transform: scale(1.2);
  transform-origin: -50% -50%;
}
.list-style.ls-bg.ls-square ul li:after {
  border: 5px solid var(--primary);
}
.list-style.ls-bg.ls-rounded ul li:before {
  border-radius: 50%;
  transform: scale(0.8);
}
.list-style.ls-bg.ls-rounded ul li:after {
  border-radius: 50%;
  transform: scale(1.5);
  transform-origin: 50% 50%;
}
.sec-title-orange .list-style ul li:before,
.sec-title-orange .list-style.ls-bg ul li:after {
  border: 5px solid var(--orange);
}
.sec-title-green .list-style ul li:before,
.sec-title-green .list-style.ls-bg ul li:after {
  border: 5px solid var(--green);
}
.sec-title-yellow .list-style ul li:before,
.sec-title-yellow .list-style.ls-bg ul li:after {
  border: 5px solid var(--yellow);
}
.sec-title-orange .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-orange .list-style.ls-triangle ul li:before {
  border: 7px solid transparent;
  border-top: none;
  border-bottom: 10px solid var(--orange);
}
.sec-title-green .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-green .list-style.ls-triangle ul li:before {
  border: 7px solid transparent;
  border-top: none;
  border-bottom: 10px solid var(--green);
}
.sec-title-yellow .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-yellow .list-style.ls-triangle ul li:before {
  border: 7px solid transparent;
  border-top: none;
  border-bottom: 10px solid var(--yellow);
}
.services-box {
  height: 314px;
  background-color: #fff;
  max-width: 100%;
  margin: auto;
  display: block;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.services-box .icon {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  height: 80px;
  z-index: 1;
}
.services-box .icon .service-icon {
  position: absolute;
  margin: auto;
  display: block;
  background-size: 600px auto;
  background-repeat: no-repeat;
  background-image: url(../images/impact-image.png);
}
.brand-img .brandimg-figure.bf-weldeez,
.core-values-figure.core-values-betterment,
.menu-img .industries-img-01,
.menu-img .menu-img-01,
.menu-img .service-menu-01,
.service-img-01,
.tools-img .tools-img-01,
.tt-used-card .tt-used-icone figure.payment-cashfree,
.wi-zoho-one,
.zoho-one-icon.zoho1-01,
.zoho-services-icon.zoho-s-img-01 {
  background-position: 0 0;
}
.menu-img .menu-img-06,
.service-img-02,
.tt-used-card .tt-used-icone figure.payment-payumoney,
.wi-saas-cloud {
  background-position: -100px 0;
}
.service-img-03,
.tt-used-card .tt-used-icone figure.payment-payubiz,
.wi-enterprise {
  background-position: -200px 0;
}
.brand-img .brandimg-figure.bf-aesha,
.service-img-04,
.tt-used-card .tt-used-icone figure.payment-stripe,
.wi-digital-transformation,
.zoho-services-icon.zoho-s-img-06 {
  background-position: -300px 0;
}
.service-img-05,
.tt-used-card .tt-used-icone figure.payment-ccavenue,
.wi-ecommerece {
  background-position: -400px 0;
}
.service-img-06,
.tt-used-card .tt-used-icone figure.payment-razorpay,
.wi-cosumer-app {
  background-position: -500px 0;
}
.services-box .icon img {
  position: absolute;
  margin: auto;
  display: block;
}
.service-port-info-img ul.brand-img,
.services-box a,
.services-menu-content-info,
.services-menu-info-img ul.brand-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.brand-img .brandimg-figure.bf-edestine,
.brand-img .brandimg-figure.bf-edestininternational,
figure.brandimg-figure.bf-goldorbit {
  background-position: -1050px -2400px;
}
.service-block .service-block-text,
.services-box .services-box-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.services-box .services-box-text .h3-style,
.services-box .services-box-text h3 {
  color: #424242 !important;
  font-weight: 600;
  margin: 0 0 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.services-box .services-box-text p {
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 127px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 1.7;
}
.services-box.services-box2 .icon img {
  bottom: -20px;
  width: 128px;
}
.services-icon-bottom.services-box .icon img {
  top: 0;
  right: 0;
  bottom: 0;
}
.services-icon-bottom.services-box.services-box3 .icon img {
  top: 0;
  bottom: 0;
}
.services-icon-bottom.services-box.services-box5 .icon img {
  right: -10px;
  bottom: 10px;
}
.contact-from-section .sec-title,
.services-icon-bottom.services-box .services-box-text,
.services-title-bottom.services-box .services-box-text p {
  order: 1;
}
.services-sec-page .services-box .services-box-text .h3-style,
.services-sec-page .services-box .services-box-text h3 {
  display: flex;
  height: 67px;
}
.service-block .service-block-text .h3-style span,
.service-block .service-block-text h3 span,
.services-sec-page .services-box .services-box-text .h3-style span,
.services-sec-page .services-box .services-box-text h3 span {
  width: 100%;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 67px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  margin: auto;
}
.services-sec-page .services-box .services-box-text p {
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 102px;
  max-height: 102px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.7;
}
.services-sec-page .services-box .icon img {
  opacity: 0.5;
}
.services-sec-page .services-box.services-hover .services-box-text p {
  height: 25px;
  -webkit-line-clamp: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.services-sec-page .services-box.services-hover:hover .services-box-text p {
  height: 102px;
  -webkit-line-clamp: 4;
}
.text-orange {
  color: var(--orange) !important;
}
.text-blue {
  color: var(--blue) !important;
}
.text-green {
  color: var(--green) !important;
}
.text-redpink {
  color: var(--redpink) !important;
}
.text-yellow {
  color: var(--yellow) !important;
}
.sec-title .h2-style,
.zoho-product-desc p,
p.h4-style {
  margin-bottom: 8px;
}
.sec-title .h3-style,
.sec-title h2,
.sec-title h3 {
  text-indent: -15px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-size: 24px;
}
.fouder-sec-data .founder-desc i,
.sec-title h2,
span.h2-style {
  font-size: 40px;
}
.sec-title h2 b,
.sec-title h2 span {
  font-weight: 900;
  position: relative;
  z-index: 1;
  color: var(--paragraph-color);
}
.sec-title.sec-title-orange .h2-style:before,
.sec-title.sec-title-orange .h3-style:before,
.sec-title.sec-title-orange h2:before,
.sec-title.sec-title-orange h3:before {
  border: 20px solid var(--orange);
}
.sec-title.sec-title-blue .h2-style:before,
.sec-title.sec-title-blue .h3-style:before,
.sec-title.sec-title-blue h2:before,
.sec-title.sec-title-blue h3:before {
  border: 20px solid var(--blue);
}
.sec-title.sec-title-green .h2-style:before,
.sec-title.sec-title-green .h3-style:before,
.sec-title.sec-title-green h2:before,
.sec-title.sec-title-green h3:before {
  border: 20px solid var(--green);
}
.sec-title.sec-title-redpink .h2-style:before,
.sec-title.sec-title-redpink .h3-style:before,
.sec-title.sec-title-redpink h2:before,
.sec-title.sec-title-redpink h3:before {
  border: 20px solid var(--redpink);
}
.sec-title.sec-title-yellow .h2-style:before,
.sec-title.sec-title-yellow .h3-style:before,
.sec-title.sec-title-yellow h2:before,
.sec-title.sec-title-yellow h3:before {
  border: 20px solid var(--yellow);
}
.sec-title .h3-style:before,
.sec-title h2:before,
.sec-title h3:before {
  content: '';
  border: 20px solid var(--primary);
  display: inline-block;
  width: 0;
  height: 0;
  position: relative;
  z-index: 0;
  margin: 0;
  -webkit-animation: 10s linear infinite movebounce;
  animation: 10s linear infinite movebounce;
  transform: translateX(15px);
  transform: translateY(-15px);
  opacity: 0.5;
}
.sec-title .h3-style b,
.sec-title .h3-style span,
.sec-title h3 b,
.sec-title h3 span {
  position: relative;
  z-index: 1;
  color: var(--paragraph-color);
  font-weight: 800;
}
.sec-title .h3-style span,
.sec-title h3 span {
  font-weight: 600;
}
.swiper.brand-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.brand-img,
.brand-img .brandimg-figure {
  margin: 0;
  padding: 0;
  display: block;
}
.swiper.brand-swiper .swiper-wrapper {
  height: 250px !important;
  margin-right: auto;
  margin-left: auto;
}
.swiper.brand-swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: auto 0 !important;
}
.swiper.brand-swiper .brand-img,
.swiper.brand-swiper .brand-img .image {
  position: relative;
  width: 100%;
  height: 100%;
}
.swiper.brand-swiper .brand-img .image figure.brandimg-figure {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.brand-img .brandimg-figure {
  background-size: 1500px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 150px;
  height: 150px;
}
.clients-trust-sec .brand-img .brandimg-figure {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}
figure.brandimg-figure.bf-bakers-bunch {
  background-position: -1200px -2550px;
}
figure.brandimg-figure.bf-truecolor {
  background-position: -750px -2550px;
}
figure.brandimg-figure.bf-silkora {
  background-position: -600px -2550px;
}
figure.brandimg-figure.bf-boozer {
  background-position: -146px -2400px;
}
figure.brandimg-figure.bf-career {
  background-position: -600px -2394px;
}
.brand-img .brandimg-figure.bf-sopaninfotech,
figure.brandimg-figure.bf-growthcircle {
  background-position: -1200px -2400px;
}
figure.brandimg-figure.bf-primex {
  background-position: 0 -2400px;
}
.clients-trust-slider .media-img {
  width: 150px;
  height: 50px;
}
.brand-img .brandimg-figure.bf-phoonyx,
figure.brandimg-figure.bf-alafAdaf {
  background-position: 0 -450px;
}
.brand-img .bf-nextap {
  background-position: -1355px -2400px;
}
.appi-ins-portfolio-right.serv-port-03-img,
.glimpse-tile .glimpse-img img {
  background-size: cover;
  background-repeat: no-repeat;
}
.client-slider .brand-img .brandimg-figure,
.client-slider.owl-carousel .owl-stage,
.lg-outer .lg-thumb.lg-group,
.other-service-sec .other-service-text p:last-child,
.service-mobile-list .service-slide-list .service-slide-block,
.tt-used-text p,
.zoho-additional-services
  .services-list-item
  .card
  .card-body
  .icon
  .zoho-services-icon,
figure.testimoniols-img-figure.testimodalimg {
  margin: auto;
}
.brand-img .brandimg-figure.bf-obakudesign {
  background-position: -450px -1487px;
}
.brand-img .brandimg-figure img {
  opacity: 0.5;
  max-width: 150px;
  display: block;
  margin: auto;
}
.brand-img .brandimg-figure.bf-yolofarm,
.tools-img .tools-img-06 {
  background-position: -150px 0;
}
.brand-img .brandimg-figure.bf-atul,
.brand-img .brandimg-figure.bf-atulbakery,
figure.testimoniols-img-figure.ti-kishor {
  background-position: -450px 0;
}
.brand-img .brandimg-figure.bf-booknfly,
.service-img-07,
.tt-used-card .tt-used-icone figure.payment-paytm {
  background-position: -600px 0;
}
.brand-img .brandimg-figure.bf-cleanncare {
  background-position: -750px 0;
}
.brand-img .brandimg-figure.bf-edlyn,
.service-img-10 {
  background-position: -900px 0;
}
.brand-img .brandimg-figure.bf-bookguru {
  background-position: -1050px 0;
}
.brand-img .brandimg-figure.bf-fitness7 {
  background-position: -1200px 0;
}
.brand-img .brandimg-figure.bf-gallbery {
  background-position: -1350px 0;
}
.brand-img .brandimg-figure.bf-gururamdas {
  background-position: 0-150px;
}
.brand-img .brandimg-figure.bf-pixocity,
.other-ser-ico figure.service-mobileapplication {
  background-position: -1350px -150px;
}
.brand-img .brandimg-figure.bf-gymtown {
  background-position: -150px -150px;
}
.brand-img .brandimg-figure.bf-karington,
.other-ser-ico figure.service-digitalmarketing {
  background-position: -300px -150px;
}
.brand-img .brandimg-figure.bf-magicrete {
  background-position: -450px -150px;
}
.brand-img .brandimg-figure.bf-maharaja {
  background-position: -600px -150px;
}
.brand-img .brandimg-figure.bf-nilkanth {
  background-position: -750px -150px;
}
.brand-img .brandimg-figure.bf-obaku {
  background-position: -900px -150px;
}
.brand-img .brandimg-figure.bf-phoenix {
  background-position: -1050px -150px;
}
.brand-img .brandimg-figure.bf-sgfilms,
.tt-used-card .tt-used-icone figure.tech-php {
  background-position: 2px -300px;
}
.brand-img .brandimg-figure.bf-shitalphoto,
.tt-used-card .tt-used-icone figure.tech-keywordexplorer {
  background-position: -150px -300px;
}
.brand-img .brandimg-figure.bf-skengineering,
.tt-used-card .tt-used-icone figure.tech-javascript {
  background-position: -300px -300px;
}
.brand-img .brandimg-figure.bf-soham {
  background-position: -450px -300px;
}
.brand-img .brandimg-figure.bf-sumitrx,
.brand-img .brandimg-figure.bf-summitnutrition,
.tt-used-card .tt-used-icone figure.tech-css {
  background-position: -600px -300px;
}
.brand-img .brandimg-figure.bf-titotour {
  background-position: -750px -300px;
}
.brand-img .brandimg-figure.bf-utsav,
.tt-used-card .tt-used-icone figure.tech-swift {
  background-position: -900px -300px;
}
.brand-img .brandimg-figure.bf-ccc {
  background-position: -1050px -300px;
}
.brand-img .brandimg-figure.bf-aarya {
  background-position: -1200px -300px;
}
.brand-img .brandimg-figure.bf-alhadaf {
  background-position: -150px -1650px;
  background-position: 0-450px;
}
.brand-img .brandimg-figure.bf-alltexexim {
  background-position: -150px -450px;
}
.brand-img .brandimg-figure.bf-ambika {
  background-position: -300px -450px;
}
.brand-img .brandimg-figure.bf-amcfz {
  background-position: -450px -450px;
}
.brand-img .brandimg-figure.bf-amicontrolsservices {
  background-position: -600px -450px;
}
.brand-img .brandimg-figure.bf-archemicals {
  background-position: -750px -450px;
}
.brand-img .brandimg-figure.bf-arhamelectricals {
  background-position: -900px -450px;
}
.brand-img .brandimg-figure.bf-argroup {
  background-position: -1050px -450px;
}
.brand-img .brandimg-figure.bf-arjunfoods {
  background-position: -1200px -450px;
}
.brand-img .brandimg-figure.bf-bidwinbuy {
  background-position: -1350px -450px;
}
.brand-img .brandimg-figure.bf-bizcompass,
.tt-used-card .tt-used-icone figure.tech-buzzsumo {
  background-position: 0-600px;
}
.brand-img .brandimg-figure.bf-bnimember {
  background-position: -150px -600px;
}
.brand-img .brandimg-figure.bf-bnisurat,
.tt-used-card .tt-used-icone figure.tech-search-console {
  background-position: -300px -600px;
}
.brand-img .brandimg-figure.bf-bplusk {
  background-position: -450px -600px;
}
.brand-img .brandimg-figure.bf-ronakladyfashion,
figure.brandimg-figure.bf-ronaklady {
  background-position: -600px -1800px;
}
.brand-img .brandimg-figure.bf-salonsecrets,
figure.brandimg-figure.bf-salonsecret {
  background-position: -1200px -1800px;
}
figure.brandimg-figure.bf-calgarycab {
  background-position: -600px -600px;
}
.brandimg-figure.bf-af-brand {
  background-position: -1350px -300px;
}
.brand-img .brandimg-figure.bf-memighty {
  background-position: -750px -600px;
}
.brand-img .brandimg-figure.bf-panash,
.tt-used-card .tt-used-icone figure.tech-keywordsurfer {
  background-position: -900px -600px;
}
.brand-img .brandimg-figure.bf-auditflash {
  background-position: -1050px -600px;
}
.brand-img .brandimg-figure.bf-cleansheen {
  background-position: -1200px -600px;
}
.brand-img .brandimg-figure.bf-credai {
  background-position: -1350px -600px;
}
.brand-img .brandimg-figure.bf-dbrtechnology {
  background-position: 0-750px;
}
.brand-img .brandimg-figure.bf-deselectro {
  background-position: -150px -750px;
}
.brand-img .brandimg-figure.bf-dgsea {
  background-position: -300px -750px;
}
.brand-img .brandimg-figure.bf-dietitions,
figure.brandimg-figure.bf-pooja {
  background-position: -600px -750px;
}
.brand-img .brandimg-figure.bf-vcreateproduction {
  background-position: -750px -750px;
}
.brand-img .brandimg-figure.bf-regency {
  background-position: -900px -750px;
}
.brand-img .brandimg-figure.bf-dmddevelopers {
  background-position: -1050px -750px;
}
.brand-img .brandimg-figure.bf-dssoundandlight {
  background-position: -1200px -750px;
}
.brand-img .brandimg-figure.bf-dynamicdreamz {
  background-position: -1350px -750px;
}
.brand-img .brandimg-figure.bf-ecard,
.tt-used-card .tt-used-icone figure.tech-yoastseo {
  background-position: 0-900px;
}
.brand-img .brandimg-figure.bf-excelcomputers {
  background-position: -150px -900px;
}
.brand-img .brandimg-figure.bf-eyesnspecs,
.tt-used-card .tt-used-icone figure.tech-checkmylinks {
  background-position: -300px -900px;
}
.brand-img .brandimg-figure.bf-fcn {
  background-position: -450px -900px;
}
.brand-img .brandimg-figure.bf-fehujewel,
.tt-used-card .tt-used-icone figure.tech-woorank {
  background-position: -600px -900px;
}
.brand-img .brandimg-figure.bf-finpro {
  background-position: -750px -900px;
}
.brand-img .brandimg-figure.bf-forevergems,
.tt-used-card .tt-used-icone figure.tech-photopea {
  background-position: -900px -900px;
}
.brand-img .brandimg-figure.bf-fspansalon {
  background-position: -1050px -900px;
}
.brand-img .brandimg-figure.bf-funfuntafun {
  background-position: -1200px -900px;
}
.brand-img .brandimg-figure.bf-gibusiness {
  background-position: -1350px -900px;
}
.brand-img .brandimg-figure.bf-greenoven {
  background-position: 0-1050px;
}
.brand-img .brandimg-figure.bf-greentechengineering {
  background-position: -150px -1050px;
}
.brand-img .brandimg-figure.bf-esmartfitness {
  background-position: -300px -1050px;
}
.brand-img .brandimg-figure.bf-healthpharma {
  background-position: -450px -1050px;
}
.brand-img .brandimg-figure.bf-immune {
  background-position: -600px -1050px;
}
.brand-img .brandimg-figure.bf-jazzsalon {
  background-position: -750px -1050px;
}
.brand-img .brandimg-figure.bf-jiyaenterprise {
  background-position: -900px -1050px;
}
.brand-img .brandimg-figure.bf-jnk {
  background-position: -1050px -1050px;
}
.brand-img .brandimg-figure.bf-jobsonclick {
  background-position: -1200px -1050px;
}
.brand-img .brandimg-figure.bf-kathormedicaltrust {
  background-position: -1350px -1050px;
}
.brand-img .brandimg-figure.bf-kdppagencies {
  background-position: 0-1200px;
}
.brand-img .brandimg-figure.bf-kesar {
  background-position: -150px -1200px;
}
.brand-img .brandimg-figure.bf-kioclerk {
  background-position: -300px -1200px;
}
.brand-img .brandimg-figure.bf-kiOSist {
  background-position: -450px -1200px;
}
.brand-img .brandimg-figure.bf-kiran {
  background-position: -600px -1200px;
}
.brand-img .brandimg-figure.bf-krushnapetroleum {
  background-position: -750px -1200px;
}
.brand-img .brandimg-figure.bf-ladodesign {
  background-position: -900px -1200px;
}
.brand-img .brandimg-figure.bf-leewa {
  background-position: -1050px -1200px;
}
.brand-img .brandimg-figure.bf-limdo {
  background-position: -1200px -1200px;
}
.brand-img .brandimg-figure.bf-technofox {
  background-position: -1350px -1200px;
}
.brand-img .brandimg-figure.bf-m4m {
  background-position: 0-1350px;
}
.brand-img .brandimg-figure.bf-madz {
  background-position: -150px -1350px;
}
.brand-img .brandimg-figure.bf-miaeducationaltrust {
  background-position: -300px -1350px;
}
.brand-img .brandimg-figure.bf-maktech {
  background-position: -450px -1350px;
}
.brand-img .brandimg-figure.bf-master {
  background-position: -600px -1350px;
}
.brand-img .brandimg-figure.bf-meragadget {
  background-position: -750px -1350px;
}
.brand-img .brandimg-figure.bf-mindactivation {
  background-position: -900px -1350px;
}
.brand-img .brandimg-figure.bf-mindtech {
  background-position: -1050px -1350px;
}
.brand-img .brandimg-figure.bf-motiwala {
  background-position: -1200px -1350px;
}
.brand-img .brandimg-figure.bf-mymobile {
  background-position: -1350px -1350px;
}
.brand-img .brandimg-figure.bf-netdroid {
  background-position: 0-1500px;
}
.brand-img .brandimg-figure.bf-nilmadhav {
  background-position: -150px -1500px;
}
.brand-img .brandimg-figure.bf-nokee,
.service-img-16 {
  background-position: -300px -1500px;
}
figure.brandimg-figure.bf-pharma {
  background-position: -1337px -2545px;
}
figure.brandimg-figure.bf-tristar {
  background-position: -150px -2700px;
}
figure.brandimg-figure.bf-chab {
  background-position: 0 -2700px;
}
.brand-img .brandimg-figure.bf-dg-sea-connect01 {
  background-position: -300px -740px;
}
.brand-img .brandimg-figure.bf-omsaiconstruction,
.service-img-26 {
  background-position: -600px -1500px;
}
.brand-img .brandimg-figure.bf-onex {
  background-position: -750px -1500px;
}
.brand-img .brandimg-figure.bf-osm {
  background-position: -900px -1500px;
}
.brand-img .brandimg-figure.bf-outrightaccounting {
  background-position: -1050px -1500px;
}
.brand-img .brandimg-figure.bf-aronacarcare {
  background-position: -1200px -1500px;
}
.brand-img .brandimg-figure.bf-pc {
  background-position: -1350px -1500px;
}
.brand-img .brandimg-figure.bf-platina {
  background-position: 0-1650px;
}
.brand-img .brandimg-figure.bf-polycab {
  background-position: -150px -1650px;
}
.brand-img .brandimg-figure.bf-polyconnect {
  background-position: -300px -1650px;
}
.brand-img .brandimg-figure.bf-polycafe {
  background-position: -450px -1650px;
}
.brand-img .brandimg-figure.bf-prabhuvasava {
  background-position: -600px -1650px;
}
.brand-img .brandimg-figure.bf-pumpupnutrition {
  background-position: -750px -1650px;
}
.brand-img .brandimg-figure.bf-rachitfashion {
  background-position: -900px -1650px;
}
.brand-img .brandimg-figure.bf-radhaivf {
  background-position: -1050px -1650px;
}
.brand-img .brandimg-figure.bf-rainbow {
  background-position: -1200px -1650px;
}
.brand-img .brandimg-figure.bf-rajrajeshwari {
  background-position: -1350px -1650px;
}
.brand-img .brandimg-figure.bf-reliablefire {
  background-position: 0-1800px;
}
.brand-img .brandimg-figure.bf-repairstudio {
  background-position: -150px -1800px;
}
.brand-img .brandimg-figure.bf-revo {
  background-position: -300px -1800px;
}
.brand-img .brandimg-figure.bf-rngspalon {
  background-position: -450px -1800px;
}
.brand-img .brandimg-figure.bf-roxanglobal {
  background-position: -750px -1800px;
}
.brand-img .brandimg-figure.bf-myfitness,
figure.brandimg-figure.bf-drapmall {
  background-position: -750px -2400px;
}
.brand-img .brandimg-figure.bf-rudramobile {
  background-position: -900px -1800px;
}
.brand-img .brandimg-figure.bf-saionsalon {
  background-position: -1050px -1800px;
}
.brand-img .brandimg-figure.bf-amrutyaspa {
  background-position: -1350px -1800px;
}
.brand-img .brandimg-figure.bf-sevenhorses {
  background-position: 0-1950px;
}
.brand-img .brandimg-figure.bf-shailjas {
  background-position: -150px -1950px;
}
.brand-img .brandimg-figure.bf-shreejiconstruction {
  background-position: -300px -1950px;
}
.brand-img .brandimg-figure.bf-shreenathdevelopers {
  background-position: -450px -1950px;
}
.brand-img .brandimg-figure.bf-silvero {
  background-position: -600px -1950px;
}
.brand-img .brandimg-figure.bf-smartkard {
  background-position: -750px -1950px;
}
.brand-img .brandimg-figure.bf-smitlight {
  background-position: -900px -1950px;
}
.brand-img .brandimg-figure.bf-solidblack {
  background-position: -1050px -1950px;
}
.brand-img .brandimg-figure.bf-spoproduction {
  background-position: -1200px -1950px;
}
.brand-img .brandimg-figure.bf-raktadan {
  background-position: -1350px -1950px;
}
.brand-img .brandimg-figure.bf-suchitra {
  background-position: 0-2100px;
}
.brand-img .brandimg-figure.bf-suman {
  background-position: -150px -2100px;
}
.brand-img .brandimg-figure.bf-summitrx {
  background-position: -450px -2100px;
}
.brand-img .brandimg-figure.bf-sunprinters {
  background-position: -600px -2100px;
}
.brand-img .brandimg-figure.bf-swadcooking {
  background-position: -750px -2100px;
}
.brand-img .brandimg-figure.bf-tagscolor {
  background-position: -900px -2100px;
}
.brand-img .brandimg-figure.bf-tagsblack {
  background-position: -1050px -2100px;
}
.brand-img .brandimg-figure.bf-readersadda {
  background-position: -1200px -2100px;
}
.brand-img .brandimg-figure.bf-techchemelectro {
  background-position: -1350px -2100px;
}
.brand-img .brandimg-figure.bf-insomniacs,
.brand-img .brandimg-figure.bf-totality {
  background-position: 0-2250px;
}
.brand-img .brandimg-figure.bf-ttc {
  background-position: -150px -2250px;
}
.brand-img .brandimg-figure.bf-3dn {
  background-position: -300px -2250px;
}
.brand-img .brandimg-figure.bf-vakrangi {
  background-position: -450px -2250px;
}
.brand-img .brandimg-figure.bf-vastranand {
  background-position: -600px -2250px;
}
.brand-img .brandimg-figure.bf-vials {
  background-position: -750px -2250px;
}
.brand-img .brandimg-figure.bf-vivaahred {
  background-position: -900px -2250px;
}
.brand-img .brandimg-figure.bf-vivaahcolor {
  background-position: -1050px -2250px;
}
.brand-img .brandimg-figure.bf-weekendplaces {
  background-position: -1200px -2250px;
}
.brand-img .brandimg-figure.bf-websenztechnologies {
  background-position: -1350px -2250px;
}
.brand-img .brandimg-figure.bf-whitedaisy {
  background-position: 0-2400px;
}
.brand-img .brandimg-figure.bf-yolo {
  background-position: -150px -2400px;
}
.brand-img .brandimg-figure.bf-denova {
  background-position: -300px -2400px;
}
.brand-img .brandimg-figure.bf-shangrila,
figure.brandimg-figure.bf-cacoethes {
  background-position: -450px -2400px;
}
.brand-img .brandimg-figure.bf-greendesign {
  background-position: -600px -2400px;
}
.brand-img .brandimg-figure.bf-everestinstruments {
  background-position: -900px -2400px;
}
.brand-img .brandimg-figure.bf-jacquard {
  background-position: -1350px -2400px;
}
.brand-sm-img.brand-img .brandimg-figure {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.portfolio-right {
  padding-right: 200px;
  background: #25d5eb;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#25d5eb),
    to(#25d5eb)
  );
  background: -o-linear-gradient(left, #25d5eb 0, #25d5eb 100%);
  background: linear-gradient(90deg, #25d5eb 0, #25d5eb 100%);
}
.appi-portfolio-sec-left figure,
.spacer,
.trigger-wpsec {
  left: 0;
  position: absolute;
  width: 100%;
}
.trigger-wpsec {
  top: 0;
  height: 100vh;
  z-index: -1;
}
.spacer {
  height: 1px;
  margin-top: 0;
  top: 50%;
}
.appi-ins-portfolio-sec {
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #fff !important;
  inset: 0 auto auto 0 !important;
}
.serv-port-02-img,
.serv-port-07-img {
  visibility: hidden;
  opacity: 0;
}
.appi-portfolio-sec {
  height: 100vh;
  position: relative;
  z-index: 9;
  line-height: 1;
  overflow: hidden;
}
.appi-portfolio-sec-left,
.appi-portfolio-sec-right {
  position: relative;
  height: 100vh;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.appi-portfolio-sec-left {
  float: right;
  width: 27%;
  z-index: 4;
  padding: 30px;
}
.appi-portfolio-sec-left figure {
  top: 0;
  height: 100%;
  overflow: hidden;
  display: none;
}
.donimg img,
.services-menu-info .services-menu-info-text p.h4-style {
  height: auto !important;
}
.appi-portfolio-sec-left figure img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.appi-portfolio-sec-right {
  left: 0;
  top: 0;
  width: 43%;
  overflow: hidden;
  float: left;
}
.appi-port-left-content {
  position: relative;
  right: 0;
  bottom: auto;
  width: 100%;
  color: #fff;
  line-height: 1.15;
}
.appi-port-left-content .service-port-info-img div.w-100,
.ourcilent .client-slider {
  margin-top: 15px;
}
.about-section-content .about-title-right .h1-style,
.about-section-content .about-title-right .h4-style {
  margin: 12px 0;
}
.about-section-content .about-title-left {
  margin: auto 0;
}
.appi-port-left-content li,
.appi-port-left-content p {
  color: var(--paragraph-color);
  line-height: 1.15;
  margin-bottom: 1rem;
}
.appi-port-left-content .pp-head {
  font-size: 24px;
  line-height: 1.5;
  overflow: hidden;
  height: auto;
  position: relative;
  margin: 0 0 15px;
}
.appi-port-left-content .appi-pp-para .appi-cont,
.appi-port-left-content .pp-head p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.appi-port-left-content .pp-head p {
  height: auto;
  min-height: 48px;
  line-height: 1.5;
  display: flex;
  margin: 0;
}
.appi-port-left-content .pp-head p span {
  position: relative;
  top: 0;
  margin: auto auto auto 0;
}
.appi-port-left-content .appi-pp-para {
  position: relative;
  font-size: 20px;
  width: 100%;
  height: auto;
}
.appi-port-left-content .appi-pp-para .appi-cont,
.clients-trust-figure img,
.set-clientbtn .clutch-data .setglassimg img {
  height: 100%;
  width: 100%;
}
.appi-port-left-content .appi-pp-para .appi-cont.active,
.appi-port-left-content .pp-head p.active-text {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.appi-port-left-content .appi-pp-para .appi-cont li,
.appi-port-left-content .appi-pp-para .appi-cont p,
.event-box,
.overflow-hidden {
  overflow: hidden;
}
.appi-port-left-content .appi-pp-para .appi-cont li span,
.appi-port-left-content .appi-pp-para .appi-cont p span {
  position: relative;
  top: 130px;
}
.appi-pp-para ul.appi-cont,
.service-mobile-content .service-mobile-content-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.appi-pp-para ul.appi-cont li span {
  position: relative;
  padding: 0 0 0 20px;
  display: inline-block;
}
.appi-casestudy-navi {
  margin: 30px 0 0;
  width: 180px;
  height: 60px;
  position: relative;
}
.pp-navi.l1 .appi-dot-navi .dotts i,
.pp-navi.l1 .appi-dot-navi .dotts i:after,
.pp-navi.l1 .appi-dot-navi .dotts i:before {
  background: #f0368f;
}
.appi-casestudy-navi .pp-navi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: -1;
  transform-origin: 30px center;
  -webkit-transform-origin: 30px center;
}
.pp-navi.l2 .appi-dot-navi .dotts i,
.pp-navi.l2 .appi-dot-navi .dotts i:after,
.pp-navi.l2 .appi-dot-navi .dotts i:before {
  background: #9726b4;
}
.appi-casestudy-navi .pp-navi a .arrow {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 44px;
  top: -4px;
}
.appi-casestudy-navi .pp-navi .read_more_wrapper a:hover .arrow i {
  left: 22px;
}
.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow i {
  left: 5px;
}
.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow {
  right: -38px;
  top: 0;
}
.appi-casestudy-navi
  .pp-navi
  .read_more_wrapper
  a:hover
  .arrow
  svg
  .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s;
  stroke-dasharray: 95;
  stroke-dashoffset: 0;
}
.appi-casestudy-navi .pp-navi a .arrow i {
  font-display: swap;
  position: absolute;
  top: 2px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  left: -5px;
}
.appi-casestudy-navi .pp-navi a:hover .arrow,
.cilent-otherpage .grayscale:hover .image,
.event-box:hover .glimpse-tile .glimpse-img span,
.glimpse-tile .glimpse-img:hover span,
.social-icone-footer.attachment-open ul.s-i-f-list li,
.tt-used-card:hover .tt-used-icone figure {
  opacity: 1;
}
.appi-casestudy-navi .pp-navi a .arrow i span {
  position: relative;
  left: 0;
  top: -1px;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.appi-casestudy-navi .pp-navi:hover a .arrow i span {
  left: 4px;
}
.appi-casestudy-navi .pp-navi a .arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.appi-casestudy-navi .pp-navi:hover a .arrow svg {
  position: absolute;
  top: 0;
  left: 5px;
}
.appi-casestudy-navi .pp-navi:hover a .arrow svg .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.appi-casestudy-navi .pp-navi:hover a .arrow-icon--circle {
  stroke-dashoffset: 0;
}
.serv-port-07-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.serv-port-07-img figure {
  position: absolute;

  z-index: 3;
  bottom: 0;
}
.serv-port-07-img figure.l2 {
  z-index: 2;
  right: 20px;
  top: 0;
  left: auto;
  bottom: auto;
}

.faq-accset,
.sap-page .otherpage-heading b::before,
.serv-port-02-img figure img,
.service-mobile-content .service-mobile-img img {
  width: 100%;
}
.tools-technologies-sec .nav-tabs-line.nav-tabs .nav-item {
  flex: 1;
}
.serv-port-02-img {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.serv-port-02-img figure.l1 {
  left: auto;
  bottom: -2000px;
  z-index: 2;
  right: 40%;
  right: calc(50% - 100px);
  margin-bottom: 50px;
}
.serv-port-02-img figure.l2 {
  left: 60%;
  left: calc(50% + 100px);
  margin: 0 0 50px;
  right: auto;
  top: auto;
  bottom: 0;
  z-index: 1;
}
.serv-port-02-img figure.l3 {
  left: 0;
  margin: -50px auto auto;
  right: 0;
  bottom: auto;
  top: 100%;
  z-index: 1;
}
.clock-dial-center-wrap {
  visibility: hidden;
  opacity: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 30%;
  height: 100vh;
  border-radius: 0;
  z-index: 5;
  float: left;
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: top left;
  -webkit-transform-origin: top left;
  padding: 30px;
  display: flex;
}
.appi-ins-portfolio-right,
.clockbg-dial {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.clock-dial-center-wrap .appi-port-list {
  overflow: auto;
  max-height: 100%;
}
.clock-dial-center-wrap .appi-port-list .appi-port-title {
  font-size: 24px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  font-weight: 600;
}
.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text,
.clock-dial-center-wrap p {
  line-height: 1;
}
.clock-dial-center-wrap.active {
  visibility: visible;
  opacity: 1;
}
.clockbg-dial {
  border-radius: 0;
  position: absolute;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#Dots {
  transform: translate(-121px, 49px);
  -webkit-transform: translate(-121px, 49px);
}
.serv-port-01,
.serv-port-01-img figure {
  position: relative;
  z-index: 3;
}
.appi-ins-portfolio-right {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.appi-ins-portfolio-right:not(.active) {
  z-index: 0;
  opacity: 0 !important;
  pointer-events: none;
  -webkit-transition: 1s;
  transition: 1s;
}
.appi-ins-portfolio-right.active,
.dropdown:hover .dropdown-content,
.service-block:hover .service-popover {
  pointer-events: all;
}
.appi-ins-portfolio-right.active,
.client-item:hover {
  z-index: 2;
}
.appi-ins-portfolio-right.serv-port-05-img figure img,
.serv-port-01-img figure img,
.serv-port-03-img figure img {
  width: 100%;
}
.serv-port-01-img figure.l1 {
  left: -10px;
  right: 0;
  margin: -30px auto 0;
  top: auto;
  bottom: 0;
  position: relative;
}
.serv-port-01-img figure.l2 {
  left: 0;
  right: -20pxpx;
  margin: -30px auto auto;
  top: -100%;
}
.appi-ins-portfolio-right.serv-port-01-img.active,
.appi-ins-portfolio-right.serv-port-05-img.active {
  overflow: auto;
  padding-bottom: 70px;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l1 {
  left: 20px;
  bottom: 0;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l2 {
  left: 20px;
  top: auto;
  bottom: 1%;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l3 {
  left: auto;
  right: 30px;
  bottom: 0;
  margin-bottom: -50%;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l4 {
  right: 90px;
  top: -50px;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l5 {
  right: 150px;
  bottom: 41%;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l6 {
  right: 0;
  bottom: 50px;
}
.appi-port-clocktext.serv-port-03 .middel-text p,
.appi-port-clocktext.serv-port-04 .middel-text p,
.appi-port-clocktext.serv-port-05,
.appi-port-clocktext.serv-port-05 .middel-text p,
.appi-port-clocktext.serv-port-06 {
  top: 0;
}
.appi-ins-portfolio-right.serv-port-04-img figure.l7,
.appi-port-clocktext.serv-port-07 {
  left: 0;
  top: 0;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l2 {
  left: 10%;
  bottom: 20px;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l1 {
  width: 100%;
  left: 0;
  top: -100%;
  z-index: 2;
  text-align: center;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l1 img {
  max-width: 100%;
  height: auto;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l3 {
  left: 110%;
  top: 33%;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l4 {
  left: 10%;
  top: -100%;
}
.appi-ins-portfolio-right.serv-port-06-img figure.l5 {
  left: 50%;
  bottom: -100%;
}
.serv-port-03-img figure.l1 {
  left: auto;
  right: 20px;
  margin: auto;
  bottom: -100%;
}
.serv-port-03-img figure.l2 {
  left: 20px;
  right: auto;
  margin: auto;
  top: -100%;
}
.serv-port-05-img figure.l1 {
  left: 0;
  right: 0;
  top: auto;
  margin: auto;
  bottom: -100%;
}
.serv-port-05-img figure.l2 {
  left: 0;
  right: 0;
  margin: auto;
  top: -100%;
}
.serv-port-03-img figure.l1,
.serv-port-03-img figure.l2 {
  -webkit-transform: scale(80%);
  -ms-transform: scale(80%);
  transform: scale(80%);
}
.pp-navi.l3 .appi-dot-navi .dotts i,
.pp-navi.l3 .appi-dot-navi .dotts i:after,
.pp-navi.l3 .appi-dot-navi .dotts i:before {
  background: #0d3d99;
}
.pp-navi.l4 .appi-dot-navi .dotts i,
.pp-navi.l4 .appi-dot-navi .dotts i:after,
.pp-navi.l4 .appi-dot-navi .dotts i:before {
  background: #c72840;
}
.pp-navi.l5 .appi-dot-navi .dotts i,
.pp-navi.l5 .appi-dot-navi .dotts i:after,
.pp-navi.l5 .appi-dot-navi .dotts i:before {
  background: #131781;
}
.pp-navi.l6 .appi-dot-navi .dotts i,
.pp-navi.l6 .appi-dot-navi .dotts i:after,
.pp-navi.l6 .appi-dot-navi .dotts i:before {
  background: #ed831f;
}
.pp-navi.l7 .appi-dot-navi .dotts i,
.pp-navi.l7 .appi-dot-navi .dotts i:after,
.pp-navi.l7 .appi-dot-navi .dotts i:before {
  background: #03c677;
}
.serv-port-01 {
  top: 0;
  color: #fff;
  left: 0;
}
.about-sec-list,
.brad-setion .nav-tabs .nav-link,
.portskip,
.single-footer-widget ul.list li.footer-cycle,
.top-header-contact .header-social .social-links li a.text-primary {
  font-weight: 500;
}
.appi-port-clocktext .down-text p,
.appi-port-clocktext .up-text p,
.serv-port-01 .text-sm p {
  position: relative;
  top: 0 !important;
}
.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text,
.serv-port-01 .text-sm {
  font-size: 16px;
  position: relative;
  height: auto;
  overflow: hidden;
}
.serv-port-01 .text-sm {
  top: 0;
  left: 0;
  text-align: left;
}
.appi-port-clocktext {
  position: relative;
  color: #fff;
  top: 0;
  margin: 0 0 30px;
}
.appi-port-clocktext * {
  color: #fff !important;
}
.appi-port-clocktext .down-text,
.appi-port-clocktext.serv-port-04 .down-text {
  text-align: left;
}
.appi-port-clocktext .middel-text {
  overflow: hidden;
  border: 0;
  background: 0 0;
  -webkit-transition: 0.5s;
  height: auto;
  opacity: 1;
  position: relative;
  color: var(--white);
  padding: 0;
  text-shadow: 1px 1px 4px #00000005;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.5s;
  display: inline-block;
}
.portfolio-item a,
.products-section .rounded {
  overflow: hidden;
  border-radius: 10px !important;
}
.appi-port-clocktext.serv-port-02,
.appi-port-clocktext.serv-port-03,
.appi-port-clocktext.serv-port-04 {
  top: 0;
  left: 0;
}
.appi-port-clocktext.serv-port-02 .down-text {
  padding: 0 8px 0 0;
}
.appi-port-clocktext .middel-text p {
  position: relative;
  top: 0 !important;
  white-space: nowrap;
  line-height: 1.15;
  cursor: pointer;
}
.about-image img,
.appi-port-clocktext.serv-port-03 .middel-text,
.appi-port-clocktext.serv-port-04 .middel-text,
.appi-port-clocktext.serv-port-05 .middel-text,
.appi-port-clocktext.serv-port-06 .middel-text,
.appi-port-clocktext.serv-port-07 .middel-text {
  height: auto;
}
.appi-port-clocktext.serv-port-02 .middel-text p {
  line-height: 1.08;
}
.appi-port-clocktext.serv-port-05,
.appi-port-clocktext.serv-port-06,
.year-nav-pills .nav-link.active {
  left: 0;
}
.appi-portfolio-sec-left figure.four img {
  object-position: right center;
}
.appi-portfolio-sec-left figure .donimg {
  position: absolute;
  top: -450px;
  left: 0;
}
.appi-port-clocktext {
  opacity: 0.8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0 0 5px;
}
.appi-port-clocktext:after {
  content: '';
  width: 50px;
  height: 2px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--white);
}
.appi-port-clocktext.active,
.progress-wrap.active-progress:hover {
  opacity: 1 !important;
}
.appi-port-clocktext.active:after {
  left: 40px;
  width: 70px;
}
#stats {
  position: relative;
  display: flex;
  align-items: center;
}
.portskip {
  text-transform: uppercase;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 80px;
  z-index: 5;
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 5px;
  color: var(--paragraph-color);
}
.scrollmagic-pin-spacer .scrollmagic-pin-spacer {
  padding: 0 !important;
}
.appi-ins-portfolio-sec .appi-portfolio-sec-right,
.appi-portfolio-sec-left,
.zoho-one-content .zohoone-item .zohoone-box:hover {
  background-color: #fff !important;
}
.appi-ins-portfolio-sec .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec:before,
.appi-portfolio-sec-left:before {
  content: '';
  background-color: var(--primary);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.07;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.appi-ins-portfolio-sec.serv-port-bg-02 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-02:before,
.appi-portfolio-sec-left.serv-port-bg-02:before,
.clockbg-dial.serv-port-bg-02 {
  background-color: var(--green) !important;
}
.appi-ins-portfolio-sec.serv-port-bg-03 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-03:before,
.appi-portfolio-sec-left.serv-port-bg-03:before,
.clockbg-dial.serv-port-bg-03 {
  background-color: var(--blue) !important;
}
.appi-ins-portfolio-sec.serv-port-bg-04 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-04:before,
.appi-portfolio-sec-left.serv-port-bg-04:before,
.clockbg-dial.serv-port-bg-04 {
  background-color: var(--purple) !important;
}
.appi-ins-portfolio-sec.serv-port-bg-05 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-05:before,
.appi-portfolio-sec-left.serv-port-bg-05:before,
.clockbg-dial.serv-port-bg-05 {
  background-color: #e22728 !important;
}
.appi-ins-portfolio-sec.serv-port-bg-06 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-06:before,
.appi-portfolio-sec-left.serv-port-bg-06:before,
.clockbg-dial.serv-port-bg-06 {
  background-color: #f5b01a !important;
  background-color: var(--purple) !important;
}
.appi-ins-portfolio-sec.serv-port-bg-07 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-07:before,
.appi-portfolio-sec-left.serv-port-bg-07:before,
.clockbg-dial.serv-port-bg-07 {
  background-color: var(--orange) !important;
}
.service-port-clients .service-port-info-img .brand-sm-img {
  animation-delay: 0.1s;
  opacity: 0;
  transform: translateY(0);
}
.service-port-clients .service-port-info-img.active,
.service-port-clients .service-port-info-img.active .brand-sm-img,
.tab-pane.show .service-port-info .h4-style,
.tab-pane.show .service-port-info h4,
.tab-pane.show .service-port-info-img .brand-sm-img {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  transform: translateY(0);
}
.service-port-clients .service-port-info-img {
  position: absolute;
  pointer-events: none;
  animation-delay: 0.1s;
  opacity: 0;
  transform: translateY(100%);
}
.service-port-clients .service-port-info-img.active {
  position: relative;
  pointer-events: all;
}
.cursor-zoom {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MCcgaGVpZ2h0PSc1MCcgdmlld0JveD0nMCAwIDUwIDUwJz48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzI2MmIzMjtvcGFjaXR5OjAuOTt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGNpcmNsZSBjbGFzcz0nY2xzLTEnIGN4PScyNScgY3k9JzI1JyByPScyNScvPjxwYXRoIGNsYXNzPSdjbHMtMicgZD0nTTIxLjc5LDI2Ljc5LDE3LDMxLjU5VjMwYTEsMSwwLDAsMC0yLDB2NGExLDEsMCwwLDAsLjA4LjM4LDEsMSwwLDAsMCwuNTQuNTRBMSwxLDAsMCwwLDE2LDM1aDRhMSwxLDAsMCwwLDAtMkgxOC40MWw0LjgtNC43OWExLDEsMCwwLDAtMS40Mi0xLjQyWicvPjxwYXRoIGNsYXNzPSdjbHMtMicgZD0nTTM0LjkyLDE1LjYyYTEsMSwwLDAsMC0uNTQtLjU0QTEsMSwwLDAsMCwzNCwxNUgzMGExLDEsMCwwLDAsMCwyaDEuNTlsLTQuOCw0Ljc5YTEsMSwwLDAsMCwwLDEuNDFoMGExLDEsMCwwLDAsMS40MSwwaDBMMzMsMTguNDFWMjBhMSwxLDAsMCwwLDIsMFYxNkExLDEsMCwwLDAsMzQuOTIsMTUuNjJaJy8+PC9zdmc+),
    auto;
}
.portfolio-item a {
  box-shadow: 0 0 20px -5px #ddd;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.portfolio-item a:hover {
  box-shadow: 0 0 30px -5px #999;
}
.portfolio-item p {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.portfolio-item p:before {
  content: '';
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: 'font awesome 5 pro';
  font-weight: 400;
}
.portfolio-item .h2-style,
.portfolio-item h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.lift {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translateY(0);
  transition: 0.3s;
}
.lift:hover {
  transform: translateY(-0.4rem);
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/10%);
}
.movebounce {
  -webkit-animation: 10s linear infinite movebounce;
  animation: 10s linear infinite movebounce;
}
.industries-sec-item {
  padding: 10px 0;
}
.founer-designation p,
.testimoniols-section .testimoniols-card .post-link a {
  font-size: 14px;
}
.fs-12 {
  font-size: 12px !important;
}
.blog-otherpage,
.partner-banner {
  padding: 50px 0 100px;
}
.modaltestimonial-modal .modal-content,
.partner-sec-counter,
.reach-milestone-sec {
  overflow: visible;
}
.partner-sec-counter .partner-counter {
  top: -50px;
  position: relative;
}
.partner-logo img {
  max-width: 300px;
  width: 100%;
  position: relative;
  left: -32px;
}
.zoho-services .services-list-item .card .card-body .icon {
  width: 60px;
  min-height: 60px;
  height: 60px;
}
.zoho-services .services-list-item .card .card-body .icon img {
  -webkit-filter: none;
  filter: none;
  padding: 10px;
}
.zoho-additional-services
  .services-list-item
  .card
  .card-body
  .icon
  .zoho-services-icon,
.zoho-services .services-list-item .card .card-body .icon .zoho-services-icon {
  width: 60px;
  min-height: 60px;
  height: 60px;
  background-size: 360px auto;
  background-repeat: no-repeat;
}
.core-values-figure.core-values-accountability,
.menu-img .menu-img-04,
.tools-img .tools-img-03,
.zoho-services-icon.zoho-s-img-02 {
  background-position: -60px 0;
}
figure.brandimg-figure.bf-touch {
  background-position: -305px -2700px;
}
.set-hospitality-more-details,
.share-case-left {
  margin-top: 20px;
}
.blog-details-row-section .col-12.col-lg-3.sticky-sidebar {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 25px #d1d1d1;
  border-radius: 12px;
}
.core-values-figure.core-values-success,
.tools-img .tools-img-05,
.zoho-services-icon.zoho-s-img-03 {
  background-position: -120px 0;
}
.core-values-figure.core-values-excellence,
.zoho-services-icon.zoho-s-img-04,
figure.testimoniols-img-figure.ti-hemendra {
  background-position: -180px 0;
}
.zoho-services-icon.zoho-s-img-05 {
  background-position: -240px 0;
}
.zoho-additional-services .services-list-item .card .card-body .icon {
  width: 80px;
  min-height: 80px;
  height: 80px;
}
.zoho-additional-services .services-list-item .card .card-body .icon img {
  -webkit-filter: none;
  filter: none;
  padding: 20px;
}
.bg-soft-orange {
  background-color: #fff3ed !important;
}
.bg-soft-green {
  background-color: #ebffe3 !important;
}
.bg-soft-blue {
  background-color: #d5f5ff !important;
}
.bg-soft-purple {
  background-color: #e7d9ff !important;
}
.bg-soft-red {
  background-color: #ffe5e7 !important;
}
.bg-soft-yellow {
  background-color: #fff8db !important;
}
.btn.rounded-pill {
  border-radius: 40px;
}
.banner-img-content .banner-img {
  opacity: 0;
  padding: 0 0 81%;
  height: 0;
}
.banner-img-content .banner-amimate,
.glimpse-tile .glimpse-img img {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}
.glimpse-tile .glimpse-img img {
  display: block;
  bottom: 0;
  margin: auto;
  background-position: center;
}
.banner-img-content {
  margin: 0 0 40px;
}
.form-group label {
  margin: 0 0 5px;
}
div#web-content {
  min-height: 50vh;
}
.event-content .h2-style,
.event-content h2 {
  text-transform: capitalize;
  letter-spacing: 2px;
}
.sec-title .h2-style,
.sec-title .happen-form-title {
  letter-spacing: 1px;
  text-transform: capitalize;
  text-indent: -40px;
}
.event-box {
  border-radius: 10px;
  background: #fff;
  padding: 15px;
}
.glimpse-tile .glimpse-img {
  height: auto;
  padding: 0 0 100%;
  border-radius: 7px;
  margin: auto;
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.event-box:hover .glimpse-tile .glimpse-img:after,
.glimpse-tile .glimpse-img:hover:after {
  opacity: 0.6;
  width: 100%;
  height: 100%;
}
.glimpse-tile .glimpse-img span,
.glimpse-tile .glimpse-img:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.glimpse-tile .glimpse-img:after {
  content: '';
  background: #000000bf;
  width: 0;
  height: 0;
  transition: 0.3s;
  border-radius: 7px;
}
.glimpse-tile .glimpse-img span {
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  z-index: 1;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}
.about-sec-list,
.blog-details-info p {
  font-size: 17px;
}
.sec-title .h2-style,
.sec-title.sec-title-blue .row .h2-style b {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
}
.happen-form-content {
  margin-left: -100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-index-form-title {
  padding-top: 2rem;
}
.card-letsconnect .happen-form-content .contact-zoho-form {
  height: 100%;
  display: inline-block;
}
.sec-title .happen-form-title {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 8px;
  text-align: center;
}
.sec-title .h2-style b {
  font-weight: 700;
  position: relative;
  z-index: 1;
  color: var(--paragraph-color);
}
.sec-title .h2-style:before {
  content: '';
  border: 20px solid var(--primary);
  display: inline-block;
  width: 0;
  height: 0;
  position: relative;
  z-index: 0;
  margin: 0;
  -webkit-animation: 10s linear infinite movebounce;
  animation: 10s linear infinite movebounce;
  transform: translateX(15px);
  transform: translateY(-15px);
  opacity: 0.5;
  left: 5px;
}
.wrap {
  box-sizing: border-box;
  max-width: 1220px;
  margin: 0 auto;
}
.team-carousel .owl-controls .owl-nav .owl-next,
.team-carousel .owl-controls .owl-nav .owl-prev {
  background: 0 0;
  font-size: 18px;
  color: #a1a1a1;
}
.list-style.ls-bg.ls-square ul li:after {
  border: 4px solid #fff;
}
.dropdown .dropdown-content {
  display: block;
  -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
  box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
  background: #fff;
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 0;
  width: 300px;
  z-index: 99;
  padding: 5px;
  opacity: 0;
  border-radius: 10px;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  pointer-events: none;
}
.dropdown .dropdown-content.dropdowncontent-md {
  width: 415px;
}
.dropdown .dropdown-content.dropdown-content-right {
  right: 0;
  left: auto;
}
.dropdown:hover .dropdown-content {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.dropdown .dropdown-content li.nav-item a {
  padding: 7px 10px;
  font-size: 14px;
  color: var(--paragraph-color);
}
.dropdown-container {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dropdown-container .dropdown-block-left {
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
}
.dropdown-container .dropdown-block-right {
  -ms-flex: 0 0 calc(100% - 100px);
  flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.dropdown-container .dropdown-block-left .nav-item-title li a {
  padding: 7px 10px;
  font-size: 14px;
  color: var(--black);
  font-weight: 600;
}
.dropdown-bottom.text-center.header-timing,
.dropdown-container .dropdown-block {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 7px;
  border: 0;
  border-bottom: 1px dashed #dcdcdc;
  display: flex;
}
.dropdown-container .dropdown-block .h5-style,
.dropdown-container .dropdown-block h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 2px 0 0;
  color: var(--primary);
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  max-width: 90px;
}
.dropdown-container .dropdown-block ul {
  -ms-flex: 0 0 calc(100% - 90px);
  flex: 0 0 calc(100% - 90px);
  max-width: calc(100% - 90px);
}
.dropdown-container .dropdown-block ul li.nav-item a {
  padding: 0;
  margin: 0 5px;
  font-weight: 400;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.7;
}
.dropdown-container .dropdown-block ul li.nav-item a b,
.dropdown-container .dropdown-block ul li.nav-item a i,
.dropdown-container .dropdown-block ul li.nav-item a text,
ul.sub-contact-list li i {
  padding: 0;
  margin: auto 5px auto 0;
}
.dropdown-container .dropdown-block ul li.nav-item a span {
  padding: 0;
  margin: auto 5px auto 0;
  color: var(--black);
}
.dropdown-container b {
  font-weight: 500;
  color: var(--black);
}
.dropdown-container .dropdown-bottom {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 5px 0 0;
  font-size: 14px;
}
.dropdown-container .dropdown-bottom p {
  margin: 0;
  font-size: 14px;
}
.blink {
  animation: 1.5s linear infinite blinker;
}
.zoho-one-nav {
  position: relative;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  z-index: 2;
}
.zoho-one-nav-content {
  position: sticky;
  top: 15px;
}
.zoho-one-nav-content ul,
.zoho-one-nav-content ul li .zohoone-link {
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.zoho-one-nav-content ul {
  border-radius: 25px;
  box-shadow: 0 0 20px -10px #000;
  list-style: none;
  padding: 10px 5px;
  margin: 0;
  width: 50px;
  overflow: hidden;
}
.zoho-one-nav-content ul:hover {
  width: 250px;
}
.zoho-one-nav-content ul li .zohoone-link {
  padding: 5px;
  display: flex;
  border-radius: 20px;
}
.zoho-one-nav-content ul li .zohoone-link.active,
.zoho-one-nav-content ul li .zohoone-link:hover,
.zoho-one-nav-content ul li.active .zohoone-link {
  background-color: #f3faff;
}
.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure {
  min-width: 30px;
  margin: auto;
  width: 30px;
  height: 30px;
  display: block;
  background-size: 300px auto;
  background-repeat: no-repeat;
}
.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.zoho-one {
  background-position: -180px -30px;
}
.zoho-one-nav-content
  ul.we-impact-nav-icons
  li
  .zohoone-link
  figure.digital-transformation {
  background-position: -90px -60px;
}
.zoho-one-nav-content
  ul.we-impact-nav-icons
  li
  .zohoone-link
  figure.saas-cloud-service,
.zoho-partner-icon.zoho-partner-01 {
  background-position: 0-30px;
}
.zoho-one-nav-content
  ul.we-impact-nav-icons
  li
  .zohoone-link
  figure.ecommerce-platforms {
  background-position: -120px -60px;
}
.zoho-one-nav-content
  ul.we-impact-nav-icons
  li
  .zohoone-link
  figure.enterprise-software {
  background-position: -60px -60px;
}
.zoho-one-icon.zoho1-04,
.zoho-one-nav-content
  ul.we-impact-nav-icons
  li
  .zohoone-link
  figure.consumer-application {
  background-position: -150px -60px;
}
.zoho-one-nav-content ul li .zohoone-link figure {
  margin: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 3px;
}
.zoho-partner-icon {
  background-size: 180px auto;
  background-repeat: no-repeat;
  transform: scale(0.9);
}
.zoho-partner-icon.zoho-partner-02 {
  background-position: -30px -30px;
}
.zoho-partner-icon.zoho-partner-03 {
  background-position: -60px -30px;
}
.zoho-one-icon.zoho1-10,
.zoho-partner-icon.zoho-partner-04 {
  background-position: -90px -30px;
}
.zoho-partner-icon.zoho-partner-05 {
  background-position: -120px -30px;
}
.zoho-partner-icon.zoho-partner-06 {
  background-position: -150px -30px;
}
.zoho-one-icon {
  background-size: 450px auto;
  background-repeat: no-repeat;
}
.zoho-one-icon.zoho1-02 {
  background-position: -240px -90px;
}
.zoho-one-icon.zoho1-03 {
  background-position: -60px -90px;
}
.zoho-one-icon.zoho1-05 {
  background-position: -180px -60px;
}
.zoho-prod-img figure,
.zohoone-box .icon figure {
  background-repeat: no-repeat;
  background-position: 0 0;
}
.zoho-one-icon.zoho1-06 {
  background-position: -330px -60px;
}
.zoho-one-icon.zoho1-07 {
  background-position: -270px -150px;
}
.zoho-one-icon.zoho1-08 {
  background-position: -120px -180px;
}
.zoho-one-icon.zoho1-09 {
  background-position: -240px -30px;
}
.zoho-one-nav-content ul li .zohoone-link text {
  margin: auto 0 auto 15px;
  opacity: 0;
  font-size: 12px;
  line-height: 1.2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  white-space: nowrap;
  min-width: 180px;
  font-weight: 500;
}
.zoho-one-nav-content ul:hover li .zohoone-link text {
  margin: auto 0 auto 10px;
  opacity: 1;
  white-space: normal;
}
.zoho-one-content {
  -ms-flex: 0 0 calc(100% - 80px);
  flex: 0 0 calc(100% - 80px);
  max-width: calc(100% - 80px);
  margin-left: auto;
}
.overflow-visible {
  overflow: visible !important;
}
.zohoone-box {
  background: #fff !important;
  padding: 15px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/5%);
  box-shadow: none;
}
.zohoone-box-text .h3-style,
.zohoone-box-text h3 {
  color: #424242;
  font-weight: 600;
  margin: 0 0 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-size: 18px;
  display: flex;
  max-height: 48px;
}
.zohoone-box-text .h3-style span,
.zohoone-box-text h3 span {
  width: 100%;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 48px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  margin: auto;
}
.services-menu-info .services-menu-info-text p,
.zohoone-box-text p {
  -webkit-line-clamp: 3;
  line-height: 1.5;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.zohoone-box-text p {
  font-size: 16px;
  display: block;
  display: -webkit-box;
  height: 72px;
  max-height: 72px;
}
.zohoone-box .icon figure {
  margin: 0;
  position: relative;
  height: 50px;
  width: 50px;
  background-size: auto 400px;
  display: inline-block;
}
.zohoone-box .icon figure.zicon-bigin {
  background-position: -693px -173px;
}
.zohoone-box .icon figure.zicon-booking {
  background-position: -404px -173px;
}
.zohoone-box .icon figure.zicon-lens {
  background-position: -747px -173px;
}
.zohoone-box .icon figure.zicon-learn {
  background-position: -289px -233px;
  width: 50px;
}
.zohoone-box .icon figure.zicon-teaminbox {
  background-position: -175px -233px;
}
.zohoone-box .icon figure.zicon1 {
  background-position: -4px -3px;
}
.zohoone-box .icon figure.zicon2 {
  background-position: -119px -3px;
}
.zohoone-box .icon figure.zicon4 {
  background-position: -179px -3px;
}
.zohoone-box .icon figure.zicon35 {
  background-position: -690px -3px;
}
.zohoone-box .icon figure.zicon6 {
  background-position: -233px -3px;
}
.zohoone-box .icon figure.zicon7 {
  background-position: -292px -3px;
}
.zohoone-box .icon figure.zicon8 {
  background-position: -348px -3px;
}
.zohoone-box .icon figure.zicon9 {
  background-position: -520px -3px;
}
.zohoone-box .icon figure.zicon-sites {
  background-position: -574px -3px;
  width: 53px;
}
.zohoone-box .icon figure.zicon38 {
  background-position: -405px -3px;
}
.zohoone-box .icon figure.zicon5 {
  background-position: -63px -3px;
}
.zohoone-box .icon figure.zicon39 {
  background-position: -462px -3px;
}
.zohoone-box .icon figure.zicon40 {
  background-position: -462px -175px;
}
.zohoone-box .icon figure.zicon10 {
  background-position: -751px -3px;
}
.zohoone-box .icon figure.zicon11 {
  background-position: -803px -3px;
}
.zohoone-box .icon figure.zicon12 {
  background-position: -578px -59px;
}
.zohoone-box .icon figure.zicon13 {
  background-position: -290px -117px;
}
.zohoone-box .icon figure.zicon20 {
  background-position: -120px -117px;
}
.zohoone-box .icon figure.zicon36 {
  background-position: -177px -117px;
}
.zohoone-box .icon figure.zicon14 {
  background-position: -347px -117px;
}
.zohoone-box .icon figure.zicon18 {
  background-position: -5px -117px;
}
.zohoone-box .icon figure.zicon21 {
  background-position: -5px -61px;
}
.zohoone-box .icon figure.zicon15 {
  background-position: -689px -61px;
}
.zohoone-box .icon figure.zicon16 {
  background-position: -747px -61px;
}
.zohoone-box .icon figure.zicon17 {
  background-position: -802px -61px;
  width: 52px;
}
.zohoone-box .icon figure.zicon19 {
  background-position: -635px -61px;
}
.zohoone-box .icon figure.zicon24 {
  background-position: -633px -3px;
}
.zohoone-box .icon figure.zicon23 {
  background-position: -59px -117px;
  width: 54px;
}
.zohoone-box .icon figure.zicon22 {
  background-position: -404px -117px;
}
.zohoone-box .icon figure.zicon25 {
  background-position: -63px -61px;
}
.zohoone-box .icon figure.zicon26 {
  background-position: -5px -177px;
}
.zohoone-box .icon figure.zicon28 {
  background-position: -292px -61px;
}
.zohoone-box .icon figure.ziconcheckout {
  background-position: -346px -61px;
}
.zohoone-box .icon figure.zicon27 {
  background-position: -231px -56px;
  height: 60px;
}
.zohoone-box .icon figure.zicon29 {
  background-position: -118px -56px;
  height: 60px;
}
.zohoone-box .icon figure.zicon30 {
  background-position: -460px -60px;
  height: 55px;
  width: 55px;
}
.zohoone-box .icon figure.zicon31 {
  background-position: -405px -60px;
  height: 55px;
}
.zohoone-box .icon figure.zicon32 {
  background-position: -460px -117px;
}
.zohoone-box .icon figure.zicon3 {
  background-position: -62px -174px;
}
.zohoone-box .icon figure.zicon37 {
  background-position: -517px -117px;
  width: 52px;
}
.zohoone-box .icon figure.zicon-bugtracker {
  background-position: -232px -118px;
}
.zohoone-box .icon figure.zicon-workdrive {
  background-position: -632px -118px;
}
.zohoone-box .icon figure.zicon-orchestly {
  background-position: -178px -61px;
}
.zohoone-box .icon figure.zicon-commerce {
  background-position: -346px -175px;
}
.zohoone-box .icon figure.zicon-dataprep {
  background-position: -461px -232px;
}
.zohoone-box .icon figure img {
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.industry-section .sec-title .h2-style,
.sec-title.title-no-effect .h1-style,
.sec-title.title-no-effect .h2-style,
.sec-title.title-no-effect .h3-style,
.sec-title.title-no-effect h1,
.sec-title.title-no-effect h2,
.sec-title.title-no-effect h3,
.text-indent-0 {
  text-indent: 0;
}
.sec-title .sec-title-img {
  margin: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.sec-title .sec-title-img.zoho-one-icon {
  width: 30px;
  height: 30px;
  transform: scale(1.5);
}
.case-list-button .buttob-list:first-child,
.sec-title .sec-title-img.zoho-one-icon:first-child,
.work-flow-section .faq-accset .btn span {
  margin-right: 10px;
}
.sec-title .sec-title-img img {
  width: 40px;
}
.sec-title .sec-title-img:first-child {
  margin-right: 20px;
}
.zoho-one-content .zohoone-item .zohoone-box {
  height: 100%;
  height: calc(100% - 24px);
}
.zoho-one-content .zohoone-item:nth-child(6n + 1) .zohoone-box {
  background-color: #fff3ed;
}
.zoho-one-content .zohoone-item:nth-child(6n + 2) .zohoone-box {
  background-color: #ebffe3;
}
.zoho-one-content .zohoone-item:nth-child(6n + 3) .zohoone-box {
  background-color: #d5f5ff;
}
.zoho-one-content .zohoone-item:nth-child(6n + 4) .zohoone-box {
  background-color: #e7d9ff;
}
.zoho-one-content .zohoone-item:nth-child(6n + 5) .zohoone-box {
  background-color: #ffe5e7;
}
.zoho-one-content .zohoone-item:nth-child(6n + 6) .zohoone-box {
  background-color: #fff8db;
}
.year-nav-pills {
  position: absolute;
  display: block;
  left: 60px;
  right: auto;
  top: 50px;
  bottom: auto;
  z-index: 9;
}
.year-nav-pills li a.active:before {
  width: 40px;
  height: 2px;
  opacity: 1;
}
.year-nav-pills li a:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 108px;
  left: auto;
  margin: auto;
  background: #9f9f9f;
  width: 0;
  height: 0;
  opacity: 0;
  transition: 0.5s;
}
.year-nav-pills .nav-link {
  background: 0 0;
  font-size: 20px;
  color: #000;
  line-height: 20px;
}
.year-nav-pills .nav-link.active,
.year-nav-pills .nav-link:focus,
.year-nav-pills .nav-link:hover {
  background: #6a6a6a;
  color: #fff;
  font-weight: 600;
}
.year-nav-pills li a.nav-link {
  background: #f8f8fb;
  min-width: 90px;
  padding: 0.5rem 1rem;
  position: relative;
  border: 1px solid #6a6a6a;
  border-radius: 5px;
  height: 40px;
  text-align: center;
  margin-bottom: 10px;
  left: -30px;
  transition: 0.5s;
}
.year-nav-pills li a.active:after {
  content: '';
  background: #9f9f9f;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: auto;
  bottom: 14px;
  right: 60px;
  left: auto;
  display: block;
  position: relative;
  margin: auto;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.b,
.strong {
  font-weight: bolder;
}
.startp-nav nav .navbar-nav .nav-item.mega-menu-item {
  position: static;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu {
  width: calc(100% - 20px);
  padding: 0 0 10px;
  box-shadow: none;
  background: 0 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  /* display: none; */
}
.mega-menu-content {
  -webkit-box-shadow: 0-5px 30px 0 rgb(0 0 0/10%);
  box-shadow: 0-5px 30px 0 rgb(0 0 0/10%);
  padding: 15px;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  min-height: 100px;
}
.mega-menu-content .mega-menu-scroll {
  overflow: auto;
  max-height: calc(100vh - 100px);
}
.services-menu-list:first-child .menu-title,
.services-menu-list:nth-child(2) .menu-title,
.services-menu-list:nth-child(3) .menu-title {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .menu-title {
  font-size: 16px;
  display: flex;
  font-weight: 600;
  margin: 10px 0 5px;
  border: 0;
  border-top: 1px solid #dcdcdc;
  padding-top: 10px;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .menu-title
  .menu-img {
  width: 30px;
  margin: auto 5px auto 0;
  display: inline-block;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .menu-title
  text {
  margin: auto 5px auto 0;
  display: inline-block;
}
.blog-section .blog-text div ul {
  margin-top: 10px;
  padding: 0;
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul {
  margin: 0;
  padding: 0;
  max-height: 390px;
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a {
  font-size: 14px;
  padding: 5px 10px 5px 0;
  position: relative;
  display: flex;
  margin: 0;
  color: var(--paragraph-color);
}
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a:before {
  content: '\f105';
  font-family: 'font awesome 5 pro';
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: auto;
  left: auto;
  opacity: 0;
  width: auto;
  font-size: 18px;
  line-height: 1.7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  ul
  li
  a.arrow-active:before {
  right: 0 !important;
  opacity: 1 !important;
  color: var(--primary);
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  ul
  li
  a.active:before,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  ul
  li
  a:hover:before {
  right: 0;
  opacity: 1;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  ul.arrow-toggle
  li
  a.active:before {
  right: 5px;
  opacity: 0;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a {
  color: var(--paragraph-color) !important;
}
.ind-item .menu-img,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a
  .menu-img {
  margin: 0 10px 0 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f9f9f9;
  display: flex;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a
  .menu-img
  span {
  width: 20px;
  height: 20px;
  background-size: 120px auto;
  background-repeat: no-repeat;
  margin: auto;
}
.menu-img .menu-img-02 {
  background-position: -20px 0;
}
.menu-img .menu-img-03 {
  background-position: -40px 0;
}
.menu-img .menu-img-05 {
  background-position: -80px 0;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a
  .menu-img
  img {
  margin: auto;
  padding: 5px;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a
  text {
  margin: auto 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-list
  ul
  li {
  margin: 0 0 7px;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-list
  ul
  li
  a {
  margin: auto 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul
  li
  a::before {
  line-height: 40px;
}
.startp-nav nav .navbar-nav .nav-item .nav-item-arrow:after {
  content: '';
  position: absolute;
  bottom: 80px;
  top: auto;
  left: 0;
  right: 0;
  width: 0;
  z-index: 9;
  padding: 0;
  opacity: 0;
  margin: auto;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: none;
}
.services-sec .sec-title .h2-style {
  font-size: 28px;
  line-height: 1.2;
}
.startp-nav nav .navbar-nav .nav-item:hover .nav-item-arrow:after {
  opacity: 1;
  visibility: visible;
  bottom: 60px;
}
.startp-nav nav .navbar-nav .nav-item.mega-menu-item-off .nav-item-arrow:after {
  opacity: 0;
  visibility: hidden;
  bottom: 80px;
}
.services-menu-title {
  padding: 20px 15px 20px 30px;
}
.services-menu-content,
.services-menu-info {
  background-color: #f9f9f9;
  padding: 0;
  position: relative;
}
.services-menu-info {
  background-color: #efefef;
  font-size: 14px;
}
.services-menu-content > .services-menu-block,
.services-menu-info > .services-menu-inner-block {
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.7s linear;
  transition: opacity 0.7s linear;
  visibility: hidden;
  position: absolute;
  display: flex !important;
  z-index: -1;
  margin: 0;
  top: 0;
}
.services-menu-content .services-menu-list {
  padding: 20px;
  background-color: #f9f9f9;
}
.services-menu-info > .services-menu-inner-block {
  padding: 20px 30px;
}
.services-menu-content > .services-menu-block.show,
.services-menu-info > .services-menu-inner-block.show {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 9;
}
.services-menu-info .services-menu-info-text {
  margin: 0 0 auto;
}
.services-menu-info .services-menu-info-text p {
  font-size: 14px;
  display: block;
  display: -webkit-box;
  height: 63px;
  max-height: 63px;
}
.services-menu-info .h4-style,
.services-menu-info h4 {
  font-size: 16px;
  color: var(--paragraph-color);
  font-weight: 600;
  margin: 0 0 10px;
}
.services-menu-info-img {
  margin: auto 0 0;
  width: 100%;
}
.services-menu-info-img ul.brand-img li.image {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  text-align: center;
  margin: 0 0 10px;
  height: 58px;
  position: relative;
}
.services-menu-info-img ul.brand-img li.image figure {
  margin: auto;
  transform: scale(0.4);
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: -53%;
}
.zoho-one-header .zoho-one-nav,
.zoho-partner-header .zoho-one-nav {
  position: fixed;
  left: auto;
  right: auto;
  z-index: 10;
}
.zoho-partner-header .zoho-one-nav {
  top: 190px;
  transform: translateX(-62px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.zoho-one-header .zoho-one-nav {
  top: 447px;
  transform: translateX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.zoho-one-header.is-sticky .zoho-one-nav,
.zoho-partner-header.is-sticky .zoho-one-nav {
  top: 30px;
}
ul.banner-listing {
  list-style: square;
}
.banner-mobile-slider .owl-stage .owl-item {
  padding-top: 5px;
}
.banner-mobile-slider .banner-li-title {
  padding-left: 5px;
}
.banner-mobile-slider .owl-dots {
  margin: 0 !important;
}
.we-impact-mobile-slider .owl-dots {
  margin: 15px 0 10px !important;
}
.zoho-prod-img figure {
  margin: 0 0 30px 5px;
  width: 60px;
  height: 60px;
  display: block;
  background-size: 600px auto;
}
.zoho-prod-img figure.zoho-one-icon {
  background-position: -360px -60px;
}
.zoho-prod-img figure.digital-transformation-icon {
  background-position: -180px -120px;
}
.zoho-prod-img figure.saas-cloud-icon {
  background-position: 0-60px;
}
.zoho-prod-img figure.ecommerce-icon {
  background-position: -240px -120px;
}
.zoho-prod-img figure.enterprise-icon {
  background-position: -120px -120px;
}
.zoho-prod-img figure.consumer-application-icon {
  background-position: -300px -120px;
}
.megamenu-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: none;
  pointer-events: none;
}
.megamenu-overlay.open {
  opacity: 1;
  visibility: visible;
  display: block;
  z-index: 9;
}
.faq-section.other-div,
.footer-bottom-section {
  padding: 30px 0;
}
.footer-btn .btn-list {
  padding: 0;
  margin: 0;
}
.tools-technologies-sec ~ .other-service-sec {
  border-top: 2px solid #ebeff3;
}
.tools-technologies-sec ~ .ideal-process-sec ~ .other-service-sec {
  border-top: 0;
}
.rounded-20 {
  border-radius: 20px !important;
}
.event-first-sec-image figure.wc-bg-img {
  position: absolute;
  margin: auto;
  overflow: hidden;
  top: 0;
  z-index: 0;
  width: 700px;
  filter: brightness(1.2);
}
.event-first-sec-image figure.wc-main-img {
  position: relative;
  display: block;
  height: 460px;
  overflow: hidden;
  margin: auto;
  z-index: 1;
  top: 15px;
  left: 50px;
}
.event-first-sec-image figure.wc-main-img img,
.inner-glimpse-line:after {
  position: absolute;
  display: block;
  width: 90%;
  height: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.inner-glimpse-line:after {
  content: '';
  background: #9f9f9f;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  top: auto;
  bottom: 30px;
  right: -48px;
  left: auto;
  margin: 0;
}
.glimpse-data {
  background: #f3f3f3;
  border-radius: 2rem;
  padding: 60px;
  color: #333;
  flex-direction: column;
  justify-content: center;
}
.glimpse-data .h2-style,
.glimpse-data h2 {
  font-size: 38px;
  font-weight: 700;
}
.glimpse-data .h3-style,
.glimpse-data h3 {
  font-size: 20px;
  line-height: 1.4;
}
.glimpse-data h3,
.other-service-desc p {
  font-size: 15px;
}
.glimpse-section-image {
  position: relative;
  width: 100%;
}

.glimpse-section-image .image-title {
  position: absolute;
  z-index: 1;
  text-align: center;
  padding: 5px 10px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid lightgrey;
  width: 80%;
  top: 92%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}
.glimpse-section-image figure:before,
.glimpse-title {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  right: 0;
}
.glimpse-section-image figure {
  overflow: hidden;
  margin: 0;
  padding-bottom: 66.66%;
  background-size: cover;
}

.glimpse-section-image:hover figure:before {
  opacity: 1;
  height: 100%;
}
.glimpse-title {
  font-size: 20px;
  display: none;
  text-align: center;
  font-weight: 600;
  bottom: 0;
  width: 0;
}
.glimpse-title span {
  margin: auto;
  color: #fff;
  font-weight: 600;
}
.glimpse-section-image:hover .glimpse-title {
  display: flex;
  width: 100%;
}
.blog-description-section
  .blog-more-page
  .btn-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(5, 74, 218, 0.1);
  color: #940b92;
}
.blog-description-section .blog-more-page .btn-more:hover,
.blog-details-content .blog-nav-content ul li.active a,
.blog-details-more .blog-more-01 a:hover h3,
.head-palttech .nav-tabs a.active span,
.head-palttech.tools-palttech .nav-tabs a:hover text,
.industries-text a:hover .industry-des-point li,
.industry-sec-main-data .h1-style span,
.industry-sec-main-data h1 span,
.social-share-icon.socialshare-middle ul li a.share-facebook i,
.social-share-icon.socialshare-middle ul li a.share-linkedin i,
.social-share-icon.socialshare-middle ul li a.share-twitter i,
.tool-btn .btn a,
.tool-section .tabs-list-scroll ul li a.active span,
.tool-section .tabs-list-scroll ul li:hover a span {
  color: #940b92;
}
.employee-speak-sec {
  padding: 60px 0 30px;
}
.employee-speaks-content {
  height: 100%;
  background: #fff;
  border: 0;
  padding: 20px;
  box-shadow: 10px 10px 35px rgb(0 0 0/35%);
  -webkit-box-shadow: 0 0 30px -10px rgb(0 0 0/30%);
}
.employee-speaks-img {
  border-radius: 100%;
  border: 3px solid #940b92;
  -webkit-border-radius: 100%;
  max-width: 150px;
  max-height: 150px;
  min-width: 150px;
  min-height: 150px;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
}
.employee-speaks-desc p {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.employee-speaks-content .employee-speaks-desc p {
  font-size: 16px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 108px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.7;
}
.employee-speaks-desc strong {
  display: inline-block;
  color: #940b92;
  font-weight: 600;
  font-size: 20px;
  line-height: 0;
  top: -3px;
  position: relative;
}
.employee-speaks-position {
  margin-top: 12px;
  font-size: 18px;
  letter-spacing: 0;
}
.employee-more-review-sec {
  font-family: var(--secondary-font);
  color: #525252;
  font-weight: 300;
  font-size: 18px;
  margin: 0;
}
.team-carousel.owl-carousel .owl-stage-outer {
  padding: 40px 0 20px;
}
.review-img {
  background: #fff;
  padding: 10px 20px;
  box-shadow: 10px 10px 35px -10px rgb(0 0 0/30%);
  margin-top: 15px;
}
.review-img img {
  max-width: 180px;
  width: 100%;
}
.inner-glimpse-title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding-top: 12px;
}
.inner-glimpse-line {
  display: inline-block;
  position: relative;
}
.inner-glimpse-line:before,
.inner-glimpse-section:before {
  border-bottom: 2px solid #9f9f9f;
  right: auto;
  display: block;
  position: absolute;
  content: '';
  height: 100%;
}
.inner-glimpse-line:before {
  border-right: 2px solid #9f9f9f;
  border-radius: 0 0 30px;
  padding: 0 40px 40px 0;
  width: 100%;
  width: calc(100% + 10px);
  top: 20px;
  bottom: auto;
  left: 32px;
}
.inner-glimpse-section {
  position: relative;
  padding: 50px 0 50px 200px;
}
.inner-glimpse-section:before {
  width: 5%;
  border-top: 2px solid #9f9f9f;
  border-left: 2px solid #9f9f9f;
  border-radius: 30px 0 0 30px;
  top: auto;
  bottom: 6px;
  left: 0;
}
.inner-glimpse-overview-sec {
  display: block;
  max-width: 800px;
  margin: auto;
  position: relative;
  text-align: center;
}
.inner-glimpse-content {
  background: #fff;
  padding: 40px;
  box-shadow: 0 0 40px -20px #878787;
  display: inline-block;
  margin-top: 30px;
  z-index: 3;
}
.inner-glimpse-overview-sec:before {
  content: '';
  position: absolute;
  display: block;
  border-right: 2px solid #9f9f9f;
  border-top: 2px solid #9f9f9f;
  border-radius: 0 30px 0 0;
  padding: 40px 0 0 40px;
  width: 75%;
  height: 20%;
  top: -8px;
  bottom: auto;
  right: 50%;
  left: auto;
  z-index: 0;
}
.inner-glimpse-overview-pill {
  background: #1758bb;
  padding: 3px;
  border-radius: 5px;
  width: 70px;
  display: block;
  margin: auto;
}
.inner-glimpse-overview-pill p {
  color: #fff;
  font-weight: 400;
  z-index: 3;
  font-size: 12px;
}
.inner-glimpse-overview-sec:after {
  content: '';
  position: absolute;
  display: block;
  background: #9f9f9f;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 50px;
  bottom: auto;
  right: 2px;
  left: 0;
  margin: auto;
}
.inner-glimpse-detail {
  font-size: 30px;
  font-weight: 600;
  margin: 20px 0;
}
.inner-glimpse-overview-data a.nav-link {
  display: block;
  margin: auto;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  width: 160px;
}
.industry-sec-main-data {
  z-index: 3;
  display: block;
  position: relative;
}
.industry-sec-main-img figure {
  position: relative;
  display: block;
  height: 500px;
  margin: auto;
  overflow: hidden;
}
.industry-sec-img-content-listing figure,
.industry-title-icon figure {
  width: 48px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
}
.industry-sec-main-img {
  background: #fff;
  max-height: 100%;
  z-index: 1;
  border-radius: 10px;
}
.industry-sec-main-data p {
  font-weight: unset;
  font-size: 15px;
}
.industry-sec-img-content,
.industry-sec-main-img figure:before {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
a.industries-view-more-btn {
  background-color: #940b92;
  border-radius: 7px;
  padding: 13px 53px;
  color: #fff;
  transition: 0.5s;
}
a.industries-view-more-btn.clspageparentmenu1:hover,
a.industries-view-more-btn.clspageparentmenu:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.industry-sec-img-content {
  color: #fff;
  padding: 22px 15px;
  z-index: 1;
}
.industry-sec-img-content-listing a {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #333;
  line-break: anywhere;
  position: relative;
}
.dbl-square-shape:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.industry-sec-img-content-listing div:first-child a::before {
  top: 4px;
  left: 29px;
  background-color: #eefaff;
}
.industry-sec-img-content-listing div:nth-child(2) a::before {
  top: -3px;
  left: 18px;
  background-color: #f3f2ff;
}
.industry-sec-img-content-listing div:nth-child(3) a::before,
.industry-sec-img-content-listing div:nth-child(6) a::before {
  top: -3px;
  left: 18px;
  background-color: #fff3f3;
}
.industry-sec-img-content-listing div:nth-child(4) a::before {
  top: -3px;
  left: 18px;
  background-color: #fbfce1;
}
.industry-sec-img-content-listing div:nth-child(5) a::before {
  top: -6px;
  left: 4px;
  background-color: #e3fef0;
}
.industry-sec-img-content-listing div:nth-child(7) a::before {
  top: -6px;
  left: 15px;
  background-color: rgba(36, 99, 155, 0.11);
}
.industry-sec-img-content-listing div:nth-child(8) a::before {
  top: -3px;
  left: 18px;
  background-color: #ddf6ff;
}
.industry-sec-img-content-listing div:nth-child(10) a::before,
.industry-sec-img-content-listing div:nth-child(11) a::before,
.industry-sec-img-content-listing div:nth-child(12) a::before,
.industry-sec-img-content-listing div:nth-child(13) a::before,
.industry-sec-img-content-listing div:nth-child(9) a::before {
  top: 0;
  left: 24px;
  background-color: #ebf3ff;
}
.industry-sec-img-content-listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 25px 0;
  margin: 0 43px;
}
.industry-sec-img-content .industry-sec-img-content-title {
  background: #edf4ff;
  border-radius: 0 100px 100px 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.03em;
  color: #004cff;
  padding: 9px 30px;
  margin: 0 41px 34px 0;
}
.industry-sec-img-content .industry-sec-img-content-data {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #4f4f4f;
  margin: 0 34px;
}
.industry-sec-img-content-data {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.industry-img-sec {
  padding: 60px 0 0;
  position: relative;
}
.industry-img .industry-img-sec .webimg {
  max-height: 100%;
  width: 100%;
}
.case-article-play-btn span img,
.helth-herosection .webimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.blog-nav-tab,
.industries-text .h2-style,
.industry-title-icon ~ .h2-style,
.industry-title-icon ~ .h3-style,
.industry-title-icon ~ .h4-style,
.industry-title-icon ~ .h5-style,
.industry-title-icon ~ .h6-style,
.industry-title-icon ~ h2,
.industry-title-icon ~ h3,
.industry-title-icon ~ h4,
.industry-title-icon ~ h5,
.industry-title-icon ~ h6 {
  margin: 20px 0;
}
.industry-section
  .mb-3
  div:nth-child(2n)
  figure.industry-img-one.wow.slideInDown:before {
  bottom: -20px;
  left: -20px;
  border: 2px solid #8cf7bf;
  border-radius: 0 100px;
}
.industry-section .mb-3 div:nth-child(2n) .industry-img-one {
  margin-right: auto;
  margin-left: 40px;
}
.industry-sec-img-content-listing figure {
  display: block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto 11px;
  object-fit: cover;
  object-position: top;
}
.industry-sec-img-content-listing figure.retail-ind {
  background-position: -210px -60px;
}
.industry-sec-img-content-listing figure.manufacturing-ind {
  background-position: -240px -60px;
}
.industry-sec-img-content-listing figure.telecom-ind {
  background-position: -270px -60px;
}
.industry-sec-img-content-listing figure.health-ind {
  background-position: 0-90px;
}
.industry-sec-img-content-listing figure.ecom-ind {
  background-position: -30px -90px;
}
.industry-title-icon {
  margin-left: 0;
  padding: 10px 0;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.industry-title-icon figure {
  display: block;
  margin: 0 0 0 20px;
  z-index: 1;
  background-position: top;
}
.service-img-14,
.tt-used-card .tt-used-icone figure.analytics-fbpixel {
  background-position: -300px -100px;
}
.tt-used-card .tt-used-icone figure.analytics-hotjar,
.tt-used-card .tt-used-icone figure.tech-hotjar {
  background-position: -400px -100px;
}
.service-img-15 {
  background-position: -200px -1500px;
}
.filepreview .form-control {
  padding-right: 40px !important;
}
.filepreview label.filepreviewbg {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  bottom: auto;
  left: auto;
  width: 45px;
  height: 43px;
  margin: 0;
  border: 0;
  background-color: #f9f9f9;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.filepreview .form-control[title='NO FILE CHOSEN'],
.filepreview .form-control[title='No File Chosen'],
.filepreview .form-control[title='No file chosen'],
.filepreview .form-control[title='no file chosen'],
.filepreview .form-control[value='NO FILE CHOSEN'],
.filepreview .form-control[value='No File Chosen'],
.filepreview .form-control[value='No file chosen'],
.filepreview .form-control[value='no file chosen'] {
  color: transparent !important;
}
.filepreview .form-control[type='filei'],
.filepreview .form-control[type='file'] {
  color: inherit !important;
  padding-left: 40px;
}
.filepreview .form-control[type='file']::file-selector-button {
  border: 0;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
  padding: 3px 5px;
  border-radius: 4px;
  background-color: transparent !important;
  margin: auto;
  color: #000;
  font-size: 0;
  width: 25px;
  min-width: 25px;
  min-height: 25px;
  height: 25px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABkpJREFUaEPtmWWobGUUhp9rt2Jhgt2JXdhid2MXdiK2go3dXdiFYrdiICoqNip2dwe2PLA+WHzMmZl9nJkrl7t+nbNnz97r/d4V71ozglHERowiOBgN5P/G5MhgZAxgXWB1YBlgFmBc4EvgBeBx4Brg/SaHNWggOn8CsFAHJ38DzgeOAn7oBtAggRwNHAqMGY7p7L3Aa8AfwBTAKsCcyfE3gE2AlzuBGRSQM4G9w5nvgSOAq4DvKgf1ZwngkAg/P/4IWBF4qx2YQQA5C9grnHgO2Bh4r8MJy5rfORUwp14EFgb+Gep7/QZyDrBHvPxZYB3gs05hkj4/OHLKS4cBxw8aiAd0RgonmbBSfVI54ml7799DnLbV7DFgceADYKahWOkHIzUIS6rV6vMEYmzA5F8DmDRYuhS4LEBlvBsAt8SF9YHbWrHSayDGtnG9T7zs+XD2i/TySYCHgUUqh4z/i4DdqlOfHPgqmDsd2L/fQARxWgonmVgtGl1592TAA8CiceER4AlgC2A24C9gVcDr2d4EZgeuA7bsJ5CxgJODCVm2yggiMyGIu4GlwpHzgH2jh0wJvB695BJg58pZu/2yEWIb9QuITJySQLwSdd9wKGY43RXOeO1iYHfgz7hB8H5vHuDOqG7Z37dDyihdtuoHkBrESwHim/Qyk/kOYLm4djmwSwLhZTWXeTNOlFhLbbGpolAI1gM7sNdA6nBqBcJwuhVYIV5+BbBT5ELxx9J6f1SvH4H5K8G4KXBD3Gz1u6+XQFoxsXJUl/IembgpktdrhsV2FROCuAewMqm9to7vlGdMADwV4JQoc/Syj5TqpISQbpnwxL+twun66B9e9m9j26pUbLFIfhP99wBxY/rcZnkcYHfXLOnKnZbWtI94v7W89AkTdHkg58TEEQo2O81mpr7KOkkZ/2BUKcHJhKW1mO85ADgpDutpYMmhQHi9CZC6Y1tild25OgniWmDtBEIZrgQpJghzwiS2am0b38kg9ovE9p3vRjH4tFdAbHa+QGslOyYCrgbWi3usVEqKGoS9ZNq4vj1wZcWEISvrhpZTov3IhtjWmjDyKzAeoOywejiaFpswkjmDUCPlnJAJe8T0EWYy4UySmcggFImCcLjqaE2AOAxZNYzd3LHHj9Dw9DWnPuV6aXZes6TaEGcMEJZgBWK2PUMxW0w+BqyCXYHwIU2AtDoVZbZJ6ulrllLlegYxb4CbIUDsGuIwP88ub0UShLmwUkiWjkxkOru+ubpREIaGyazZqAwt+0ExQRhOzhGaDrtUyKauUnfZYJ1XDKdXmzo1XEacJ2xwBYRVSFZ+SQ7MHeE0c1wz/p0YsylVvObznFesgpb0xjYcINJviVU6aA9FOGUQSm5zxZ2Vpsp1AZHNPDk39NXX0Y8aM1Ee2BSIJVEmNo8HKPQMp5+ShzpvsytMWBws3dl2AC4IJtykKCiHxcRwgAjCnCiDjUwYTgq9YrMGiJITKlUVazb11oXBRE9A+PBuGRGE8nub8MgJbsNqL6XzTn9OesqRw1tsPZQiziIWCjeIyhub63+2boB4jyBsYJqjqRLERVsxS6thZm4IwlXnMZV3hqMyXhCGouHUExDdMCIIFwImpvYksFbFxHTAo4kJAQgkmyA8DJWBoejm0BVRz6wTI1YbE9X7BCETWa6rmQQhE2oqZfeRlXcqXzWYTMiifeKZniGIB7UDopJ1VlalWhadObLSlQlzwjlbECdGXmS57qJAEDJhYsumB9JzawfELmyd1wThyRcTnDkxX+SEGxQXz1npqrecEEti+79bw75YOyDKBpdlDk1TV0rW8mlX9vRdyB1UgTAEbx4UiE7JbuOzZ1ilygaknOaOwLERNjUIJf7t0ezMCcu07PXV2jHiLtYO/A5go6vNuFcg5pwQhLtZ1zqCUMaow/pu7YDY0EovmKuL2cBq5FRYQMim0+BArB0QWfBnMR1rtcrJDjo/6HRpdpsNEkSnHPFzm2HZw5rgVqbcR5QuOm3HFrDNTiacQQZqnRqis7h1f4HwyrjX6Q8Blw2KxgXjM2WHu6uWv1/0G1UnIL7fLaCqd802zrjtkDkb5EixboAUxzx9f8dYGpgG+DlEn3P62fH/SAHRTY6MNMeavrgJI02fPdD7RwMZ6HF38bJ/ARWFYEKKW+H8AAAAAElFTkSuQmCC);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.filepreview .form-control[type='file']::-webkit-file-upload-button {
  border: 0;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
  padding: 3px 5px;
  border-radius: 4px;
  background-color: transparent !important;
  margin: auto;
  color: #000;
  font-size: 0;
  width: 25px;
  min-width: 25px;
  min-height: 25px;
  height: 25px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABkpJREFUaEPtmWWobGUUhp9rt2Jhgt2JXdhid2MXdiK2go3dXdiFYrdiICoqNip2dwe2PLA+WHzMmZl9nJkrl7t+nbNnz97r/d4V71ozglHERowiOBgN5P/G5MhgZAxgXWB1YBlgFmBc4EvgBeBx4Brg/SaHNWggOn8CsFAHJ38DzgeOAn7oBtAggRwNHAqMGY7p7L3Aa8AfwBTAKsCcyfE3gE2AlzuBGRSQM4G9w5nvgSOAq4DvKgf1ZwngkAg/P/4IWBF4qx2YQQA5C9grnHgO2Bh4r8MJy5rfORUwp14EFgb+Gep7/QZyDrBHvPxZYB3gs05hkj4/OHLKS4cBxw8aiAd0RgonmbBSfVI54ml7799DnLbV7DFgceADYKahWOkHIzUIS6rV6vMEYmzA5F8DmDRYuhS4LEBlvBsAt8SF9YHbWrHSayDGtnG9T7zs+XD2i/TySYCHgUUqh4z/i4DdqlOfHPgqmDsd2L/fQARxWgonmVgtGl1592TAA8CiceER4AlgC2A24C9gVcDr2d4EZgeuA7bsJ5CxgJODCVm2yggiMyGIu4GlwpHzgH2jh0wJvB695BJg58pZu/2yEWIb9QuITJySQLwSdd9wKGY43RXOeO1iYHfgz7hB8H5vHuDOqG7Z37dDyihdtuoHkBrESwHim/Qyk/kOYLm4djmwSwLhZTWXeTNOlFhLbbGpolAI1gM7sNdA6nBqBcJwuhVYIV5+BbBT5ELxx9J6f1SvH4H5K8G4KXBD3Gz1u6+XQFoxsXJUl/IembgpktdrhsV2FROCuAewMqm9to7vlGdMADwV4JQoc/Syj5TqpISQbpnwxL+twun66B9e9m9j26pUbLFIfhP99wBxY/rcZnkcYHfXLOnKnZbWtI94v7W89AkTdHkg58TEEQo2O81mpr7KOkkZ/2BUKcHJhKW1mO85ADgpDutpYMmhQHi9CZC6Y1tild25OgniWmDtBEIZrgQpJghzwiS2am0b38kg9ovE9p3vRjH4tFdAbHa+QGslOyYCrgbWi3usVEqKGoS9ZNq4vj1wZcWEISvrhpZTov3IhtjWmjDyKzAeoOywejiaFpswkjmDUCPlnJAJe8T0EWYy4UySmcggFImCcLjqaE2AOAxZNYzd3LHHj9Dw9DWnPuV6aXZes6TaEGcMEJZgBWK2PUMxW0w+BqyCXYHwIU2AtDoVZbZJ6ulrllLlegYxb4CbIUDsGuIwP88ub0UShLmwUkiWjkxkOru+ubpREIaGyazZqAwt+0ExQRhOzhGaDrtUyKauUnfZYJ1XDKdXmzo1XEacJ2xwBYRVSFZ+SQ7MHeE0c1wz/p0YsylVvObznFesgpb0xjYcINJviVU6aA9FOGUQSm5zxZ2Vpsp1AZHNPDk39NXX0Y8aM1Ee2BSIJVEmNo8HKPQMp5+ShzpvsytMWBws3dl2AC4IJtykKCiHxcRwgAjCnCiDjUwYTgq9YrMGiJITKlUVazb11oXBRE9A+PBuGRGE8nub8MgJbsNqL6XzTn9OesqRw1tsPZQiziIWCjeIyhub63+2boB4jyBsYJqjqRLERVsxS6thZm4IwlXnMZV3hqMyXhCGouHUExDdMCIIFwImpvYksFbFxHTAo4kJAQgkmyA8DJWBoejm0BVRz6wTI1YbE9X7BCETWa6rmQQhE2oqZfeRlXcqXzWYTMiifeKZniGIB7UDopJ1VlalWhadObLSlQlzwjlbECdGXmS57qJAEDJhYsumB9JzawfELmyd1wThyRcTnDkxX+SEGxQXz1npqrecEEti+79bw75YOyDKBpdlDk1TV0rW8mlX9vRdyB1UgTAEbx4UiE7JbuOzZ1ilygaknOaOwLERNjUIJf7t0ezMCcu07PXV2jHiLtYO/A5go6vNuFcg5pwQhLtZ1zqCUMaow/pu7YDY0EovmKuL2cBq5FRYQMim0+BArB0QWfBnMR1rtcrJDjo/6HRpdpsNEkSnHPFzm2HZw5rgVqbcR5QuOm3HFrDNTiacQQZqnRqis7h1f4HwyrjX6Q8Blw2KxgXjM2WHu6uWv1/0G1UnIL7fLaCqd802zrjtkDkb5EixboAUxzx9f8dYGpgG+DlEn3P62fH/SAHRTY6MNMeavrgJI02fPdD7RwMZ6HF38bJ/ARWFYEKKW+H8AAAAAElFTkSuQmCC);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
#join-team .modal-body,
#zohoForm .modal-body {
  padding: 0 1rem;
}
.technology-slider .owl-stage-outer .owl-item {
  transform: scale(0.9);
}
.technology-slider.owl-carousel .owl-stage-outer .owl-stage {
  margin: auto;
  text-align: center;
}
.technology-slider .owl-next,
.technology-slider .owl-prev {
  background: #efefef !important;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
  border: 2px solid transparent !important;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
}
.technology-slider .owl-prev {
  left: -2%;
  right: auto;
}
.technology-slider .owl-next span,
.technology-slider .owl-prev span {
  font-size: 26px;
  line-height: 22px;
  font-weight: 500;
  transition: 0.5s;
}
.technology-slider .owl-next {
  right: -2%;
  left: auto;
}
.technology-slider .owl-next.disabled,
.technology-slider .owl-prev.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.technology-slider .owl-next:hover.disabled,
.technology-slider .owl-prev:hover.disabled {
  background: #efefef !important;
  border: transparent !important;
}
.technology-slider .owl-next:hover,
.technology-slider .owl-prev:hover {
  background: #fff !important;
  border: 2px solid var(--primary) !important;
}
.technology-slider .owl-next:hover span,
.technology-slider .owl-prev:hover span {
  color: #000 !important;
}
.service-block:hover,
.tools-technologies-sec .tab-content > .tab-pane.active {
  position: relative;
  z-index: 2;
}
.tools-technologies-sec .tab-content > .tab-pane {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
}
.tt-used-card .tt-used-icone figure.tech-nodejs {
  background-position: -96px -300px;
}
.tt-used-card .tt-used-icone figure.tech-reactjs {
  background-position: -197px -300px;
}
.tt-used-card .tt-used-icone figure.tech-jquery {
  background-position: -400px -300px;
}
.tt-used-card .tt-used-icone figure.tech-html {
  background-position: -500px -300px;
}
.tt-used-card .tt-used-icone figure.tech-angularjs {
  background-position: -700px -300px;
}
.tt-used-card .tt-used-icone figure.tech-vuejs {
  background-position: -800px -300px;
}
.tt-used-card .tt-used-icone figure.tech-objectivec {
  background-position: 0-400px;
}
.tt-used-card .tt-used-icone figure.tech-swiftui {
  background-position: -100px -400px;
}
.tt-used-card .tt-used-icone figure.tech-xml {
  background-position: -200px -400px;
}
.tt-used-card .tt-used-icone figure.tech-kotlin {
  background-position: -300px -400px;
}
.tt-used-card .tt-used-icone figure.tech-dart {
  background-position: -400px -400px;
}
.tt-used-card .tt-used-icone figure.tech-java {
  background-position: -500px -400px;
}
.tt-used-card .tt-used-icone figure.tech-dotnet {
  background-position: -600px -400px;
}
.tt-used-card .tt-used-icone figure.tech-keywordtoolio {
  background-position: -700px -400px;
}
.tt-used-card .tt-used-icone figure.tech-medium {
  background-position: -100px -600px;
}
.service-img-11,
.tt-used-card .tt-used-icone figure.analytics-google,
.tt-used-card .tt-used-icone figure.tech-googleanalytics {
  background-position: 0-100px;
}
.tt-used-card .tt-used-icone figure.tech-datastudio {
  background-position: -200px -600px;
}
.tt-used-card .tt-used-icone figure.tech-screamingfrog {
  background-position: -400px -600px;
}
.tt-used-card .tt-used-icone figure.tech-answerthepublic {
  background-position: -500px -600px;
}
.tt-used-card .tt-used-icone figure.tech-keywordplanner {
  background-position: -700px -600px;
}
.tt-used-card .tt-used-icone figure.tech-keywordshitter {
  background-position: -800px -600px;
}
.tt-used-card .tt-used-icone figure.tech-disavowtool {
  background-position: 0-700px;
}
.tt-used-card .tt-used-icone figure.tech-linkexplorer {
  background-position: -100px -700px;
}
.tt-used-card .tt-used-icone figure.tech-linkminer {
  background-position: -200px -700px;
}
.tt-used-card .tt-used-icone figure.tech-backlinkchecker {
  background-position: -300px -700px;
}
.tt-used-card .tt-used-icone figure.tech-googlemybusiness {
  background-position: -400px -700px;
}
.tt-used-card .tt-used-icone figure.tech-wordai {
  background-position: -500px -700px;
}
.tt-used-card .tt-used-icone figure.tech-mobilefriendlytest {
  background-position: -600px -700px;
}
.tt-used-card .tt-used-icone figure.tech-chromedevtools {
  background-position: -700px -700px;
}
.tt-used-card .tt-used-icone figure.tech-mozbar {
  background-position: -800px -700px;
}
.tt-used-card .tt-used-icone figure.tech-semrush {
  background-position: -900px -700px;
}
.tt-used-card .tt-used-icone figure.tech-seoquake {
  background-position: 0-800px;
}
.tt-used-card .tt-used-icone figure.tech-structureddatatestingtool {
  background-position: -100px -800px;
}
.tt-used-card .tt-used-icone figure.tech-tagmanager {
  background-position: -200px -800px;
}
.tt-used-card .tt-used-icone figure.tech-hunter {
  background-position: -300px -800px;
}
.tt-used-card .tt-used-icone figure.tech-waybackmachine {
  background-position: -400px -800px;
}
.tt-used-card .tt-used-icone figure.tech-ahrefs {
  background-position: -500px -800px;
}
.tt-used-card .tt-used-icone figure.tech-lighthouse {
  background-position: -600px -800px;
}
.tt-used-card .tt-used-icone figure.tech-pagespeedinsights {
  background-position: -700px -800px;
}
.tt-used-card .tt-used-icone figure.tech-webpagetest {
  background-position: -800px -800px;
}
.tt-used-card .tt-used-icone figure.tech-rankmath {
  background-position: -900px -800px;
}
.tt-used-card .tt-used-icone figure.tech-googletrends {
  background-position: -100px -900px;
}
.tt-used-card .tt-used-icone figure.tech-moz {
  background-position: -200px -900px;
}
.tt-used-card .tt-used-icone figure.tech-xmlsitemaps {
  background-position: -400px -900px;
}
.tt-used-card .tt-used-icone figure.tech-keywordseverywhere {
  background-position: -500px -900px;
}
.tt-used-card .tt-used-icone figure.tech-googleserptool {
  background-position: -700px -900px;
}
.tt-used-card .tt-used-icone figure.tech-webdevmeasure {
  background-position: -800px -900px;
}
.tt-used-card .tt-used-icone figure.tech-adobespark {
  background-position: -500px -500px;
}
.tt-used-card .tt-used-icone figure.tech-paint3d {
  background-position: -300px -500px;
}
.tt-used-card .tt-used-icone figure.tech-buffer {
  background-position: 0-500px;
}
.tt-used-card .tt-used-icone figure.tech-canva {
  background-position: -100px -500px;
}
.tt-used-card .tt-used-icone figure.tech-vn {
  background-position: -200px -500px;
}
.tt-used-card .tt-used-icone figure.tech-inflact {
  background-position: -400px -500px;
}
.tt-used-card .tt-used-icone figure.tech-inshot {
  background-position: -600px -500px;
}
.tt-used-card .tt-used-icone figure.tech-googleads {
  background-position: -700px -500px;
}
.tt-used-card .tt-used-icone figure.tech-fbcreatorstudio {
  background-position: -800px -500px;
}
.tt-used-card .tt-used-icone figure.tech-googletagmanager {
  background-position: -900px -500px;
}
.service-img-21,
.tt-used-card .tt-used-icone figure.db-mysql {
  background-position: 0-200px;
}
.service-img-22,
.tt-used-card .tt-used-icone figure.db-mssql {
  background-position: -100px -200px;
}
.tt-used-card .tt-used-icone figure.db-mongodb {
  background-position: -187px -200px;
}
.tt-used-card .tt-used-icone figure.db-sqllite {
  background-position: -300px -200px;
}
.service-img-18,
.tt-used-card .tt-used-icone figure.cpn-firebase {
  background-position: -700px -100px;
}
.service-img-19,
.tt-used-card .tt-used-icone figure.cpn-apns {
  background-position: -800px -100px;
}
.service-img-12,
.tt-used-card .tt-used-icone figure.analytics-firebase {
  background-position: -100px -100px;
}
.service-img-13,
.tt-used-card .tt-used-icone figure.analytics-zoho {
  background-position: -200px -100px;
}
.tt-used-card .tt-used-icone figure.analytics-msclarity {
  background-position: -500px -100px;
}
.service-img-09,
.tt-used-card .tt-used-icone figure.payment-paypal {
  background-position: -800px 0;
}
.service-img-23 {
  background-position: 0 -1500px;
}
.service-img-24 {
  background-position: -100px -1500px;
}
.service-img-25 {
  background-position: -500px -1500px;
}
.service-img-27 {
  background-position: -700px -1500px;
}
.service-img-28 {
  background-position: -800px -1500px;
}
.service-block {
  background-color: #fff;
  max-width: 100%;
  margin: auto;
  display: block;
  padding: 0;
  border-radius: 10px;
  overflow: visible;
  position: relative;
  z-index: 1;
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/5%);
}
.service-block a.read-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.service-block .icon .service-icon,
.service-block .icon img {
  max-width: 100px;
  top: -20px;
  right: -20px;
  margin: auto;
  display: block;
  opacity: 0.5;
  width: 100px;
  left: auto;
}
.service-block .icon {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  margin: auto;
  z-index: 3;
}
.service-block .icon img {
  position: absolute;
  bottom: 0;
}
.service-block .icon .service-icon {
  position: absolute;
  bottom: 0;
  background-size: 1000px auto;
  background-repeat: no-repeat;
}
.service-img-17 {
  background-position: -400px -1500px;
}
.service-img-20 {
  background-position: -900px -100px;
}
.popover-title .icon .service-popover-icon {
  transform: scale(0.3);
  transform-origin: top left;
  top: 0;
  left: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background-size: 1000px auto;
  background-repeat: no-repeat;
}
.service-block .service-block-text .h3-style,
.service-block .service-block-text h3 {
  color: #424242 !important;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: calc(100% - 70px);
  height: 67px;
  display: flex;
}
.service-block .service-block-text p {
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 76px;
  max-height: 76px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
}
.service-popover {
  display: block;
  background: 0 0;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 400px;
  z-index: 99;
  padding: 0;
  margin: 0 0 0-1px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: translateX(-50%) translateY(0) scale(0);
  -ms-transform: translateX(-50%) translateY(0) scale(0);
  transform: translateX(-50%) translateY(0) scale(0);
  pointer-events: none;
}
.service-popover .content-popover {
  border-radius: 10px;
  display: block;
  padding: 0;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
  box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
  border: 3px solid var(--primary);
}
.service-block:hover .service-popover {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
  -ms-transform: translateX(-50%) translateY(0) scale(1);
  transform: translateX(-50%) translateY(0) scale(1);
}
.service-client {
  padding: 0;
  margin: 0;
  display: inline-flex;
  grid-gap: 10px 10px;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.service-client li {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
}
.service-client.brand-img li figure.brandimg-figure {
  background-size: 1500px auto;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0;
  display: block;
  transform: scale(0.3);
  transform-origin: top left;
  box-shadow: 0 0 20px -10px var(--primary);
  background-color: #fff;
}
.content-popover .popover-foot,
.content-popover .popover-head {
  margin: 0;
  padding: 15px;
}
.content-popover .popover-head .popover-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}
.popover-title .icon,
.popover-title .icon img {
  width: 30px;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.popover-title .icon {
  display: inline-block;
  height: 30px;
  margin: auto 8px auto 0;
}
/* .industry-section::before,
.services-sec-page::before {
  bottom: -128px;
  height: 128px;
  background-color: #f8f8fb;
  z-index: 1;
  position: absolute;
  left: 0;
} */
.popover-title .icon img {
  max-width: 30px;
  margin: auto;
  opacity: 1;
}
.sec-title,
.services-item,
.work-flow-section .faq-accset .btn.btn-link.collapsed svg path {
  transition: 0.5s;
}
.industry-des-point {
  padding-left: 19px;
  display: grid;
  gap: 10px;
  padding-bottom: 10px;
  list-style-type: circle;
}
.blur-other .sec-title {
  filter: grayscale(1) blur(2px);
}
.blur-other .services-item {
  filter: grayscale(1) blur(1px);
}
.blur-other .services-item:hover {
  filter: none;
}
.blur-other .services-item .service-block {
  background: #f8f8fb;
  box-shadow: none;
}
.content-popover .popover-block {
  margin: 0;
  padding: 15px;
  font-size: 14px;
}
.tabs-list-content {
  margin: 0;
  width: auto;
  max-width: 100%;
  display: block;
  position: relative;
  padding: 0;
}
.appi-port-list .tabs-list-content .tabs-list-scroll,
.ourclients_button {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.tabs-list-content .tabs-list-scroll {
  overflow: auto;
  padding: 5px;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}
.tabs-list-content .tabs-list-scroll::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.tabs-list-content .tabs-list-scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  background: 0 0 !important;
}
.tabs-list-content .tabs-list-scroll::-webkit-scrollbar-track {
  background-color: transparent !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}
.tabs-list-content .tabs-list-scroll .list-tabs {
  display: inline-flex;
  flex-wrap: nowrap;
  grid-gap: 0 10px;
  white-space: nowrap;
  width: auto;
  min-width: 100%;
}
.tabs-list-content .tabs-list-scroll .list-tabs .btn.active {
  color: #fff !important;
  background-color: var(--bs-blue) !important;
  border-color: var(--bs-blue) !important;
}
.tabs-list-content.arrow-active {
  padding: 0 30px;
}
.tabs-list-content .tabs-control .arrow {
  position: absolute;
  opacity: 1;
  z-index: 4;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: none;
  width: 30px;
  height: 30px;
  margin: auto;
  padding: 0;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0 0 10px -5px #000;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.tabs-list-content .tabs-control .arrow.left-arrow {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
.open-roles-header,
.open-roles-row,
.open-roles-title {
  border-bottom: 2px solid;
}
.open-roles-header .h3-style,
.open-roles-header h3 {
  margin: 0;
  padding: 15px 0;
  font-size: 26px;
  color: #5e5e5e;
}
.open-roles-row .h3-style,
.open-roles-row h3 {
  margin: 0;
  padding: 15px 0;
  font-size: 20px;
}
.contact-us-form-wrap .section-title {
  font-weight: 700;
  font-size: 32px;
  margin: 0 0 15px;
}
.open-roles-body .open-roles-row:last-child {
  border-bottom: none;
}
.open-roles-title .h3-style,
.open-roles-title h2 {
  font-size: 70px;
}
.footer-join-us {
  margin: 0 0-100px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.footer-join-us .card {
  border-radius: 20px;
  margin-top: -50px;
  border: 1px solid #fff;
}
.footer-join-us-space {
  overflow: visible;
  position: relative;
  z-index: 9;
}
.services-sec-page::before {
  content: '';
  width: 100%;
}
.industry-section {
  position: relative;
  padding-bottom: 86px;
}
.industry-section::before {
  content: '.';
  width: 100%;
}
.footer-join-us .card .btn.btn-dark,
.page-join-us .card .btn.btn-dark {
  border: 1px solid #343a40;
}
.footer-join-us .card .btn.btn-dark:hover,
.page-join-us .card,
.page-join-us .card .btn.btn-dark:hover {
  border: 1px solid #fff;
}
.page-join-us {
  margin: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  background-color: #fff;
}
.bg-join-us-none .page-join-us:before,
.blog-details-bc .page-title-area,
.blog-otherpage.other-div .blog-section,
.faq-section .faq-accset .btn.btn-link.collapsed:hover,
.faq-section .faq-accset .btn.btn-link:hover,
.head-palttech,
.head-palttech .nav-tabs a.active,
.myaccordion .card,
.page-join-us:before,
.service-we-do-content,
.set-case-bar.otherpgmenu-sticky {
  background-color: #f8f8fb;
}
.page-join-us:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  top: auto;
  right: 0;
  bottom: -1px;
  left: 0;
}
.page-join-us .card {
  border-radius: 20px;
  position: relative;
  z-index: 9;
}
.page-join-us-space {
  padding-bottom: 140px;
}
.casestudydetails-page .page-join-us {
  z-index: 1;
  background-color: #f8f8fb;
}
.service-we-do-click {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  max-width: 300px;
  position: relative;
  padding: 60px;
}
.service-we-do-click-content {
  height: 100%;
  position: relative;
  width: 100%;
}
.service-we-do-click-content .service-we-do-click-link {
  text-align: right;
}
.service-we-do-click-content .service-we-do-click-link a {
  font-size: 18px;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 28px bottom;
  -ms-transform-origin: 28px bottom;
  transform-origin: 28px bottom;
}
.service-we-do-click-content .service-we-do-click-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: -65px;
  margin: auto;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collective-section .lead {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.collective-content .lead {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}
.service-we-do-click-content .service-we-do-click-title .h3-style,
.service-we-do-click-content .service-we-do-click-title h3 {
  font-size: 88px;
  font-weight: 700;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(270deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  opacity: 0.1;
  color: #000;
  margin: auto;
  text-transform: capitalize;
}
.service-we-do-content {
  -ms-flex: 0 0 calc(100% - 300px);
  flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  overflow: visible;
}
.service-tumb-slide {
  -ms-flex: 0 0 350px;
  flex: 0 0 350px;
  max-width: 350px;
}
.service-sec-slide {
  -ms-flex: 0 0 calc(100% - 350px);
  flex: 0 0 calc(100% - 350px);
  max-width: calc(100% - 350px);
  position: relative;
}
.service-sec-slide-content {
  width: 100%;
  position: relative;
  left: -100px;
}
.service-sec-slide .service-bg-img {
  position: absolute;
  top: 0;
  right: 10%;
  bottom: 0;
  left: auto;
  margin: auto;
  max-width: 750px;
  max-height: 580px;
  opacity: 0.7;
}
.service-mobile-list li {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  display: block;
}
.service-mobile-list .service-slide-list {
  padding: 0 10px;
  margin: 0;
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/5%);
  border-radius: 5px;
  background: #fff;
  display: flex;
  width: 100%;
  min-height: 89px;
  cursor: pointer;
}
.service-mobile-content {
  position: relative;
  left: -100px;
  z-index: 1;
}
.service-mobile-content .service-mobile-img {
  margin: 10%0 0;
  width: 100%;
}
.service-mobile-content .service-mobile-content-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10%;
  right: 10%;
  bottom: 0;
  left: 10%;
  width: 72%;
}
.service-mobile-content .service-mobile-content-list .h3-style,
.service-mobile-content .service-mobile-content-list h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.service-mobile-list .service-slide-list .service-slide-block .h4-style,
.service-mobile-list .service-slide-list .service-slide-block h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--paragraph-color);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 38px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.service-mobile-list .service-slide-list .service-slide-block p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: var(--paragraph-color);
}
.service-mobile-list.owl-carousel {
  transform: rotate(90deg);
  width: 500px;
  height: 270px;
  transform-origin: top left;
}
.service-mobile-list.owl-carousel .owl-stage-outer {
  height: 270px;
  bottom: 270px;
}
.service-mobile-list .owl-stage .owl-item {
  margin: 2px 0 !important;
  padding: 0 5px;
}
.service-mobile-list .owl-stage .owl-item .service-slide-list {
  transform: rotate(-90deg) translateX(-265px);
  width: 260px;
  transform-origin: top left;
}
.service-sec-slide-content .owl-carousel {
  width: fit-content;
  width: calc(100% - 50px);
}
.service-sec-slide-content .owl-carousel .owl-dots {
  width: 20px;
  position: absolute;
  top: 50%;
  right: -45px;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.service-sec-slide-content .owl-carousel .owl-dots .owl-dot {
  display: block;
  margin: 10px auto;
}
.brad-setion .nav-tabs,
.brad-setion .nav-tabs .nav-link,
.brad-setion .nav-tabs .nav-link.active,
.brad-setion .nav-tabs .nav-link:focus,
.brad-setion .nav-tabs .nav-link:hover,
.head-palttech .nav-tabs,
.tools-technologies-sec .nav-tabs-line.nav-tabs,
.tt-used-card {
  border: 0;
}
.tools-technologies-sec .nav-tabs-line.nav-tabs .nav-link {
  font-size: 16px;
  font-weight: 600;
  margin: 0 10px 0 0;
}
.tt-used-card .tt-used-icone figure {
  margin: auto;
  width: 115px;
  height: 100px;
  display: block;
  background-size: 1000px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0.8;
  transform: scale(1.5);
}
.tt-used-card .tt-payment-icon figure {
  width: 100px;
}
.tt-used-text {
  margin-top: 10px;
  min-height: 45px;
  display: flex;
}
.boder-ind:last-child .helth-timer,
.cookie-policy-popup .modal-button_btn .btn:last-child {
  border-right: none;
}
.reach-us-map-sec .page-join-us {
  margin: 0;
  background-color: #f8f8fb;
}
.reach-us-map-sec .page-join-us .card.bg-new-org {
  margin-top: -120px;
}
.page-body {
  overflow: hidden;
  width: 100%;
}
.progress-wrap,
.progress-wrap:after {
  width: 60px;
  height: 60px;
  display: block;
  cursor: pointer;
}
.progress-wrap {
  position: fixed;
  top: auto;
  right: 15px;
  bottom: 10px;
  left: auto;
  border-radius: 100%;
  box-shadow:
    inset 0 0 0 1px rgb(128 130 134/25%),
    inset 0 0 0 8px #fff,
    inset 0 0 0 9px rgb(128 130 134/25%);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
  transition:
    0.2s linear,
    margin-right;
}
.progress-wrap.active-progress {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--primary);
  stroke-width: 12;
  box-sizing: border-box;
  transition: 0.2s linear;
}
.progress-wrap:after {
  content: '';
  font-family: 'font awesome 5 pro';
  font-weight: 400;
  position: absolute;
  text-align: center;
  line-height: 60px;
  font-size: 22px;
  color: var(--primary);
  left: 0;
  top: 0;
  z-index: 1;
  transition: 0.2s linear;
  text-shadow: 0 0 4px #fff;
}
.client-img,
footer .footer-collapse {
  text-align: center;
  border-radius: 15px;
  background: #fff;
}
.client-img {
  margin: 0;
  padding: 15px;
  font-size: 16px;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-shadow: 0 5px 30px #0000001c;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.client-item {
  z-index: 1;
}
.client-item:hover .brand-img.client-img {
  transform: scale(1.2);
  z-index: 9;
}
.service-port-info-img {
  padding-bottom: 70px;
}
.service-port-info-img ul.brand-img li.image {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  text-align: center;
  margin: 0 0 10px;
  height: 60px;
  position: relative;
}
.service-port-info-img ul.brand-img li.image .brandimg-figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  left: -20%;
}
.service-port-info {
  padding: 30px;
  border: 0;
  border-left: 1px solid #dcdcdc;
}
.service-port-info .list-style ul {
  animation-delay: 0.1s;
  opacity: 0;
  transform: translateX(100%);
}
.service-port-info .list-style ul li {
  font-size: 18px;
  margin: 0 0 10px;
  font-weight: 500;
  line-height: 1.7;
}
.tab-pane.show .service-port-info .list-style ul {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
  transform: translateX(0);
}
.service-port-info .list-style ul li:before {
  top: 12px;
  opacity: 0.5;
}
.service-port-info .h4-style,
.service-port-info h4 {
  animation-delay: 0.1s;
  opacity: 0;
  transform: translateY(-100%);
}
.service-port-info-img .brand-sm-img {
  animation-delay: 0.1s;
  opacity: 0;
  transform: translateY(100%);
}
.startp-nav
  nav
  .navbar-nav
  .nav-item.mega-menu-item-off
  .dropdown_menu.mega-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
footer .footer-collapse {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: auto;
  top: auto;
  right: 0;
  bottom: -15px;
  left: 0;
  display: block;
  line-height: 28px;
  border: 1px solid var(--primary);
  padding: 0 7px;
}
footer .footer-collapse i {
  display: block;
  transform: rotate(0);
  line-height: 28px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin: auto;
}
footer .footer-collapse.collapsed i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  margin: auto;
}
.serv-port-sprint {
  display: block;
  padding: 0;
  margin: 0;
  background-size: 1340px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
}
.serv-port-sprint.sps-dgsea-web {
  width: 416px;
  height: 583px;
  background-size: 1660px auto;
  background-position: -995px -1045px;
}
.serv-port-sprint.sps-kioclerk-web {
  width: 600px;
  height: 974px;
  height: calc(100vh - 70px);
  background-size: 2300px auto;
  background-position: -783px -1241px;
}
.serv-port-sprint.sps-kioclerk-web1,
.serv-port-sprint.sps-kioclerk-web2 {
  width: 300px;
  height: 390px;
  background-size: 1920px auto;
  background-position: 0-650px;
}
.serv-port-sprint.sps-kioclerk-web2 {
  width: 200px;
  background-position: -305px -650px;
  -webkit-transform: scale(50%);
  -ms-transform: scale(50%);
  transform: scale(50%);
  transform-origin: bottom left;
}
.serv-port-sprint.sps-kioclerk-web3 {
  width: 660px;
  height: 380px;
  background-size: 1920px auto;
  background-position: -500px -650px;
}
.serv-port-sprint.sps-dm1,
.serv-port-sprint.sps-dm2 {
  width: 380px;
  height: 650px;
  background-size: 1920px auto;
}
.serv-port-sprint.sps-dm1 {
  background-position: -1165px 0;
}
.serv-port-sprint.sps-dm2 {
  background-position: -1540px 0;
}
.serv-port-sprint.sps-dg-sea-all,
.serv-port-sprint.sps-kiOSist-all {
  width: 660px;
  height: 380px;
  background-size: 1920px auto;
  background-position: 0-650px;
}
.serv-port-sprint.sps-kiOSist-all {
  background-position: -660px -650px;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01 {
  width: 320px;
  height: 225px;
  background-size: 1280px auto;
  background-position: 0-1340px;
  transform: translateX(-50%);
  margin-top: 2%;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02 {
  width: 320px;
  height: 225px;
  background-size: 1280px auto;
  background-position: -320px -1340px;
  transform: translateX(50%);
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03 {
  width: 320px;
  height: 225px;
  background-size: 1280px auto;
  background-position: -640px -1340px;
  transform: translateX(-50%);
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04 {
  width: 320px;
  height: 225px;
  background-size: 1280px auto;
  background-position: -960px -1340px;
  transform: translateX(50%);
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
  border: 0;
  border-bottom: 2px dashed #000;
  border-left: 2px dashed #000;
  border-radius: 0 0 0 5px;
  right: 100%;
  left: auto;
  margin: 0 10px 0 0;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
  content: '';
  position: absolute;
  height: 50%;
  width: 50%;
  top: 0;
  bottom: auto;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: none;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after {
  border: 0;
  border-right: 2px dashed #000;
  border-bottom: 2px dashed #000;
  border-radius: 0 0 5px;
  right: auto;
  left: 100%;
  margin: 0 0 0 10px;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:before {
  content: '';
  right: auto;
  left: -10px;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:before {
  font-family: 'font awesome 5 pro';
  font-weight: 600;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  margin: auto;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: none;
}
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:before {
  content: '';
  right: -10px;
  left: auto;
}
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-02:before {
  opacity: 1;
  transition-delay: 1.2s;
}
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-03:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-03:before {
  opacity: 1;
  transition-delay: 1.6s;
}
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-04:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-04:before {
  opacity: 1;
  transition-delay: 2s;
}
.serv-port-sprint.sps-mobile-app_01 {
  width: 380px;
  height: 650px;
  background-size: 1920px auto;
  background-position: 0 0;
}
.serv-port-sprint.sps-mobile-app_02,
.serv-port-sprint.sps-mobile-app_03 {
  width: 380px;
  height: 650px;
  background-size: 1920px auto;
  background-position: -780px 0;
}
.serv-port-sprint.sps-mobile-app_03 {
  background-position: -390px 0;
}
.serv-port-sprint.sps-ecommerce_01,
.serv-port-sprint.sps-ecommerce_02 {
  width: 660px;
  height: 470px;
  background-size: 1920px auto;
  background-position: 0-1044px;
}
.serv-port-sprint.sps-ecommerce_02 {
  background-position: 0-1528px;
}
.serv-port-sprint.sps-desk-app-01 {
  width: 660px;
  height: 512px;
  background-size: 2000px auto;
  background-position: -1370px -688px;
}
.serv-port-05-img figure.serv-port-sprint.sps-desk-app-01 {
  width: 340px;
  height: 210px;
  background-size: 1050px auto;
  background-position: -360px -620px;
  transform: translateX(-50%);
  margin-top: 2%;
}
.serv-port-05-img figure.serv-port-sprint.sps-desk-app-02 {
  width: 340px;
  height: 210px;
  background-size: 1050px auto;
  background-position: -720px -620px;
  transform: translateX(50%);
}
.serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
  width: 340px;
  height: 210px;
  background-size: 1050px auto;
  background-position: -360px -840px;
  transform: translateX(-50%);
}
.serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
  width: 340px;
  height: 210px;
  background-size: 1050px auto;
  background-position: -720px -840px;
  transform: translateX(50%);
}
.owl-carousel.arrow-carousel.owl-theme.arrow-top-right .owl-nav .owl-prev {
  top: 20px;
  right: 50px;
  bottom: auto;
  left: auto;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-top-right .owl-nav .owl-next {
  top: 20px;
  right: 10px;
  bottom: auto;
  left: auto;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-top-left .owl-nav .owl-prev {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 10px;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-top-left .owl-nav .owl-next {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 50px;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-prev {
  top: auto;
  right: 50px;
  bottom: 0;
  left: auto;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-next {
  top: auto;
  right: 10px;
  bottom: 0;
  left: auto;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-left .owl-nav .owl-prev {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 10px;
}
.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-left .owl-nav .owl-next {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50px;
}
.myaccordion .card,
.myaccordion .card-header {
  border: 1px #edeff0;
}
.faq-section .myaccordion:hover,
.myaccordion:focus {
  text-decoration: none;
  color: #004987;
}
.myaccordion .card-header {
  padding: 0;
  margin-bottom: 0;
  color: inherit;
  background-color: rgb(248 248 251);
}
.myaccordion .card-body {
  border-top: 2px solid;
}
.myaccordion .card-header a {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
  padding: 10px 30px;
  display: block;
  position: relative;
}
.myaccordion .card-header a:after {
  content: '';
  font-family: 'font awesome 5 pro';
  font-weight: 900;
  position: absolute;
  font-size: 16px;
  text-align: center;
  line-height: 1.7;
  display: inline-block;
  top: 11px;
  right: 10px;
  bottom: auto;
  left: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #000;
}
.myaccordion .card-header a.collapsed:after {
  content: '';
  color: #004987;
}
.myaccordion .card-header a.collapsed {
  color: #004987;
}
.tag-line-text {
  font-style: italic;
  color: var(--primary);
  font-size: 16px;
}
.desk-scroll {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 100%;
  height: calc(100vh * 7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 111;
  padding: 0;
  margin: 0;
  width: 20px;
}
.desk-scroll section {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  height: 100vh;
  display: block;
  width: 100%;
}
.no-bg-sprite {
  background-size: contain !important;
  background-position: center center !important;
}
.bootstrap-select.form-control {
  background-color: transparent;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bootstrap-select > .dropdown-toggle {
  padding: 10px;
  font-size: 16px;
  color: #0e314c !important;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: 0;
  text-transform: capitalize;
  font-weight: 400;
}
.sec-title .h2-style span,
.sec-title .h3-style span,
.service-item .sec-title h3 span {
  text-transform: none;
}
.form-group .bootstrap-select .dropdown-toggle:focus {
  outline: 0;
  border-color: #80bdff;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background: #fff;
  border: 1px solid #eee;
}
.dropdown-toggle::after {
  width: 0 !important;
}
.form-group label.error {
  font-size: 12px;
  font-weight: 400;
  color: #dc3545;
}
.dropdown.bootstrap-select.form-control label.error {
  order: 3;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.dropdown.bootstrap-select.form-control select {
  order: 4;
}
.core-values-sec .icon figure.core-values-figure {
  position: relative;
  overflow: hidden;
}
.core-values-sec .icon figure.core-values-figure img {
  border-radius: 10px;
  height: 90px;
  width: 90px;
  margin: auto;
}
.mission-vission-sec .box .core-values-sec,
.mission-vission-sec .box .our-services {
  padding: 20px;
  min-height: 198px;
  text-align: center;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.core-values-info .core-values-desc p,
.mission-vission-sec .miss-viss-desc p {
  margin-bottom: 3px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 400;
}
.service-item .h2-style {
  font-weight: 500;
  color: var(--paragraph-color);
  letter-spacing: 1px;
  font-size: 30px;
  text-indent: -40px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.service-port-info-img .h4-style {
  margin-left: -15px;
}
.sec-title.sec-title-blue .h3-style {
  font-size: 22px;
}
.services-sec.section-space .sec-title.sec-title-blue .h2-style {
  font-size: 22px;
  margin: 16px 0;
}
.testimonials-page .preloader {
  display: none !important;
}
.loader-div .shine {
  background: 0 0/800px 800px no-repeat #f6f7f8;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f6f7f8),
    color-stop(20%, #edeef1),
    color-stop(40%, #f6f7f8),
    to(#f6f7f8)
  );
  background-image: -o-linear-gradient(
    left,
    #f6f7f8 0,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-image: linear-gradient(
    to right,
    #f6f7f8 0,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  border-color: transparent !important;
}
.loader-div .testimoniols-img .image figure {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.loader-div .testimoniols-infodesc lines.shine {
  height: 12px;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  clear: both;
}
.loader-div .testimoniols-infodesc lines.shine:nth-child(odd) {
  width: 90%;
  max-width: 90%;
}
.loader-div .testimoniols-infodesc lines.shine:nth-child(2n + 2),
.plat-section {
  width: 100%;
  max-width: 100%;
}
.loader-div .post-link a .shine {
  height: 14px;
  width: 100px;
  max-width: 100px;
  border-radius: 10px;
  margin-top: 9px;
}
.loader-div .testimoniols-name .h5-style .shine {
  height: 17px;
  width: 150px;
  max-width: 100%;
  border-radius: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.loader-div .testimoniols-name .shine {
  height: 12px;
  width: 100px;
  max-width: 100%;
  border-radius: 10px;
}
.core-values-sec .icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  margin: 0 15px 0 0;
  border-radius: 10px;
  display: flex;
}
.core-values-sec .icon .core-values-figure {
  width: 60px;
  min-height: 60px;
  height: 60px;
  margin: auto;
  background-size: 240px auto;
  background-repeat: no-repeat;
}
.ourclients_button::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.ourclients_button::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  background: #ccc !important;
}
.ourclients_button::-webkit-scrollbar-track {
  background-color: transparent !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}
.ourclients_button .btn {
  border: 1px solid transparent;
  background: #fff;
  border-radius: 40px;
  color: var(--black);
  margin: 0 5px 5px 0;
  outline: 0;
  box-shadow: none !important;
}
.ourclients_button .btn.active {
  border: 1px solid var(--primary);
  background: #fff;
  border-radius: 40px;
  color: var(--primary);
}
/* .collective-section {
  margin-top: 50px;
} */
.blog-details_des-text h2,
.blog-details_des-text h3,
.h4-style,
span.h4-style {
  font-size: 23px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}
.blog-nav-meta:before {
  content: '';
  position: absolute;
  border: 2px solid #fff;
  width: 4px;
  height: 0;
  top: 0;
  left: -10px;
  border-radius: 100px;
}
.blog-details_des-text h4,
.blog-details_des-text h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.blog-details_des-text h5 {
  font-size: 18px;
}
.event-box .glimpse-more-img {
  display: block !important;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.event-box .glimpse-more-img .glimpse-tile {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.owl-sm-dots.owl-carousel .owl-dots .owl-dot span {
  width: 5px !important;
  height: 5px !important;
  margin: 0 3px;
}
.blog-details_item {
  margin: 0 0 10px;
}
.section-ourclient .client-item a.client-img[href="https://www.#/our-clients"]
{
  pointer-events: none;
}
.sec-title .h2-style span,
.service-item .sec-title h2 span {
  font-weight: 500;
  position: relative;
  z-index: 1;
  font-size: 30px;
  color: var(--paragraph-color);
}
.zcwf_col_fld .btn {
  padding: 10px 25px;
}
.lg-outer {
  z-index: 99991;
}
.section-privacy-policy h1 {
  font-size: 30px;
}
/* .text-email::after {
  content: attr(data-domain);
}
.text-email::before {
  content: attr(data-user) "@";
} */
.footer-section-spacing.border-footer {
  border-bottom: 2px solid #ebeff3;
}
.footer-section-spacing {
  padding: 15px 0;
  position: relative;
}
.footer-btn .btn-list li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.footer-btn .btn-list li a {
  padding: 15px 25px;
  border-radius: 5px;
}
.copyright-area p {
  padding: 10px 0 0;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #111;
}
.copyright-area .policy-section ul.policy-list {
  margin-bottom: 0;
  padding: 0;
}
.copyright-area .policy-section ul.policy-list li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.single-footer-widget .cycle-sub-list a {
  padding-left: 22px;
  position: relative;
}
.single-footer-widget .cycle-sub-list a::before {
  content: '';
  border: 2px solid var(--blue);
  border: 2px solid #222121;
  position: absolute;
  top: 8px;
  right: auto;
  bottom: auto;
  width: 0;
  height: 0;
  left: 7px;
}
.single-footer-widget .cycle-sub-list a:hover::before {
  border: 2px solid var(--blue);
}
.copyright-area .policy-section ul.policy-list a {
  font-size: 14px;
  font-weight: 500;
  color: #111;
}
.bg-gray {
  background: #f8f8fb;
}
.services-section .text-primary,
.testimoniols-section .text-primary {
  color: #006bde !important;
}
.sec-title-orange .banner-li-title .ba-round,
.sec-title-orange .banner-li-title .ba-square,
.sec-title-orange .banner-li-title .ba-triangle {
  color: var(--orange);
  border-bottom: 3px solid var(--orange);
}
.sec-title-orange .banner-li-title .ba-round:after,
.sec-title-orange .banner-li-title .ba-square:after {
  color: var(--orange);
  background: var(--orange);
  border: var(--orange);
}
.sec-title-orange .banner-li-title .ba-round:before,
.sec-title-orange .banner-li-title .ba-square:before {
  color: var(--orange);
  background: var(--orange);
  border: 1px solid var(--orange);
  opacity: 0.4;
}
.sec-title-green .banner-li-title .ba-round,
.sec-title-green .banner-li-title .ba-square,
.sec-title-green .banner-li-title .ba-triangle {
  color: var(--green);
  border-bottom: 3px solid var(--green);
}
.sec-title-green .banner-li-title .ba-round:after,
.sec-title-green .banner-li-title .ba-square:after {
  color: var(--green);
  background: var(--green);
  border: var(--green);
}
.sec-title-green .banner-li-title .ba-round:before,
.sec-title-green .banner-li-title .ba-square:before {
  color: var(--green);
  background: var(--green);
  border: 1px solid var(--green);
  opacity: 0.4;
}
.sec-title-green .banner-li-title .ba-triangle:after {
  border-bottom: 25px solid var(--green);
}
.sec-title-green .banner-li-title .ba-triangle:before {
  border-bottom: 28px solid var(--green);
  opacity: 0.4;
}
.sec-title-orange .banner-li-title .ba-triangle:after {
  border-bottom: 25px solid var(--orange);
}
.sec-title-orange .banner-li-title .ba-triangle:before {
  border-bottom: 28px solid var(--orange);
  opacity: 0.4;
}
.card-letsconnect {
  padding: 0;
  background: #fff;
  border: 0;
  box-shadow: 0 0 70px -20px #ddd;
}
.card-letsconnect .card {
  border: 0;
  border-radius: 0;
  background: center/cover no-repeat;
  height: 100%;
}
.card-letsconnect .card-body {
  border: 0;
  border-radius: 0;
  padding: 70px;
  background: 0 0;
  height: 100%;
  display: flex;
}
.letsconnect-content .sec-title-form .letsconnect-text .h2-style,
.letsconnect-content .sec-title-form .letsconnect-text h2 {
  font-size: 43px;
  font-weight: 600;
}
.letsconnect-content .sec-title-form .letsconnect-text span {
  color: #0092ff;
  font-weight: 800;
}
.casesmall-title h3.h2-style {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0;
}
.letsconnect-content .sec-title-form .letsconnect-text p {
  font-size: 19px;
  font-weight: 600;
}
.footer-btn .btn-list li a.btn-link-list {
  padding: 11px 25px;
}
.footer-btn .btn-list li a i {
  padding-left: 5px;
  margin: auto;
}
.card-header:first-child {
  border-radius: 0.4rem 0.4rem 0 0;
}
.card-header {
  padding: 1rem 2rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.modal .btn-close:focus,
button:focus:not(:focus-visible) {
  outline: 0;
}
.contact-us-form-wrap {
  border-radius: 20px;
  padding: 50px 60px;
}
.cookie-policy-popup,
.inquiry-massagebtn a {
  color: #fff;
  background-color: var(--primary);
}
.section-title {
  font-weight: 700;
  font-size: 36px;
  margin: 0 0 15px;
}
.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgb(0 0 0/18%) !important;
  box-shadow: 0 1rem 3rem rgb(0 0 0/18%) !important;
}
.contact-us-section .contact-us-content {
  max-width: 450px;
  right: -28%;
  top: 8%;
  border-radius: 20px;
  position: absolute;
  padding: 20px;
}
.contact-icon {
  padding-right: 5px;
  min-width: 100px;
}
.mission-vission-sec .box {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.mission-vission-sec .box .core-values-sec .h4-style,
.mission-vission-sec .box .core-values-sec h4,
.mission-vission-sec .box .our-services .h4-style,
.mission-vission-sec .box .our-services h4 {
  margin: 15px 0 10px;
  font-size: 24px;
  font-weight: 600;
  color: var(--paragraph-color);
}
.cookie-policy-popup,
.mission-vission-sec figure.our-mv-figure {
  overflow: hidden;
  margin: 0;
}
.mission-vission-sec figure.our-mv-figure img {
  border-radius: 20px;
  height: auto;
}
.mission-vission-sec figure.miss-viss-figure {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100px;
  width: 100px;
  border: 1px solid;
  border-radius: 50%;
  margin: auto;
}
.mission-vission-sec figure.miss-viss-figure img {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 70px;
}
.cookie-policy-popup {
  border-radius: 10px;
  box-shadow:
    0 0 1.25rem rgb(255 255 255/50%),
    0 0 1.25rem rgb(0 0 0/50%);
  display: none;
  padding: 15px 0 0;
  position: fixed;
  top: auto;
  right: 15px;
  bottom: 15px;
  left: auto;
  max-width: 350px;
  width: calc(100% - 30px);
  z-index: 99999;
  transition: 0.2s ease-in-out;
  animation-duration: 1s;
  animation-name: slideInUp;
  overflow: hidden;
}
.cookie-policy-popup img {
  width: 100%;
  height: auto;
  max-width: 100px;
}
.cookie-policy-popup .h4-style.modal-title,
.cookie-policy-popup h4.modal-title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}
.cookie-policy-text {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 46px;
}
.blog-details-date p,
.cookie-policy-text p {
  color: #fff;
  font-weight: 500;
}
.modal-button_btn {
  border-top: 1px solid #ffffff30;
}
.btn.btn-cookie-policy {
  box-sizing: border-box;
  border-radius: 0 0 0 10px;
}
.cookie-policy-popup .modal-button_btn .btn {
  background: var(--primary);
  margin: 0;
  color: #fff;
  border-right: 1px solid #ffffff30;
  padding: 10px 8px;
  line-height: 1.5;
}
.mobile_footer,
.mobile_footer ul {
  width: 100%;
  justify-content: space-between;
}
.mobile_footer {
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  width: calc(100% - 20px);
  height: 50px;
  background: #fff;
  background: rgb(255 255 255/1);
  text-align: center;
  display: block;
  padding: 2px 10px;
  border: 2px solid var(--primary);
  border: 0;
  border-radius: 25px;
  -webkit-box-shadow:
    0 0 10px rgb(0 0 0/20%),
    0 0 10px rgb(255 255 255/30%);
  box-shadow:
    0 0 10px rgb(0 0 0/20%),
    0 0 10px rgb(255 255 255/30%);
  z-index: 99991;
}
.mobile_footer ul {
  display: flex;
  padding: 0;
  margin: 3px 0 0;
}
.mobile_footer li {
  list-style: none;
}
.mobile_footer li a,
.mobile_footer li label {
  text-decoration: none;
  font-size: 24px;
  color: var(--primary);
  line-height: 1;
  font-weight: 400;
  position: relative;
  display: block;
  padding: 8px 10px;
  min-width: 50px;
  border: 0;
  cursor: pointer;
}
.mobile_footer li.mobile-center {
  min-width: 60px;
}
.mobile_footer li.mobile-center > a {
  top: -32px;
  background: #fff;
  border-radius: 30px;
  color: #fff;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 4px solid #abadaf;
  -webkit-box-shadow:
    0-10px 10px -8px rgb(0 0 0/20%),
    0 0 10px rgb(255 255 255/30%);
  box-shadow:
    0-10px 10px -8px rgb(0 0 0/20%),
    0 0 10px rgb(255 255 255/30%);
  position: absolute;
}
.mobile_footer li.mobile-center > a small {
  display: inline-block;
  color: #000;
  font-size: 10px;
  font-weight: 500;
  width: auto;
  white-space: nowrap;
  line-height: normal;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -22px;
  left: 0;
}
.mobile_footer li.mobile-center > a:after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: 0;
  bottom: 0;
  border: transparent;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  visibility: hidden;
}
.mobile-center a.btn-social-icone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-center img {
  width: 35px;
  height: 35px;
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%,
  32%,
  44%,
  56%,
  68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%,
  35%,
  47%,
  59%,
  71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%,
  38%,
  50%,
  62%,
  74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%,
  41%,
  53%,
  65%,
  77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.mobile_footer li a.m-footer-text,
.mobile_footer li label.m-footer-text {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  font-weight: 500;
  min-width: 84px;
}
.mobile_footer li.mobile-center a.link-attachment i {
  max-width: inherit;
  margin: 0;
  line-height: 42px;
  color: var(--primary);
  height: 50px;
  border: 4px solid #abadaf;
  background: #fff;
  width: 50px;
  border-radius: 50%;
  font-size: 21px;
}
.mobile_footer li.mobile-center a i {
  max-width: inherit;
  margin-top: 0;
  margin-left: 0;
  line-height: 50px;
  color: var(--primary);
}
.mobile_footer ul li a.mobile-nav-toggler.active span:before {
  content: '';
}
.social-icone-footer.attachment-open {
  display: block;
  visibility: visible;
  pointer-events: inherit;
  bottom: 70px;
}
.social-icone-footer {
  position: absolute;
  top: auto;
  right: 0;
  margin: 0;
  bottom: 100%;
  left: auto;
  bottom: 70px;
  display: block;
  visibility: hidden;
  transition: 1s;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mobile_footer ul.new-social {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}
.mobile_footer ul.new-social li:first-child {
  transition: 0.9s;
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -o-transition: 0.9s;
}
.mobile_footer ul.new-social li:nth-child(2) {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
}
.mobile_footer ul.new-social li:nth-child(3) {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.mobile_footer ul.new-social li:nth-child(4) {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.mobile_footer ul.new-social li:nth-child(5) {
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
}
.social-icone-footer ul.s-i-f-list {
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
  width: 100%;
}
.social-icone-footer ul.s-i-f-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 50px;
  display: block;
  opacity: 0;
  transition: 0.05s 0.01s;
  -moz-transition: 0.05s 0.01s;
  -ms-transition: 0.05s 0.01s;
  -webkit-transition: 0.05s 0.01s;
  -o-transition: 0.05s 0.01s;
  margin: 0 !important;
}
.navmobile-overlay,
.social-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: none;
}
.blog-details-content .blog-nav-content ul li a.zohoone-link,
.inquiry-massagebtn {
  display: block;
  color: #000;
  font-size: 15px;
  position: relative;
}
.blog-details-content .blog-nav-content ul li.active a:before {
  content: '';
  position: absolute;
  top: 0;
  left: -39px;
  bottom: auto;
  height: 100%;
  width: 4px;
  background-color: #940b92;
  border-radius: 0 100px 100px 0;
  transition: 0.5s;
}
.blog-details_des-text p {
  line-height: 30px;
  color: #232323c9;
}
.navmobile-overlay.open,
.social-overlay.open {
  opacity: 0.75;
  visibility: visible;
  display: block;
  z-index: 988;
}
.blog-section .blog-data {
  background: 0 0;
  border-radius: 6px;
  box-shadow: 0 5px 45px 0 rgb(18 24 58/8%);
  margin: 35px 0;
  padding: 0;
  transition: 0.3s;
}
.blog-related-slider .blog-section .blog-data {
  box-shadow: none;
  transition: 0.3s;
  background-color: #f8f8fb;
}
.blog-related-slider .blog-section:hover .blog-data {
  box-shadow: 0 5px 45px 0 rgb(18 24 58/8%);
  background-color: #fff;
}
.blog-related-slider .blog-section {
  margin: 0 20px;
}
.blog-section .blog-photo > img {
  border-radius: 6px;
}
.blog-details-small,
.blog-photo .owl-carousel .owl-stage-outer .owl-item {
  direction: ltr;
}
.blog-section .title-sm:not(:last-child) {
  margin-bottom: 5px;
}
.blog-section .blog-sec-desc,
.testimoniols-name p {
  display: block;
  max-width: 100%;
  overflow: hidden !important;
}
.blog-section .blog-sec-desc {
  height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.blog-photo figure.blog-img-figure {
  position: relative;
  margin: 0;
  width: 100%;
  min-height: 108px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 62.666% !important;
  border-radius: 5px;
}
.blog-photo figure.blog-img-figure img {
  position: absolute;
  width: auto;
  min-height: 126px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.blog-d-post .owl-theme .owl-nav [class*='owl-'],
.letest-blog .owl-theme .owl-nav [class*='owl-'] {
  background: 0 0;
  opacity: 0.5;
  margin: -10px;
  border-radius: 5%;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: 0 0;
  text-decoration: none;
}
.blog-d-post .owl-theme .owl-nav .owl-prev,
.letest-blog .owl-theme .owl-nav .owl-prev {
  left: 10px;
  right: auto;
  top: 50%;
  bottom: auto;
  position: absolute;
}
.blog-d-post .owl-theme .owl-nav .owl-next,
.letest-blog .owl-theme .owl-nav .owl-next {
  left: auto;
  right: 10px;
  top: 50%;
  bottom: auto;
  position: absolute;
}
.blog-d-post .owl-theme .owl-nav [class*='owl-'] i,
.letest-blog .owl-theme .owl-nav [class*='owl-'] i {
  color: #000;
  position: relative;
  font-size: 28px;
}
.fa-angle-left:after {
  content: 'a';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.fa-angle-right:after {
  content: 'a';
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.arrow-carousel.owl-theme .owl-nav [class*='owl-'] {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0 0 10px -5px #000;
  font-size: 18px;
  line-height: 30px;
  border: 0;
  text-align: center;
  color: #999;
  cursor: pointer;
}
figure.brandimg-figure.bf-amulya {
  background-position: -750px -2700px;
}
.brand-img .brandimg-figure.bf-dharmajewels {
  background-position: -600px -2700px;
}
.arrow-carousel.owl-theme .owl-nav .owl-prev {
  left: -50px;
  right: auto;
  top: 50%;
  bottom: auto;
  position: absolute;
}
.arrow-carousel.owl-theme .owl-nav .owl-next {
  left: auto;
  right: -50px;
  top: 50%;
  bottom: auto;
  position: absolute;
}
.blog-d-post .owl-theme .owl-dots,
.letest-blog .owl-theme .owl-dots {
  margin-top: 20px;
  line-height: 0.01;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: 0;
  right: 0;
}
.inquiry-massagebtn {
  position: fixed !important;
  top: 50% !important;
  right: 0;
  z-index: 1000;
}
.inquiry-massagebtn a {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: right;
  display: block;
  z-index: 1;
  height: auto;
  width: auto;
  text-align: center;
  padding: 10px 50px 52px 15px;
  border-radius: 10px 33px 0 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  top: -120px;
}
.inquiry-massagebtn a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #002e8b;
  width: 37px;
  height: 34px;
  border-radius: 6px 38px 0 41px;
}
.testimoniols-section .testimoniols-card {
  background-color: #fff;
  max-width: 100%;
  margin: auto;
  display: block;
  padding: 0;
  border-radius: 10px;
  overflow: visible;
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/5%);
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.testimoniols-section .card:hover,
.testimoniols-section .card:hover figure.testimoniols-img-figure {
  border: 1px solid var(--primary);
}
.faq-title {
  padding: 0 0 40px;
}
.testimoniols-section .testimoniols-card .card-body {
  padding: 20px;
  text-align: center;
}
.testimoniols-data {
  display: flex;
  margin: 20px 0 0;
  padding-top: 20px;
  text-align: left;
  border-top: 1px solid #e8e8e8;
  transform: scale(0.9);
}
figure.testimoniols-img-figure {
  position: relative;
  display: block;
  width: 90px;
  min-width: 90px;
  overflow: hidden;
  height: 90px;
  border-radius: 100% !important;
  margin: 0 0 0 auto;
  background-color: #8d8d8d;
  border: 1px solid #8d8d8d;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: 900px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.testimoniols-img .image figure,
figure.testimoniols-img-figure img {
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
figure.testimoniols-img-figure img {
  width: 100%;
  border-radius: 50% !important;
  opacity: 0.5;
}
.testimoniols-img {
  margin: 0;
  display: flex;
}
.testimoniols-img .image {
  width: 100%;
  margin: 0 0 10px;
  display: flex;
  height: 80px;
  position: relative;
}
.testimoniols-img .image figure {
  padding: 0;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.testimoniols-name {
  margin: auto auto auto 20px;
}
.testimoniols-name .h5-style,
.testimoniols-name h5 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.testimoniols-infodesc .testi-qutos {
  position: absolute;
  top: 0;
  right: 0;
  left: -18px;
  bottom: 0;
  color: #b9b9b9;
  font-size: 22px;
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.testimoniols-section .testimoniols-infodesc {
  height: 126px;
  max-height: 126px;
  font-size: 14px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-indent: 0;
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  text-align: center;
}
.testimoniols-name p {
  font-size: 12px;
  color: var(--paragraph-color);
}
.h6-style,
.post-link a,
.profile-name,
.somting-spacial-desc ul li p {
  font-size: 15px;
  font-weight: 400;
}
.ten-ind .webimg {
  height: auto;
  max-height: 100%;
  width: 500px;
}
.testimoniols-section .owl-carousel .item {
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.testimoniols-section .owl-carousel .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.somting-spacial-desc ul li span {
  font-weight: 700;
  font-size: 18px;
}
.testimoniols-section .card.testimiols-page {
  border-bottom: 3px solid #dedede;
}
.testimoniols-section .card.testimiols-page:hover {
  border-bottom: 3px solid var(--primary);
}
.modal .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 40px;
  height: 40px;
  z-index: 2;
  border: 0;
  background: 0 0;
  cursor: pointer;
}
.dbl-square-shape:before {
  width: 100px;
  z-index: -1;
  height: 100px;
}
/* .blog-description-section:before,
section.blog-description-section::before,
section.blog-section.section-space::before {
  position: absolute;
  bottom: -120px;
  width: 100%;
  height: 120px;
  z-index: 1;
  background-color: #fff;
  left: 0;
  content: "";
} */
.modaltestimonial-modal .modal-content .card {
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c1c1c1;
}
.modal-content .card {
  border: 0;
  border-radius: 0;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
.post-mets-data .post-meta {
  flex-wrap: wrap;
  grid-gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.7rem;
  color: #aab0bc;
}
.post-mets-data .post-meta li {
  padding: 5px 10px;
  line-height: 1.4;
  color: #000;
  border-radius: 40px;
  font-size: 12px;
  display: inline-block;
  z-index: 1;
}
.blog-details-content .profile-data .col-12.p-0 span,
.blog-nav-meta li a,
.value-title {
  margin: 10px 0;
}
.blog-description-section {
  position: relative;
  padding: 60px 0 80px;
}
.blog-description-section .blog-details-more {
  position: relative;
  column-count: 3;
  column-width: 300px;
  column-rule: 1px solid #e7e7e7;
  column-gap: 80px;
  margin: 40px 0;
}
.blog-description-section .blog-more-page {
  border: none;
  border-top: none;
  margin-top: 0;
  padding: 0;
}
.blog-description-section .blog-more-page .btn-more {
  display: block;
  max-width: 650px;
  margin: 0 auto;
  padding: 16px 24px;
  background: rgba(5, 74, 218, 0.1);
  border-radius: 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: unset;
  color: #000;
  position: relative;
}
.blog-details-more .blog-more-01 h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  text-align: left;
  margin: 0;
  color: #000;
}
.blog-description-content h3 {
  font-size: 48px;
  font-weight: 700;
  color: #000;
}
.blog-details-more .blog-more-01 a span {
  margin-bottom: 18px;
  position: relative;
  display: inline-block;
  width: 386px;
  height: 280px;
}
.blog-details-more .blog-more-01:first-child {
  padding-bottom: 15px;
}
.blog-more-01 {
  padding-bottom: 40px;
}
.blog-details-more .blog-more-01 p {
  margin-top: 5px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.blog-details-more .blog-more-01 a img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.blog-details_item .img-wrapper {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
}
.blog-details_item .img-wrapper .overlay:hover {
  opacity: 1;
  -webkit-transform: scale(3);
  transform: scale(3);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
.blog-details_item .img-wrapper .overlay {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  text-align: center;
  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;
  background: #0b234799;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
}
.blog-data.part-blog .blog-deta-desc,
.blog-data.part-blog .blog-text h4,
.letest-blog .blog-text .h4-style,
.letest-blog .blog-text h4 {
  display: block;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.shadow {
  box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.04) !important;
}
.overlay {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 15px;
  color: #fff;
  background: rgb(0 0 0);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(0 0 0)),
    to(rgb(0 0 0/0%))
  );
  background: -o-linear-gradient(bottom, rgb(0 0 0) 0, rgb(0 0 0/0%) 100%);
  background: linear-gradient(0deg, rgb(0 0 0) 0, rgb(0 0 0/0%) 100%);
  border-radius: 0 0 5px 5px;
}
.blog-text .title a {
  color: #fff;
  font-size: 22px;
}
.blog-deta-desc a:hover,
.blog-text .title a:hover {
  text-decoration: underline;
}
.blog-data.part-blog {
  position: relative;
  z-index: 2;
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog-data.part-blog .blog-photo {
  position: relative;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 100%;
}
.blog-data.part-blog .blog-text {
  position: relative;
  -ms-flex: 0 0 58%;
  flex: 0 0 58%;
  max-width: 100%;
  padding-left: 0;
}
.blog-data.part-blog .blog-text .h4-style,
.blog-data.part-blog .blog-text h4 {
  display: -webkit-box;
  max-height: 47px;
  height: 100%;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  margin: 0;
  font-size: 18px;
}
.blog-data.part-blog .blog-text .h4-style {
  max-height: 100%;
  font-size: 20px;
}
.blog-data.part-blog .blog-text p {
  line-height: 1.3;
  color: #000;
}
.contact-img img {
  width: 200px;
  height: min-content;
  object-fit: cover;
}
.next-blog .blog-photo figure.blog-img-figure {
  min-height: 359px;
}
.blog-data.part-blog .blog-deta-desc {
  display: -webkit-box;
  max-height: 10%;
  margin: 10px 0;
  font-size: 13px;
}
ul.sub-contact-list {
  list-style: none;
  padding-left: 10px;
  margin-bottom: 3px;
}
ul.sub-contact-list li a {
  padding: 0;
  margin: 0 5px;
  font-weight: 400;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.7;
  color: #fff;
  width: 100%;
}
li.list-border {
  border-bottom: 1px dashed;
}
li.list-border:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.contact-us-content .h2-style,
.contact-us-content h2 {
  font-size: 27px;
}
.dbl-square-shape img {
  max-width: 65px;
  height: 65px;
}
.founder-desc p,
.zoho-product-title .h3-style,
.zoho-product-title h3 {
  font-size: 23px;
}
.dbl-square-shape {
  position: relative;
  z-index: 2;
  margin-top: 30px !important;
}
.dbl-square-shape:before,
.sec-title-green .dbl-square-shape:before {
  content: '';
  position: absolute;
  left: -10px;
  top: -17px;
  opacity: 0.4;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 2px #4d4d4d4d;
}
.dbl-square-shape:after {
  top: 1px;
  right: 22px;
  opacity: 0.3;
  z-index: -1;
  animation: 10s linear infinite movebounce;
  -webkit-animation: 10s linear infinite movebounce;
}
.industries-sec-body .industries-sec-item:first-child .dbl-square-shape::after {
  background-color: #00b7ff;
}
.industries-sec-body
  .industries-sec-item:nth-child(2)
  .dbl-square-shape::after {
  background-color: #009749;
}
.industries-sec-body
  .industries-sec-item:nth-child(3)
  .dbl-square-shape::after {
  background-color: #e53e40;
}
.industries-sec-body
  .industries-sec-item:nth-child(4)
  .dbl-square-shape::after {
  background-color: #940b92;
}
.industries-sec-body
  .industries-sec-item:nth-child(5)
  .dbl-square-shape::after {
  background-color: #9d9f15;
}
.industries-sec-body
  .industries-sec-item:nth-child(6)
  .dbl-square-shape::after {
  background-color: #24639b;
}
.industries-sec-body
  .industries-sec-item:nth-child(7)
  .dbl-square-shape::after {
  background-color: #af3030;
}
.industries-sec-body
  .industries-sec-item:nth-child(8)
  .dbl-square-shape::after {
  background-color: #13448d;
}
.industries-sec-body
  .industries-sec-item:nth-child(9)
  .dbl-square-shape::after {
  background-color: #1ab6f1;
}
.industries-sec-body
  .industries-sec-item:nth-child(10)
  .dbl-square-shape::after {
  background-color: #27267d;
}
.industries-sec-body
  .industries-sec-item:nth-child(11)
  .dbl-square-shape::after {
  background-color: #1f9ccc;
}
.industries-sec-body
  .industries-sec-item:nth-child(12)
  .dbl-square-shape::after {
  background-color: #145168;
}
.industry-img-sec .webimg {
  max-height: 400px;
  width: 400px;
}
.industries-sec-body
  .industries-sec-item:nth-child(odd)
  .industry-img-sec
  .webimg {
  margin: 0 50px 0 auto;
}
.industries-sec-body
  .industries-sec-item:nth-child(2n)
  .industry-img-sec
  .webimg {
  margin: 0 auto 0 50px;
}
.blog-setails-title .h1-style,
.blog-setails-title h1 {
  font-size: 31px;
}
.blog-details-date {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 15px 10px;
  z-index: 1;
  background: rgb(0 0 0);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(0 0 0/20%)),
    to(rgb(0 0 0/0%))
  );
  background: -o-linear-gradient(bottom, rgb(0 0 0/20%) 0, rgb(0 0 0/0%) 100%);
  background: linear-gradient(0deg, rgb(0 0 0/20%) 0, rgb(0 0 0/0%) 100%);
}
.letest-blog .blog-text .h4-style,
.letest-blog .blog-text h4 {
  display: -webkit-box;
  max-height: 60px;
  height: 60px;
  line-height: 1.3;
}
.blog-details-small .blog-text .h4-style,
.blog-details-small .blog-text h4,
.next-blog .blog-text .h4-style,
.next-blog .blog-text h4 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 85px;
  height: 85px;
  font-weight: 600;
  -webkit-line-clamp: 3;
  margin-bottom: 13px;
  line-height: 1.3;
}
.blog-tab .nav-pills .nav-link {
  border-radius: 40px;
  border: 1px solid transparent;
  background: #fff;
  color: var(--black);
  margin: 0 10px 10px 0;
  outline: 0;
  box-shadow: none;
}
.blog-tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  border: 1px solid var(--primary);
  background: var(--primary);
  border-radius: 40px;
  color: #ffff;
}
.sticky-sidebar .profile-desc h3 {
  font-size: 22px;
  margin: 0;
}
.sticky-sidebar .profile-desc .sideshortdescr {
  margin: 5px 0;
}
.social-share-icon.socialshare-middle a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 20px;
  margin-left: 0;
}
.social-share-icon.socialshare-middle ul li:nth-child(2) a {
  margin: 0 30px;
}
/* .blogother-img,
.faq-acc .card,
.social-share-icon.socialshare-middle h3 {
  margin-bottom: 15px;
} */
.social-share-icon.socialshare-middle {
  border: none;
  margin-top: 2rem;
  padding: 20px 15px;
}
.social-share-icon.socialshare-middle ul li a.share-facebook,
.social-share-icon.socialshare-middle ul li a.share-linkedin,
.social-share-icon.socialshare-middle ul li a.share-twitter {
  background-color: #0066ff17;
}
.social-share-icon.socialshare-middle ul li a:hover.share-facebook,
.social-share-icon.socialshare-middle ul li a:hover.share-linkedin,
.social-share-icon.socialshare-middle ul li a:hover.share-twitter {
  background-color: #0064ff !important;
}
.social-share-icon.socialshare-middle ul li a:hover.share-facebook i,
.social-share-icon.socialshare-middle ul li a:hover.share-linkedin i,
.social-share-icon.socialshare-middle ul li a:hover.share-twitter i {
  color: #fff;
}
.profile-image {
  border: 3px solid #940b92;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: auto 0 20px;
}
.blog-section .blog-text div ul li .blogitem-img img,
.profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 100%;
}
.profile-name {
  font-weight: 600;
  margin-bottom: 10px;
}
.blog-details .sec-title .h2-style {
  font-size: 35px;
  text-align: center;
}
.profile-data .social-share-icon.sidebar {
  border-top: none;
}
.social-share-icon.sidebar ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.services-box.services-box4.services-icon-bottom.enterprise-box {
  margin-bottom: 1rem;
}
ul.sub-contact-list li .sub-contact-address-list {
  margin-left: 21px;
}
.social-share-icon a.share-twitter {
  background: #1ba6ff;
}
.social-share-icon a p {
  position: absolute;
  top: 50%;
  opacity: 0;
}
span.blog-date {
  font-weight: 600;
  font-size: 12px;
}
.founder-desc p,
.founder-name p,
.founer-designation p {
  font-weight: 400;
  line-height: 1.5;
}
.reach-milestone-info .reach-milestone-title .h2-style,
.reach-milestone-info .reach-milestone-title h2 {
  margin: 10px 0 30px;
  color: #010101;
}
.reach-milestone-info .reach-milestone-desc {
  color: #727272;
}
.mobile_footer li.mobile-center a p {
  margin-left: -15px;
  font-size: 14px;
  margin-top: 4px;
  color: #000;
  font-weight: 500;
}
figure.reach-img-figure,
figure.someting-img-figure {
  position: relative;
  margin: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 66.666% !important;
}
figure.reach-img-figure img,
figure.someting-img-figure img {
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.text-gray {
  color: #a2a2a2;
}
.somting-spacial-info .h2-style,
.somting-spacial-info h2 {
  margin: 10px 0 30px;
}
.founder-desc {
  max-width: 596px;
  margin: auto;
}
.founder-desc p i.fas.fa-quote-right {
  content: '';
  position: absolute;
  top: auto;
  bottom: -9px;
  left: auto;
  right: auto;
  margin-left: 6px;
}
.founder-name p {
  font-size: 20px;
}
.fouder-img img {
  max-width: 258px;
  border-radius: 5px;
  width: 100%;
}
.founder-sec .card {
  overflow: auto;
  background-color: var(--blue) !important;
  border-radius: 5px;
}
.somting-spacial-sec {
  padding-bottom: 60px;
}
.other-ser-ico figure {
  margin: auto;
  width: 50px;
  height: 50px;
  background-size: 500px auto;
  background-repeat: no-repeat;
}
.other-service-desc {
  max-width: 600px;
  width: 100%;
  margin: auto;
}
.card.service-card {
  border: 1px solid #fff;
  min-height: 199px;
  box-shadow: 0 0.25rem 1.25rem rgb(52 63 82/10%);
}
.card.service-card .services-sec-icone {
  width: 80px;
  height: 80px;
  padding: 15px;
  border-radius: 10%;
  margin: auto;
  border: 1px solid var(--primary);
  background: var(--primary);
}
.other-ser-ico {
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
  border: 1px solid #b7b7b7;
  overflow: hidden;
  padding: 15px;
}
.other-ser-ico figure.service-webdevelopment {
  background-position: -100px -150px;
}
.other-ser-ico figure.service-desktopapplication {
  background-position: -200px -150px;
}
.other-ser-ico figure.service-enterprisesoftware {
  background-position: -250px -150px;
}
.other-ser-ico figure.service-enterpriseintegration {
  background-position: -200px -50px;
}
.card.service-card .services-sec-icone.rounded {
  border-radius: 50% !important;
  width: 100px;
  height: 100px;
  padding: 25px;
}
.card.service-card .services-sec-icone img {
  max-width: 50px;
  width: 100%;
  margin: 15px;
}
.other-service-text p {
  font-size: 13px;
  font-weight: 600;
  color: #424242;
  margin: auto;
  padding: 0 15px;
}
.other-service-text {
  font-size: 13px;
  display: flex;
  max-height: 60px;
  height: 60px;
  line-height: 1.4;
  margin-top: 10px;
}
.other-service-sec .other-service-text {
  font-size: 15px;
  display: flex;
  max-height: 60px;
  height: 60px;
  line-height: 1.7;
}
.title-overview h2 {
  font-size: 28px;
}
.blog-details-small .blog-photo figure.blog-img-figure {
  height: 417px;
}
.lh-15 {
  line-height: 1.5;
}
span.h2-style {
  text-indent: -15px;
  font-weight: 500;
}
.h3-style,
span.h3-style {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}
.startp-nav nav.navbar-light .menu-sidebar-close {
  position: sticky;
  top: 0;
  right: auto;
  bottom: auto;
  left: 1000px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  z-index: 1;
  margin: 0 0 -40px auto;
  font-size: 24px;
  color: var(--primary);
  background-color: #fff;
}
.work-culture-list {
  font-weight: 600;
  font-size: 17px;
  display: flex;
  flex-wrap: wrap;
}
.otherpage-heading,
.otherpage-heading b,
.proud-section-title,
.title-overview h3 {
  font-weight: 600;
  text-transform: capitalize;
}
.team-carousel .item {
  margin-left: 20px;
  margin-right: 20px;
}
.solution-conte a,
.solution-conte span {
  color: #940b92;
  transition: color 0.5s;
}
.pa-over,
.web-Overview .hero-button,
.web-designingheadsection .hero-button {
  margin-top: 30px;
}
.btn-techno a.btn-index,
a.hero-button {
  background-color: #fff;
  margin-top: 0;
  color: #940b92;
  text-transform: capitalize;
  box-shadow: 0 2px 15px -3px rgb(0 0 0/8%) !important;
  border: 3px solid #e7e7e7;
  border-radius: 10px;
}
.set-clientbtn a:first-child {
  border-left: none;
}
.clutch-data .setglassimg {
  width: 100%;
  max-width: 100px;
}
.start-check1 .start-check {
  color: #ffc107;
  font-size: 13px;
}
.start-check1 .start-wcheck {
  color: #d7d7d7;
  border: #ffc107;
}
.set-clientbtn {
  margin-top: 40px;
  display: flex;
  gap: 0 25px;
}
.main-banner .hero-content .solution-conte {
  font-weight: 600;
  font-size: 54px;
  text-transform: capitalize;
  line-height: 72px;
  color: #141414;
  transition: 0.5s;
}
section.ourcilent {
  padding: 3rem 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.tool-section .tabs-list-scroll ul {
  background-color: #f8f8fb;
  border-radius: 7px;
}
.otherpage-heading b::before,
.wpf-charp .otherpage-heading.othepage-wpfc b::after {
  position: absolute;
  background-color: var(--primary);
  transform: skewX(-18deg);
  text-indent: 0.08em;
  transition: width 0.5s;
  z-index: -1;
  overflow: hidden;
}
.tool-section .nav-tabs-line.nav-tabs .nav-link:before {
  height: 3px;
  border-radius: 15px;
  bottom: 0;
}
.tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs {
  justify-content: space-around;
}
.tool-btn,
.tool-btn .btn a,
.tool-section .tabs-list-scroll ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tool-btn .btn {
  border: 2px solid #940b92;
  background-color: transparent;
}
.item-case:first-child,
.testi-smallde {
  border-right: 1px solid #c2c2c2;
}
.proud-img,
.webimg {
  border-radius: 15px;
}
.tool-btn .btn a i {
  display: block;
  transition: 0.5s;
  margin-left: 15px;
}
.imgdev {
  width: 30px;
  margin-bottom: 6px;
  height: 30px;
}
.center-testicase,
.set-faq,
.tool-section .tabs-list-scroll ul li a {
  flex-direction: column;
}
.imgdev img {
  filter: grayscale(100%);
}
.head-palttech .nav-tabs a.active .imgdev img,
.head-palttech .nav-tabs a:hover .imgdev img,
.head-palttech.tools-palttech .nav-tabs a:hover .tools-img .toolsimg-clr,
.tool-section .tabs-list-scroll ul li a.active .imgdev img,
.tool-section .tabs-list-scroll ul li:hover .imgdev img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.ourcilent .brand-img .brandimg-figure {
  transform: scale(0.8);
}
.tool-section .item .tt-used-icone figure {
  transform: scale(1);
}
.tool-section .tabs-list-scroll ul li a span {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
}
.tool-section .technology-slider p b {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #555;
}
.tool-section .btn-primary:active {
  background-color: transparent !important;
}
.blog-details-content .sec-title.sec-title-blue {
  width: 850px;
  margin: 0 auto 80px;
  text-align: center;
}
.blog-details-content .sec-title.sec-title-blue .h2-style b {
  font-size: 36px;
}
.blog-details-info {
  margin: 0 15px 0 0;
}
.tools-technologies-sec.tool-section .tabs-list-scroll {
  padding: 0;
  border-radius: 7px;
}
.tt-used-icone-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.tt-used-icone-img img {
  height: 100%;
  transform: scale(0.7);
}
.webimg {
  height: 100%;
  max-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 15px #940b92;
  /* justify-content: center; */
  border-style: groove hidden ridge;
}

.border-none {
  border: none;
}

.proud-img,
.proud-img img,
.testi-logo img,
.webimg video {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.proud-img {
  max-width: 600px;
  max-height: 600px;
  margin: 0 auto;
}
.panel-set {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.android-page .web-designingheadsection,
.application-page .web-designingheadsection,
.crm-page .web-designingheadsection,
.ecom-page .web-designingheadsection,
.erp-page .web-designingheadsection,
.flutter-page .web-designingheadsection,
.hardware-page .web-designingheadsection,
.hrms-page .web-designingheadsection,
.inventory-page .web-designingheadsection,
.ios-page section.web-designingheadsection,
.micro-page .web-designingheadsection,
.pwa-page .web-designingheadsection,
.react-page section.web-designingheadsection,
.saas-page .web-designingheadsection,
.sap-page .web-designingheadsection,
.sem-page .web-designingheadsection,
.seo-page .web-designingheadsection,
.smm-page .web-designingheadsection,
.smo-page .web-designingheadsection,
.web-design .web-designingheadsection,
.whatsapp-page .web-designingheadsection,
.window-forms-page .web-designingheadsection,
.wpf-charp .web-designingheadsection,
section.web-designingheadsection {
  padding: 3.5rem 0 3.5rem;
}
.micro-page .web-designingheadsection {
  padding: 6rem 0;
}
.otherpage-heading,
.proud-section-title {
  font-size: 52px;
  line-height: 67px;
  color: #000;
}
figure.brandimg-figure.bf-hayati {
  background-position: -1352px -2400px;
}
.desc-other,
.set-overdes p {
  font-weight: 400;
  font-size: 15px;
  color: #212529;
}
.desc-other {
  line-height: 39px;
  margin-top: 35px;
  width: 100%;
  max-width: 100%;
}
.otherpage-heading b {
  position: relative;
  z-index: 1;
  color: #fff;
}
.otherpage-heading b::before {
  content: '';
  width: 21rem;
  height: 100%;
  top: 5px;
  left: -7px;
  right: 0;
  bottom: 0;
}
.application-page .otherpage-heading b::before {
  width: 20rem;
  top: 0;
}
.ecom-page .otherpage-heading b::before {
  width: 17rem;
  top: 4rem;
  height: 73px;
  left: -23rem;
}
.ios-page .otherpage-heading b::before {
  width: 8.7rem;
}
.smo-page .otherpage-heading b::before {
  width: 12rem;
  top: -4px;
}
.smm-page .otherpage-heading b::before {
  width: 11rem;
}
.seo-page .otherpage-heading b::before {
  width: 13rem;
  left: -4px;
}
.sem-page .otherpage-heading b::before {
  width: 11.6rem;
  left: 10px;
  top: 0;
}
.hardware-page .otherpage-heading b::before {
  width: 22rem;
  bottom: 0;
  height: 50%;
  left: unset;
  right: 0;
  top: unset;
}
.hardware-page .otherpage-heading.other-zohoint b::before {
  width: 20.5rem;
  bottom: 0;
  height: 100%;
  left: unset;
  right: 0;
  top: unset;
}
.whatsapp-page .otherpage-heading b::before {
  width: 6rem;
  left: 0;
}
.inventory-page .otherpage-heading b::before,
.micro-page .otherpage-heading b::before {
  width: 17.5rem;
}
.custom-software-development.inventory-page .otherpage-heading b::before {
  width: 14rem;
}
.micro-page .otherpage-heading.msd-int b::before {
  width: 20.5rem;
  top: 4rem;
  height: 50%;
  left: unset;
  right: -1rem;
}
.payroll-page .otherpage-heading b::before {
  width: 17rem;
  left: -23rem;
  right: unset;
  height: 50%;
  top: 4rem;
}
.payroll-page.mobile-app-development .otherpage-heading b::before {
  width: 24rem;
  left: -19rem;
}
.hrms-page .otherpage-heading b::before,
.window-forms-page .otherpage-heading b::before {
  width: 16.5rem;
}
.erp-page .otherpage-heading b::before {
  width: 16rem;
}
.crm-page .otherpage-heading b::before {
  width: 17.2rem;
}
.saas-page .otherpage-heading b::before {
  width: 21rem;
}
.wpf-charp .otherpage-heading.b::before {
  width: 23rem;
  top: 4rem;
  height: auto;
  left: -16rem;
}
.wpf-charp .otherpage-heading.othepage-wpfc b::before {
  width: 15rem;
  top: 4rem;
  height: auto;
  right: 0;
  left: unset;
}
.wpf-charp .otherpage-heading.othepage-wpfc b::after {
  content: '';
  width: 15rem;
  top: 0;
  height: 55%;
  right: -6rem;
  left: unset;
}
.pwa-page .otherpage-heading b::before {
  width: 9rem;
}
.android-page .otherpage-heading b::before,
.react-page .otherpage-heading b::before {
  width: 8rem;
}
.flutter-page .otherpage-heading b::before {
  width: 7.5rem;
}
.manu-overview li {
  list-style: none;
  cursor: pointer;
  padding: 20px 0;
  text-transform: capitalize;
}
.manu-overview {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.otherpgmenu-sticky.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 999;
  transition: transform 0.3s;
  will-change: transform;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
section.value-we-deliver,
section.web-Overview {
  padding: 50px 0;
}
.faq-acc {
  padding: 15px 0 0;
}
.overviewimg {
  width: 100%;
  max-width: 450px;
  height: 100%;
  max-height: 450px;
  display: block;
  margin: 25px auto 55px;
  position: relative;
  border-radius: 14px;
}
.overviewimg::after {
  content: '';
  width: 142px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 0;
  height: 142px;
  top: 82%;
  left: -62px;
  right: auto;
}
.overviewimg img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.title-overview h3 {
  font-size: 35px;
  line-height: 52px;
  margin-bottom: 9px;
}
.set-overdes {
  line-height: 27px;
}
.mar-mobile {
  margin-top: 7rem;
}
.client-section {
  position: absolute;
  top: 31.5rem;
  left: 20rem;
  bottom: auto;
  right: auto;
  width: 66%;
}
.service-we-do-sec .client-section {
  bottom: -4%;
  top: unset;
  right: unset;
}
.service-inner-text {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 168px;
}
.blog-desc,
.case-list-des {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.client-oth {
  background: url(../images/client-logo.webp);
}
.otherpage-titledesc {
  margin-top: 14px;
}
.casestudy-otherpage {
  padding: 35px 0;
}
.casestudy-smalldesc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.item-case:first-child {
  padding: 0 50px 0 0;
}
.subtitle-otherpage h2 {
  font-weight: 500;
  font-size: 35px;
  line-height: 52px;
  color: #000;
}
.other-casedesc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #565353;
}
.case-testimonial {
  width: 100%;
  margin: 50px 0;
}
.case-img {
  height: 66px;
  width: 66px;
  border-radius: 50%;
}
.case-img img {
  border: 1px solid #d2d2d2;
}
.case-cre,
.set-btn-tesicase {
  display: flex;
  align-items: center;
}
.case-cre {
  flex-direction: column;
  justify-content: center;
}
.casesmall-title h4 {
  font-weight: 600;
  font-size: 19px;
  line-height: 28px;
  color: #323232;
  margin-bottom: 0;
  margin-top: 7px;
}
.case-desg p {
  font-size: 12px;
  line-height: 16px;
  color: #323232;
}
.set-btn-tesicase {
  justify-content: space-around;
  height: 100%;
}
.btn-case {
  display: flex;
  gap: 10px;
}
.btn-case a {
  flex: 1;
  min-width: 194px;
  align-items: center;
}
.testi-logo {
  height: 25px;
  width: 118px;
  margin-top: 20px;
}
.Sharee-icon,
.Sharee-icon i,
.btn-case a,
.center-testicase,
.consult-btn,
.healthtestimonials-info .testimoniols-data,
.set-faq,
.share-case-title {
  display: flex;
  justify-content: center;
}
.btn-case .hero-button {
  margin: 0;
  padding: 17px 19px;
  width: 100%;
}
.testicase-desc {
  width: 600px;
  z-index: 1;
  position: relative;
}
.testicase-desc p {
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #4f4e4e;
  display: -webkit-box;
  overflow: hidden;
  height: 114px;
}
.testicase-desc::after,
.testicase-desc::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 100%;
  background: url(../images/services/webdesign/case-quotes.png) no-repeat;
  z-index: -1;
}
.testicase-desc::before {
  top: -15px;
  left: -46px;
  width: 42px;
  transform: scaleX(-1);
}
.testicase-desc::after {
  top: 2rem;
  right: 0;
  left: auto;
  width: 45px;
}
.color-case {
  padding: 30px 0;
  border-radius: 7px;
}
.casestudy-sec {
  padding: 0 0 50px;
}
.other-pagebg .technology-slider .owl-stage-outer {
  padding: 0 0 20px;
}
.value-img {
  height: 60px;
  width: 60px;
  background: #1f78ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.value-img img {
  width: 30px !important;
  height: 30px;
  max-width: 100%;
}
.case-img img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.case-list-img img,
.industry-img {
  object-fit: contain;
  object-position: top;
  overflow: hidden;
}
.blog-details_des-text p img,
.blog-otherpage .blogother-img img,
.blogdetailsdesc-img img,
.other-pgcasestdy img {
  object-fit: cover;
  object-position: top;
}
.value-section {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 25px;
}
.value-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 38px;
  color: #000;
  text-align: start;
}
.value-small-desc {
  text-align: left;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #716d6d;
}
.value-section:hover {
  box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: 0.3s;
}
.consult-btn {
  width: 100%;
  margin: 15px 0;
}
.faq-accset .btn.btn-link,
.faq-accset .btn.btn-link.collapesd {
  padding-left: 19px;
  position: relative;
  width: 100%;
  text-align: left;
}
.faq-section .faq-accset .btn.btn-link.collapsed::after,
.faq-section .faq-accset .btn.btn-link::after,
.work-flow-section .faq-accset .btn.btn-link.collapsed::after,
.work-flow-section .faq-accset .btn.btn-link::after {
  content: '';
  width: 25px;
  right: 15px;
  max-width: 25px;
  position: absolute;
  height: 25px;
  display: block;
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.6s;
  background-color: #fff;
  border-radius: 50%;
}
.faq-section .faq-accset .btn.btn-link::after,
.work-flow-section .faq-accset .btn.btn-link::after {
  background-image: url(../images/services/webdesign/minus.png);
  top: 20px;
  left: auto;
  bottom: 0;
}
.faq-section .faq-accset .btn.btn-link::after {
  top: 5px;
}
.faq-section .faq-accset .btn.btn-link.collapsed::after,
.faq-section .faq-accset .btn.btn-link::after {
  right: 4%;
}
.faq-section .faq-accset .btn.btn-link.collapsed::after,
.work-flow-section .faq-accset .btn.btn-link.collapsed::after {
  background-image: url(../images/services/webdesign/plus.png);
  transform: rotate(180deg);
}
.faq-accset .btn.btn-link,
.work-flow-section .faq-accset .btn.btn-link {
  background-color: #fff;
  color: #000;
  border-radius: 7px;
  position: relative;
  text-transform: unset;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0.06em;
}
.faq-section .faq-accset {
  padding-left: 220px;
  padding-right: 220px;
  background-color: #f8f8fb;
}
.faq-section .faq-accset .btn.btn-link,
.faq-section .faq-accset .btn.btn-link.collapsed {
  background-color: #f8f8fb;
  padding-top: 0;
  padding-left: 0;
  white-space: normal;
}
.faq-accset .btn.btn-link:focus {
  box-shadow: none;
  text-decoration: none;
}
.footer-address {
  display: flex;
  align-items: start;
}
.footer-address i {
  margin-right: 5px;
  margin-top: 5px;
}
.faq-acc .card-header {
  padding: 0;
  border: 0;
  background-color: #fff;
  border-radius: 7px;
}
.faq-acc .card-body,
.work-flow-section .faq-acc .card-body {
  border-radius: 0 0 7px 7px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  position: relative;
  background-color: #fff;
  color: #000;
}
.faq-section .faq-accset .btn.btn-link.collapsed {
  border-left: none;
  color: #000;
  border-radius: 0;
  transition: 0.5s;
  border-bottom: 2px solid #61618257;
  padding-right: 55px;
}
.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-accset .btn.btn-link {
  color: #fff;
}
.faq-section .faq-acc .card-body {
  background-color: #f8f8fb;
  padding-left: 220px;
  padding-bottom: 0;
  padding-right: 222px;
}
.faq-acc .card,
.single-footer-widget.footer-contact .col-lg-4.col-md-6.col-xs-6:last-child {
  border: none;
}
.blog-otherpage.other-div .blog-data {
  background: 0 0;
  box-shadow: none;
  margin: 0;
}
.blog-otherpage .blog-section {
  background-color: #f8f8fb;
  border-radius: 8px;
}
.blog-otherpage .blog-section:hover {
  box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: 0.5s;
}
.blog-otherpage .blogother-img {
  width: 390px;
  height: 247px;
  display: block;
}
.blog-otherpage .blogother-img img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.blog-desc,
.blogother-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #000;
  overflow: hidden;
  height: 30px;
}
.blog-desc {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 11px;
  line-height: 24px;
  color: #4d4d4d;
  display: -webkit-box;
  height: 47px;
}
.blogother-date,
.buttob-list a {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #0d0d0d;
}
.buttob-list a {
  font-size: 12px;
  line-height: 15px;
  color: #940b92;
}
.otherpage-div {
  margin-top: -150px;
  padding-top: 150px;
}
.faq-small-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 55px;
  color: #000;
  margin-bottom: 15px;
}
.blog-section .letest-blog .blog-text .blog-deta-desc.text-black,
.proud-desc {
  margin: 15px 0;
}
.faq-small-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  max-width: 500px;
}
.manu-overview li.active {
  color: var(--primary);
}
.other-pgcasestdy,
.set-studycolor {
  background-color: #ebf3fe;
}
.other-div .service-port-clients .brand-sm-img li.image1 {
  margin-left: -37px;
}
.tool-section.other-pagebg.other-div .technology-slider p b {
  line-height: 18px;
}
.manu-overview .active {
  color: #940b92;
  font-weight: 600;
}
.detail-listing li {
  font-size: 15px;
  color: #000;
  font-weight: 400;
}
.other-pgcasestdy::before {
  top: -34%;
  left: unset;
  right: -5%;
  bottom: unset;
}
.other-pgcasestdy::after {
  top: auto;
  left: -6%;
  right: auto;
  bottom: -12%;
}
.head-palttech .nav-tabs a {
  padding: 19px 46.4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-bottom: 3px solid transparent;
  flex-direction: column;
}
.techno-index.nav-tabs a {
  padding: 19px 45.7px;
}
.head-palttech .nav-tabs a.active,
.head-palttech .nav-tabs a:hover {
  border-bottom: 3px solid #005eea;
}
.proud-desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #575757;
  width: 100%;
  max-width: 75%;
  text-align: justify;
}
.brading-main-section {
  padding: 50px 0;
  background-color: #fff;
}
.brad-setion .nav.nav-tabs .nav-item .nav-link {
  padding: 8px 16px;
  text-transform: unset;
}
.sec-sub-title {
  font-size: 16px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.case-list-desc {
  margin-top: 16px;
  margin-bottom: 15px;
}
.buttob-list {
  background: #e5f3ff;
  border-radius: 5px;
  padding: 8px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-list-button {
  display: flex;
  margin-bottom: 15px;
  justify-content: start;
}
.case-item,
.casestudies-sec .case-item {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  padding: 10px;
  border-radius: 7px;
}
.brading-main-section .case-item {
  animation-duration: 4s;
  transition: 0.2s;
}
.case-item:hover,
.casestudies-sec .case-item:hover {
  box-shadow: 0 2px 16px 4px rgb(0 0 0/8%);
  background-color: #fff;
}
.case-list-img {
  border-radius: 7px;
  width: 100%;
  height: 280px;
}
.case-list-img img {
  height: 100%;
  border-radius: 7px;
}
.blog-otherpage .blogother-title,
.blog-otherpage .case-list-title p {
  margin-bottom: 5px;
  text-overflow: unset;
  white-space: unset;
}
.blogother-title,
.case-list-title p {
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.case-list-des,
.case-list-title p {
  color: #000;
  text-transform: capitalize;
  overflow: hidden;
}
.case-list-title p {
  font-weight: 600;
  font-size: 20px;
  height: 29px;
}
.case-list-des {
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
  display: -webkit-box;
  height: 51px;
}
.more-case-button {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  position: relative;
  margin-bottom: 5px;
  margin-top: 20px;
}
.more-case-button img,
.share-case-rbl img {
  margin-left: 5px;
}
.more-case-button::before {
  content: '';
  width: 34%;
  position: absolute;
  top: auto;
  bottom: -2px;
  background-color: #000;
  height: 1px;
}
.brad-setion .nav-tabs {
  display: flex;
  justify-content: space-between;
  border: 1px solid #eaeaea;
  margin: 20px 0;
  padding: 15px 0;
}
.brad-setion .nav-tabs .nav-link.active {
  color: #1f78ff;
}
.study-herosection.web-designingheadsection {
  padding: 5rem 0 10rem;
}
.details-herosection {
  padding: 2rem 0 9rem;
}
.branding-section-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 93px;
  letter-spacing: 0.02em;
  color: #141414;
}
.set-case-bar .manu-overview {
  display: block;
  border-right: 3px solid #e5e5e5;
}
.set-case-bar .manu-overview li {
  padding: 5px 0;
}
.case-more-details {
  background-color: #fff;
  padding: 50px 0;
}
.case-content-body {
  text-align: center;
  padding-bottom: 50px;
}
.case-content-article {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #bebebe;
}
.case-content-back a,
.case-content-back a:hover,
.case-content-back span {
  color: #7a7a7a;
}
a.case-article-play-btn {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.case-article-play-btn span {
  width: 16px;
  height: 20px;
}
.casedetails-title {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: #000;
  margin-bottom: 15px;
}
.set-case-bar .manu-overview li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #7e7e7e;
}
.project-case-data,
.project-case-title {
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #575757;
  margin-bottom: 10px;
}
.project-case-title {
  font-weight: 600;
  font-size: 33px;
  line-height: 52px;
  color: #000;
}
.project-img,
.project-img img {
  width: 100%;
  height: auto;
}
.project-img img {
  margin-bottom: 20px;
  margin-top: 20px;
}
.tech-img {
  width: 85px;
  height: 75px;
  gap: 21px;
  margin: 20px 0 8px;
}
.tech-img img {
  width: 99%;
}
.tech-data {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.tech-data:last-child {
  margin-left: 15px;
  border-left: 1px solid #eee;
  padding-left: 15px;
}
.Sharee-icon {
  gap: 8px;
}
.Sharee-icon i {
  background-color: #f5f5f5;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  align-items: center;
}
.share-case-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #000;
  display: block;
  margin-bottom: 10px;
}
.share-case-left .Sharee-icon {
  gap: 10px;
  justify-content: start;
}
.set-case-bar .manu-overview li a.active {
  color: #940b92;
  border-right: 3px solid #940b92;
  width: 100%;
}
.sticky-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  height: 100%;
}
.share-case-right {
  position: relative;
  padding: 40px 22px;
  border-radius: 30px;
  width: 100%;
  box-shadow: 0 0 22px -6px #4d4d4d;
}
.share-case.active,
.sticky-menu.active {
  position: fixed;
  top: 79px;
  height: 100%;
}
.share-case.active {
  width: 420px;
  left: auto;
}
section.casestudies-sec,
section.read-more-casestudy {
  z-index: 10;
  position: relative;
  background-color: #f8f8fb;
  padding: 50px 0;
}
.helth-desc {
  margin: 25px 0;
  font-weight: 400;
  font-size: 19px;
  line-height: 31px;
  color: #575757;
}
.helth-ind {
  width: 100%;
  max-width: 678px;
}
.helth-herosection {
  padding: 5rem 0 184px;
}
.industry-img {
  height: 100%;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
}
.helth-ind-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 31px;
  text-align: center;
  color: #2e2e2e;
  margin-top: 25px;
  margin-bottom: 4px;
}
.helth-ind-desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #575757;
}
.helth-timer {
  border-right: 1px solid #d5d5d5;
  padding: 0 15px;
}
.helth-ind .set-herobtnpther {
  margin-top: 40px;
}
.set-hospitality-more-details ul {
  padding-left: 20px;
}
.set-hospitality-more-details ul li {
  list-style-type: none;
  position: relative;
}
.set-hospitality-more-details ul li::before,
.set-our-cilentweb::before {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #0062cc;
  content: '';
  top: 7px;
  left: -15px;
}
.set-our-cilentweb::before {
  top: auto;
  left: 0;
  bottom: 0;
  background-color: #686868;
  height: 1px;
  width: 8%;
}
/* .application-page .webimg .daashimg-1 {
  margin-top: -40px;
} */
/* .web-design .web-designingheadsection .webimg .daashimg-1 {
  margin-top: -80px;
} */
.cilent-otherpage .brand-img .image {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}
.set-our-cilentweb {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  opacity: 0.6;
}
.cilent-otherpage::after,
.cilent-otherpage::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 10%;
  background-image: linear-gradient(
    to bottom,
    rgb(248 248 251/0%),
    rgb(248 248 251) 100%
  );
  z-index: 9;
}
.web-designingheadsection .cilent-otherpage::after,
.web-designingheadsection .cilent-otherpage::before {
  position: absolute;
  background-image: none;
  z-index: 0;
}
.cilent-otherpage::before {
  left: 0;
  rotate: 90deg;
}
.cilent-otherpage::after {
  left: auto;
  rotate: 270deg;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu.industries-magamenu {
  width: 540px;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu.industries-magamenu
  ul
  li
  a.arrow-active:before {
  opacity: 0 !important;
}
.healthtestimonials-info .testimoniols-infodesc {
  height: 123px;
  max-height: 123px;
  font-size: 14px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-indent: 0;
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  text-align: center;
}
.healthtestimonials-info .testimoniols-name {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 11px;
  justify-content: center;
}
.web-design .otherpage-heading b::before {
  width: 18rem;
}
.sapinp-page .otherpage-heading b::before {
  width: 28rem;
  left: -7rem;
  top: 5rem;
  height: auto;
  right: 0;
}
.zoho-implementation-section .otherpage-heading b::before {
  width: 28rem;
  left: -9rem;
  top: 5rem;
  height: 4rem;
  right: 0;
}
.micro-imp-page .otherpage-heading b::before {
  width: 28rem;
  left: -15rem;
  height: 50%;
  top: 4rem;
  right: unset;
}
.set-clientbtn .left-section-cluth,
.set-clientbtn .right-sec-cluth {
  display: flex;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 7px;
}
.set-clientbtn .clutch-data {
  background: #fff;
  border-radius: 5px;
  padding: 9px;
  box-shadow: 0 2px 8px -3px rgb(0 0 0/10%);
}
.gjd-img-panel p,
.revie-on {
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
.revie-on {
  line-height: 16px;
  color: #262626a8;
}
.ind-item .testimoniols-img .image figure.menu-img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: unset;
  width: 90px;
  height: 90px;
}
.ind-item .menu-img span,
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul.set-indmenu
  li
  a
  .menu-img
  span {
  width: 22px;
  height: 22px;
  background-size: 269px auto;
  background-repeat: no-repeat;
  margin: auto;
}
.ind-item .menu-img span {
  background-position: 0 0;
  display: flex;
  flex: 0 0 auto;
  background-size: 600px auto;
  width: 50px;
  height: 50px;
}
.ind-item .menu-img .industries-img-01 {
  background-position: 0 0;
}
.ind-item .menu-img .industries-img-02 {
  background-position: -46px 0;
}
.ind-item .menu-img .industries-img-03 {
  background-position: -92px 0;
}
.ind-item .menu-img .industries-img-04 {
  background-position: -139px 0;
}
.ind-item .menu-img .industries-img-05 {
  background-position: -184px 0;
}
.ind-item .menu-img .industries-img-06 {
  background-position: -230px 0;
}
.ind-item .menu-img .industries-img-07 {
  background-position: -276px 0;
}
.ind-item .menu-img .industries-img-08 {
  background-position: -320px 0;
}
.ind-item .menu-img .industries-img-09 {
  background-position: -366px 0;
}
.ind-item .menu-img .industries-img-10 {
  background-position: -412px 0;
}
.ind-item .menu-img .industries-img-11 {
  background-position: -459px 0;
}
.ind-item .menu-img .industries-img-12 {
  background-position: -550px 0;
}
.ind-item .menu-img span.mad-subservice {
  background-size: 340px auto;
}
.ind-item .menu-img .industries-img-01.mad-subservice {
  background-position: 0 0;
}
.ind-item .menu-img .industries-img-02.mad-subservice {
  background-position: -50px 0;
}
.ind-item .menu-img .industries-img-03.mad-subservice {
  background-position: -96px 0;
}
.ind-item .menu-img .industries-img-04.mad-subservice {
  background-position: -145px 0;
}
.ind-item .menu-img .industries-img-05.mad-subservice {
  background-position: -194px 0;
}
.ind-item .menu-img .industries-img-06.mad-subservice {
  background-position: -240px 0;
}
.ind-item .menu-img .industries-img-07.mad-subservice {
  background-position: -288px 0;
}
.index-techno-section .funfacts-area {
  display: none;
}
.ind-item .testimoniols-infodesc p {
  font-size: 18px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;
}
.tools-img {
  margin: 0 0 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f9f9f9;
  display: flex;
}
.tools-img span {
  width: 30px;
  height: 30px;
  background-size: 180px auto;
  background-repeat: no-repeat;
  margin: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
}
.tools-payment-icon .tools-img-07 {
  transform: scale(1);
  background-position: unset;
  background-size: 30px;
}
.head-palttech.tools-palttech .nav-item.nav-link.active .tools-img span {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.head-palttech.tools-palttech .nav-item.nav-link.active text {
  color: #0069d9;
}
.tools-img .tools-img-02 {
  background-position: -30px 0;
}
.tools-img .tools-img-04 {
  background-position: -90px 0;
}
.menu-img .industries-img-02,
.menu-img .service-menu-02 {
  background-position: -21px 0;
}
.menu-img .industries-img-03,
.menu-img .service-menu-03 {
  background-position: -41px 0;
}
.menu-img .industries-img-04 {
  background-position: -63px 0;
}
.menu-img .industries-img-05 {
  background-position: -83px 0;
}
.menu-img .industries-img-06 {
  background-position: -103px 0;
}
.menu-img .industries-img-07 {
  background-position: -123px 0;
}
.menu-img .industries-img-08 {
  background-position: -144px 0;
}
.menu-img .industries-img-09 {
  background-position: -164px 0;
}
.menu-img .industries-img-10 {
  background-position: -185px 0;
}
.menu-img .industries-img-11 {
  background-position: -206px 0;
}
.menu-img .industries-img-12 {
  background-position: -226px 0;
}
.menu-img .industries-img-13 {
  background-position: -246px 0;
}
.startp-nav
  nav
  .navbar-nav
  .nav-item
  .dropdown_menu.mega-menu
  .services-menu-title
  ul.services-menuset
  li
  a
  .menu-img
  span {
  width: 22px;
  height: 22px;
  background-size: 145px auto;
  background-repeat: no-repeat;
  margin: auto;
}
.menu-img .service-menu-04 {
  background-position: -61px 0;
}
.menu-img .service-menu-05 {
  background-position: -82px 0;
}
.menu-img .service-menu-06 {
  background-position: -102px 0;
}
.menu-img .service-menu-07 {
  background-position: -124px 0;
}
.heromain-section {
  padding: 6rem 0 0.4rem;
}
.testimoniols-section .testimoniols-card .testimoniols-name {
  margin: 0 auto 0 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.glimpse-section-content01 .row .col-12:nth-child(2) a {
  border: 2px solid #000;
  border-radius: 23px;
}
.who-we-section::before,
section.faq-section.section-space.footer-join-us-space::before,
section.portfolio-section.section-space.footer-join-us-space.grayscale::before,
section.section-space.section-ourclient.footer-join-us-space:before,
section.section-space.section-privacy-policy.footer-join-us-space:before,
section.testimoniols-section.section-space.footer-join-us-space:before,
section.we-imp-sec:before,
section.wrapper.section-space.event-content.overflow-visible.grayscale.section-three::before {
  position: absolute;
  content: '';
  top: auto;
  bottom: -167px;
  left: 0;
  width: 100%;
  height: 168px;
  background-color: #f8f8fb;
  z-index: 9;
}
.work-flow-section,
.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-acc div,
.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .work-flow-content {
  background-color: #000;
}
.work-flow-section .work-flow-content {
  border-radius: 32px;
  padding: 0 90px;
}
.work-flow-more .btn {
  background-color: #fff;
  color: #940b92;
  text-transform: capitalize;
  box-shadow: 0 2px 15px -3px rgb(0 0 0/8%);
  border: 3px solid #e7e7e7;
  border-radius: 10px;
}
.work-flow-more .btn:hover {
  color: #fff;
  background: #940b92;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, 0.25);
  box-shadow: 0 13px 27px 0 rgb(0 98 204/30%);
  border-color: transparent;
}
.work-flow-section .faq-accset .btn.btn-link.collapsed {
  border-left: none;
  border-radius: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: auto 0.5s;
  color: #fff;
  text-transform: unset;
}
.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .faq-accset .btn.btn-link.collapsed {
  white-space: normal;
}
.work-flow-section .faq-small-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  width: 100%;
  max-width: 100%;
  margin: 30px 0;
}
.faq-acc .card-body::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #9a9a9a3b;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
.work-flow-section .faq-acc .card-body::after {
  width: 0;
  height: 0;
}
.faq-section .faq-acc .card-body::after {
  width: 67%;
}
.work-flow-section .card {
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.work-flow-section {
  z-index: 1;
  position: relative;
  padding: 40px 0 50px;
}
.faq-accset .btn.btn-link.collapsed:hover,
.faq-accset .btn.btn-link:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #61618257;
}
.work-flow-section .faq-accset .btn.btn-link:focus {
  text-decoration: none;
}
.work-flow-section .faq-accset .btn.btn-link svg path {
  fill: #00aeef;
  transition: 0.5s;
}
.faq-section.other-div .faq-acc {
  border-radius: 20px;
  position: relative;
  max-height: 310px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  padding: 0;
}
.faq-section.other-div .see-all-features {
  position: absolute;
  z-index: 100;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 220px;
}
.faq-section.other-div .see-all-features .see-all-btn {
  z-index: 100;
  background: -o-linear-gradient(bottom, #fff 0, hsl(0deg 0% 100%/83%));
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #fff),
    to(hsl(0deg 0% 100%/83%))
  );
  background: linear-gradient(0deg, #f8f8fb 0, hsl(240deg 27.27% 97.84%/61%));
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 28px 0;
}
.faq-acc.collaspse-data-table.active {
  max-height: 100%;
}
.faq-section.other-div .see-toggle {
  cursor: pointer;
  background: #fff;
  -webkit-box-shadow: 0 24px 50px 5px #00000012;
  box-shadow: 0 24px 50px 5px #00000012;
  border-radius: 16px;
  padding: 17px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 168%;
  letter-spacing: 0.2px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.industry-section-title {
  font-weight: 700;
  font-size: 38px;
  line-height: 57px;
  text-transform: capitalize;
  color: #333;
  margin-bottom: 0;
}
section.contact-from-section {
  background-color: #f8f8fb;
  position: relative;
}
section.contact-from-section:hover::after {
  background-image: url(../images/hom-form.png);
}
/* .testimonial-patch::before,
section.contact-from-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -130px;
  width: 100%;
  height: 130px;
  background-color: #f8f8fb;
} */
.contact-from-section .card-letsconnect .card-body {
  border: 0;
  border-radius: 0;
  padding: 0 70px 70px;
  background: 0 0;
  height: 100%;
  display: flex;
}
.contact-from-section .form-group label {
  position: absolute;
  top: -9px;
  left: 30px;
  z-index: 1;
  background-color: #fff;
  margin: 0;
  padding: 0 5px;
}
.contact-from-section .zcwf_col_fld .btn {
  padding: 14px 44px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #fff;
}
.contact-from-section .card-letsconnect .card {
  border-radius: 50px;
}
.contact-from-section .new-card {
  padding: 20px 0;
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 70px -20px #ddd;
  margin-left: 11px;
}
.contact-from-section .card-letsconnect {
  padding: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.contact-from-section .new-card .card-body {
  order: 2;
}
.blog-details-info div {
  margin-top: 35px;
}
.blogdetails-data-title {
  margin-top: 45px;
}
.rc-anchor-normal .rc-anchor-checkbox-label {
  width: 90px !important;
}
.blog-section .blog-data .overlay {
  position: unset;
  background: 0 0;
  padding: 0 20px;
}
.blog-section .blog-data .item {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 30px;
}
.blog-section .blog-data .item a:first-child {
  width: 591px;
  height: 392px;
  flex: none;
}
.blog-section .blog-photo figure.blog-img-figure {
  width: 100%;
  max-height: 100%;
  height: 100%;
}
.blog-section .letest-blog .blog-text .h4-style {
  display: block;
  max-height: 100%;
  height: unset;
  line-height: 1.5;
  margin: 0;
  font-weight: 600;
}
.blog-section .letest-blog .blog-text .h4-style a {
  height: 100%;
  width: 100%;
  flex: none;
}
.blog-section .owl-theme .owl-nav [class*='owl-']:hover {
  background: 0 0;
}
.blog-section .owl-theme .owl-nav .owl-next {
  right: -10px;
}
.blog-section .owl-theme .owl-nav .owl-prev {
  left: -10px;
}
.blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.blog-section .blog-text div ul li {
  list-style-type: none;
}
.blog-section .blog-text div ul li:last-child {
  margin-left: 12px;
}
.blog-section .blog-text div ul li .blogitem-img {
  border-radius: 100%;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: auto;
}
.blog-section .blog-text div ul li .blog-metaname {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #333;
}
.blog-section .blog-text div ul li .blog-date {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-align: left;
}
.blog-section .blog-text .blog-subtitle {
  margin: 10px 0;
  text-transform: unset;
}
.blog-section .blog-text .blog-subtitle a {
  color: #940b92;
  background-color: #0066ff26;
  padding: 5px 20px;
  border-radius: 32px;
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
}
.blog-section .blog-data .overlay .blog-text .blog-subtitle a {
  width: auto;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}
.blog-details .blog-d-post .card {
  background-color: transparent;
  border: none;
}
.blogdetailsdesc-img {
  overflow: hidden;
  margin: auto 0 30px;
  border-radius: 10px;
}
.blogdetailsdesc-img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.blog-details_des-text p img {
  font-size: 10px;
  line-height: normal;
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
}
.other-pgcasestdy-se {
  width: 1600px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 60px;
}
.other-pgcasestdy img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.casestudy-sec.other-div .casestudy-otherpage {
  background-color: #f8f8fb;
  z-index: 1;
  position: relative;
}
.casestudy-sec.other-div {
  background-color: #ebf3fe;
  padding-bottom: 0;
  padding-top: 30px;
}
.zoho-product-section .zohoproduct-mobile-slider:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -144px;
  top: auto;
  height: 144px;
  width: 100%;
  background-color: #f8f8fb;
}
.read-more-slider.owl-carousel .owl-item .more-case-button img {
  display: inline-block;
  width: 9px;
  height: 9px;
  max-width: 100%;
  max-height: 100%;
}
.faq-blog-section .card-header {
  padding: 0 1rem 1.5rem;
  background-color: transparent;
  border-bottom: none;
}
.faq-blog-section .card-header h3 {
  margin: 0;
  font-size: 22px;
  position: relative;
  padding: 0;
}
.faq-blog-section .card-header h3.faq-title.collapsed::before,
.faq-blog-section .card-header h3.faq-title::before {
  position: absolute;
  top: 0;
  right: -0.5rem;
}
.faq-blog-section .card-header h3.faq-title.collapsed::before {
  content: '+';
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.faq-blog-section .card-header h3.faq-title::before {
  content: '-';
}
.faq-blog-section .card {
  margin-bottom: 1.5rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.faq-blog-section .theme-title {
  margin: 1rem 0 2rem;
}
.faq-blog-section {
  margin-top: 3rem;
}
.sec-title.faq-titl {
  margin-bottom: 2rem;
}
.testimoniols-section .testimoniols-mobile-slider {
  padding-bottom: 5rem;
}
.testimoniols-section
  .testimoniols-mobile-slider.arrow-carousel.owl-theme
  .owl-nav
  .owl-next,
.testimoniols-section
  .testimoniols-mobile-slider.arrow-carousel.owl-theme
  .owl-nav
  .owl-prev {
  bottom: 2rem;
  top: unset;
}
.testimoniols-section
  .testimoniols-mobile-slider.arrow-carousel.owl-theme
  .owl-nav
  .owl-prev {
  left: 10%;
}
.row.blog-details-row-section {
  flex-direction: row-reverse;
}
.blog-details-hero-section .overlay {
  background: 0 0;
  position: unset;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.blog-details-hero-section .blogdetails-hero-img-section {
  flex: 0 0 50%;
}
.blog-details-hero-section .blog-subtitle p {
  font-weight: 600;
  display: inline-block;
  padding: 5px 15px;
  background-color: #fff;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  box-shadow: 0 0 25px #ddd;
  overflow: visible;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.blog-details-hero-section .blogitem-img {
  width: 50px;
  height: 50px;
}
.blog-details-hero-section .blogitem-img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
}
.blog-details-hero-section .bizblogitem ul {
  margin: 10px 0 0;
  padding: 0;
  gap: 20px;
}
.blog-details-hero-section figure,
.blog-details-hero-section figure img {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.blog-details-hero-section {
  display: flex;
  justify-content: space-around;
  gap: 40px;
  padding-bottom: 2rem;
}
.blog-details-content-theme {
  padding-top: 2rem;
  position: relative;
  margin-bottom: 4rem;
  background-color: #f8f8fb;
}
.bizblogitem h3 {
  font-size: 16px;
}
.faq-blog-section .faq .card {
  border-bottom: 1px solid #000 !important;
  padding: 0 15px 15px;
}
.blogdetails-data-title .faq-blog-section .faq .card .card-header {
  padding: 0 0 15px;
}
.mad-img img {
  height: 40px;
  width: 100%;
}
.mad-techno-img {
  gap: 1rem;
  margin-top: 1rem;
}
.section-space.service-page {
  background-color: #fff;
}
.section-space.ind-service {
  background-color: #f8f8fb;
}
.ind-service-row {
  gap: 2rem 0;
}
.ind-service-row .card {
  border-radius: 4px;
  border-color: transparent;
  box-shadow: 0 0 8px #6f6f6f38;
  max-height: 100%;
  height: 100%;
}
.ind-service .testimoniols-card::before {
  content: '';
  font-family: 'font awesome 5 pro';
  font-weight: 400;
  position: absolute;
  text-align: center;
  color: var(--primary);
  right: 0.5rem;
  top: 0.3rem;
  transform: rotate(45deg);
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}
.ind-service a:hover .testimoniols-card::before {
  right: 0.5rem;
  top: 0.3rem;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.ind-service .testimoniols-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: var(--primary);
}
@keyframes fox1 {
  100% {
    width: 100%;
  }
  0% {
    width: 0%;
  }
}
.ind-service a:hover .testimoniols-card::after {
  animation: fox 0.3s ease-in-out;
  -webkit-animation: fox 0.3s ease-in-out;
  width: 100%;
}
@keyframes fox {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.sec-title.sec-title-green .h2-style:before {
  border: 20px solid var(--blue);
}
a.hero-button.btn-change {
  background-color: #940b92;
  color: #fff;
}
a.hero-button.btn-change:hover {
  box-shadow: 0 9px 25px #919191 !important;
}
.m-form-group {
  gap: 0.1rem 1rem;
  flex-wrap: wrap;
}
.m-form-group select {
  flex: 0 0 24%;
  width: 18%;
  border: 1px solid #c0c6cc;
}
.m-form-group select:focus-visible {
  border-color: #000;
  outline: none;
}
.zcwf_row .zcwf_col_fld .m-form-group input {
  flex: 0 0 72%;
  width: 50% !important;
}
@media only screen and (min-width: 992px) {
  #header.is-sticky,
  #header.is-sticky .startp-nav,
  header,
  header .startp-nav,
  header#header,
  header#header .startp-nav {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
  }
  .sticky-sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 40px !important;
    height: 100% !important;
  }
  .startp-nav nav.navbar .navbar-collapse {
    width: 100%;
    position: fixed;
    top: auto;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: auto;
    border: 0;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    z-index: 99;
  }
  .startp-nav nav.navbar .navbar-collapse ul.navbar-nav {
    margin-right: auto !important;
    margin-left: auto !important;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 20px -10px #000;
  }
  .startp-nav nav.navbar .navbar-collapse ul.zoho-menu {
    box-shadow: 0 0 20px -10px var(--primary);
  }
  .navbar {
    padding: 10px 0;
  }
  .mobile_footer {
    display: none !important;
  }
  .services-item:nth-child(3n + 3) .service-popover {
    right: 0;
    left: 50%;
  }
  .footer-join-us .card {
    border-radius: 30px;
    margin-top: -100px;
  }
  .banner-mobile-slider.owl-carousel .owl-stage-outer,
  .industry-mobile-slider.owl-carousel .owl-stage-outer,
  .missviss-mobile-slider.owl-carousel .owl-stage-outer,
  .service-mobile-slider.owl-carousel .owl-stage-outer,
  .testimoniols-mobile-slider.owl-carousel .owl-stage-outer,
  .we-impact-mobile-slider.owl-carousel .owl-stage-outer,
  .weimpact-mobile-slider.owl-carousel .owl-stage-outer,
  .zohoone-mobile-slider.owl-carousel .owl-stage-outer,
  .zohopartner-mobile-slider.owl-carousel .owl-stage-outer,
  .zohoproduct-mobile-slider.owl-carousel .owl-stage-outer,
  .zohoservices-mobile-slider.owl-carousel .owl-stage-outer {
    overflow: visible !important;
    height: auto !important;
  }
  .banner-mobile-slider .owl-stage,
  .industry-mobile-slider .owl-stage,
  .missviss-mobile-slider .owl-stage,
  .product-mobile-slider .owl-stage,
  .service-mobile-slider .owl-stage,
  .testimoniols-mobile-slider .owl-stage,
  .we-impact-mobile-slider .owl-stage,
  .weimpact-mobile-slider .owl-stage,
  .zohoone-mobile-slider .owl-stage,
  .zohopartner-mobile-slider .owl-stage,
  .zohoproduct-mobile-slider .owl-stage,
  .zohoservices-mobile-slider .owl-stage {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    width: auto !important;
    transform: none !important;
    transition: none !important;
  }
  .missviss-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 15px;
  }
  .industry-mobile-slider .owl-stage .owl-item:hover,
  .missviss-mobile-slider .owl-stage .owl-item:hover,
  .service-mobile-slider .owl-stage .owl-item:hover,
  .testimoniols-mobile-slider .owl-stage .owl-item:hover,
  .weimpact-mobile-slider .owl-stage .owl-item:hover,
  .zohoone-mobile-slider .owl-stage .owl-item:hover,
  .zohopartner-mobile-slider .owl-stage .owl-item:hover,
  .zohoproduct-mobile-slider .owl-stage .owl-item:hover,
  .zohoservices-mobile-slider .owl-stage .owl-item:hover {
    z-index: 9;
  }
  .banner-mobile-slider .owl-stage .owl-item,
  .service-mobile-slider .owl-stage .owl-item,
  .testimoniols-mobile-slider .owl-stage .owl-item,
  .we-impact-mobile-slider .owl-stage .owl-item,
  .zohoone-mobile-slider .owl-stage .owl-item,
  .zohoservices-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
  }
  .product-mobile-slider.owl-carousel .owl-stage-outer {
    overflow: visible !important;
    height: auto !important;
    transform: none !important;
  }
  .product-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    float: none;
    transform: none !important;
  }
  .industry-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .weimpact-mobile-slider .owl-stage .owl-item,
  .zohoproduct-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .zohopartner-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
  }
  footer .footer-bottom-section {
    display: block !important;
    height: auto !important;
  }
  .appi-port-clocktext .middel-text {
    font-size: 18px;
  }
  .clock-dial-center-wrap .appi-port-list .tabs-list-content .tabs-list-scroll {
    padding: 0;
  }
  .clock-dial-center-wrap
    .appi-port-list
    .tabs-list-content
    .tabs-list-scroll
    .list-tabs {
    display: block;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    padding: 0;
  }
  .we-impact-mobile-slider {
    padding-bottom: 70px;
  }
  .we-impact-iteam.we-impact-top {
    top: 90px;
    position: relative;
  }
  .appi-ins-portfolio-right.serv-port-03-img figure.l1 {
    margin-bottom: 60px;
  }
  .services-box {
    max-width: 380px;
    height: 314px;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
    height: auto;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
    width: auto !important;
    transition: none !important;
    transform: none !important;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
    margin: 0 !important;
    flex: 0 0 400px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .services-item:nth-child(4n + 3) .service-popover,
  .services-item:nth-child(4n + 4) .service-popover {
    right: 0;
    left: 50%;
  }
  .contact-us-content {
    min-width: 500px;
  }
  .service-mobile-slider .owl-stage .owl-item,
  .zohoone-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
  }
  .missviss-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 15px;
  }
  .industry-mobile-slider .owl-stage .owl-item,
  .weimpact-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  .testimoniols-mobile-slider .owl-stage .owl-item,
  .zohoservices-mobile-slider .owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
  }
  .zohopartner-mobile-slider.owl-stage .owl-item {
    margin: 0 !important;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
  }
  .appi-port-clocktext {
    margin-bottom: 40px;
  }
  .appi-port-clocktext .middel-text {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .appi-port-clocktext .middel-text p {
    white-space: normal;
  }
}
@media only screen and (min-width: 1441px) {
  .container {
    max-width: 1350px;
  }
  .service-we-do-click {
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    max-width: 450px;
  }
  .service-we-do-content {
    -ms-flex: 0 0 calc(100% - 450px);
    flex: 0 0 calc(100% - 450px);
    max-width: calc(100% - 450px);
  }
  .service-tumb-slide {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    max-width: 400px;
  }
  .service-sec-slide {
    -ms-flex: 0 0 calc(100% - 400px);
    flex: 0 0 calc(100% - 400px);
    max-width: calc(100% - 400px);
  }
  .clock-dial-center-wrap {
    padding: 40px;
  }
  .appi-port-clocktext .middel-text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1560px) {
  .clock-dial-center-wrap {
    padding: 50px;
  }
  .appi-port-clocktext .middel-text {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .serv-port-sprint.sps-dm1 {
    margin-bottom: 70px;
  }
  .grayscale {
    filter: grayscale(100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
  }
  .grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
  .brand-img.grayscale,
  .client-slide .grayscale,
  .client-slider .grayscale {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
  .client-slide,
  .client-slider,
  .clients-trust-sec .clients-trust-slider {
    filter: grayscale(100%);
  }
  .client-slide:hover,
  .client-slider:hover,
  .clients-trust-sec .clients-trust-slider:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-80 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .page-title-area {
    padding-bottom: 50px;
    padding-top: 130px;
  }
  .main-banner .banner-form {
    padding: 50px;
    margin: 45px 0 !important;
  }
  .shape1,
  .shape2,
  .shape3,
  .shape4,
  .shape5,
  .shape7 {
    display: none;
  }
  .about-image {
    margin-bottom: 45px;
  }
  .page-title-area .shape8 {
    top: auto;
    right: auto;
    left: 20px;
    bottom: 20px;
  }
  #contactForm {
    margin-top: 45px;
  }
  .mean-container .mean-bar {
    padding: 10px 0 0;
  }
  .copyright-area {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shape1 {
    display: none;
  }
  .project-case-data {
    font-size: 15px;
  }
  .startp-nav nav .navbar-nav .nav-item a {
    margin-left: 10px;
    margin-right: 10px;
    padding: 8px 10px;
  }
  .project-case-title {
    font-size: 31px;
  }
  .startp-nav.p-relative
    nav
    .navbar-nav
    .nav-item
    .dropdown_menu
    li
    .dropdown_menu {
    left: auto;
    right: 245px;
  }
  .branding-section-title {
    font-size: 59px;
    line-height: 74px;
  }
}
@media only screen and (max-width: 1880px) {
  .hardware-page .otherpage-heading.other-zohoint b::before {
    width: 20rem;
  }
  .custom-software-development.inventory-page .otherpage-heading b::before {
    width: 13rem;
  }
  .otherpage-heading.othepage-wpfc {
    font-size: 50px;
    width: 95%;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    width: 14rem;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::before {
    right: 0.3rem;
    width: 14rem;
  }
  .micro-page .otherpage-heading.msd-int b::before {
    width: 19.5rem;
    top: 0;
    height: 100%;
    left: unset;
    right: -1rem;
  }
  section.web-Overview {
    padding: 50px 0 35px;
  }
  section.contact-from-section::after,
  section.contact-from-section:hover::after {
    width: 94%;
  }
  section.web-designingheadsection {
    padding: 0 0 4rem;
  }
  .heromain-section {
    padding: 1rem 0;
  }
  .sapinp-page .otherpage-heading b::before {
    width: 100%;
    left: 0;
    top: 0;
  }
  .zoho-implementation-section .otherpage-heading b::before {
    width: 28rem;
    left: -9rem;
    top: 5rem;
  }
  .micro-page .otherpage-heading b::before {
    width: 16.5rem;
  }
  .otherpage-heading,
  .proud-section-title {
    font-size: 50px;
  }
  .pwa-page .otherpage-heading b::before {
    width: 8rem;
  }
  .ecom-page .web-designingheadsection {
    padding: 0 0 1.5rem;
  }
  /* .application-page .webimg .daashimg-1 {
    margin-top: -40px;
  } */
  .hrms-page .otherpage-heading b::before {
    width: 14.8rem;
  }
  .desc-other {
    font-size: 16px;
  }
  .helth-herosection {
    padding: 2rem 0 7rem;
  }
  .share-case.active {
    right: auto;
  }
  .set-herobtnpther a,
  .tool-section.other-pagebg .consult-btn a,
  .value-we-deliver.other-div .consult-btn a,
  .web-Overview.other-div .overview-sec .hero-button {
    font-size: 14px;
    padding: 15px 24px;
  }
  .proud-img {
    max-width: 450px;
    max-height: 450px;
  }
  .webimg {
    height: 100%;
    max-height: 600px;
  }
  .webimg.webimg-seo {
    height: 100%;
    max-height: 481px;
  }
  .application-page .web-designingheadsection {
    padding: 2.2rem 0;
  }
  .proud-desc {
    font-size: 17px;
    max-width: 81%;
  }
  .study-herosection.web-designingheadsection {
    padding: 1rem 0 10rem;
  }
  .branding-img {
    max-height: 450px;
    min-height: 450px;
  }
  .branding-img,
  .branding-img img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
  }
  .ecom-page .webimg {
    max-height: 519px;
  }
  .android-page .otherpage-heading b::before {
    width: 100%;
  }
}
@media only screen and (max-width: 1600px) {
  .cookie-policy-popup img {
    max-width: 60px;
  }
  .cookie-policy-popup h3 {
    font-size: 18px;
  }
  .cookie-policy-popup p {
    font-size: 14px;
  }
  .cookie-policy-popup .modal-button_btn .btn {
    line-height: 1.5;
    font-size: 12px;
  }
  .cookie-policy-popup {
    max-width: 260px;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .appi-ins-portfolio-right.serv-port-04-img figure.l3,
  .serv-port-01-img figure.l1,
  .serv-port-01-img figure.l2,
  .serv-port-02-img figure.l1,
  .serv-port-02-img figure.l3,
  .serv-port-05-img figure.l1,
  .serv-port-05-img figure.l2,
  .serv-port-sprint.sps-dm1,
  .serv-port-sprint.sps-dm2 {
    -webkit-transform: scale(90%);
    -ms-transform: scale(90%);
    transform: scale(90%);
  }
  .sec-title.sec-title-blue .h3-style {
    font-size: 20px;
  }
  .share-case.active {
    left: auto;
    right: auto;
  }
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2 {
    -webkit-transform: scale(70%);
    -ms-transform: scale(70%);
    transform: scale(70%);
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .serv-port-02-img figure.l2,
  .serv-port-sprint.sps-dm1 {
    transform-origin: bottom left;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l3 {
    transform-origin: center right;
  }
  .serv-port-02-img figure.l1 {
    transform-origin: bottom right;
    right: calc(50% - 70px);
  }
  .serv-port-sprint.sps-dm2 {
    transform-origin: top right;
  }
  .serv-port-01-img figure.l1,
  .serv-port-03-img figure.l1,
  .serv-port-05-img figure.l1 {
    transform-origin: center center;
  }
  .serv-port-01-img figure.l2,
  .serv-port-02-img figure.l3,
  .serv-port-03-img figure.l2,
  .serv-port-05-img figure.l2 {
    transform-origin: top center;
  }
  .serv-port-02-img figure.l3 {
    left: -5%;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l2 {
    transform-origin: center left;
  }
  .serv-port-sprint.sps-kioclerk-web {
    height: calc(100vh + 80px);
  }
  .serv-port-02-img figure.l2 {
    left: calc(50% + 70px);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
    -webkit-transform: scale(70%) translateX(-40%);
    -ms-transform: scale(70%) translateX(-40%);
    transform: scale(70%) translateX(-40%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
    margin-top: -80px;
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
    -webkit-transform: scale(70%) translateX(40%);
    -ms-transform: scale(70%) translateX(40%);
    transform: scale(70%) translateX(40%);
    margin-top: -20px;
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01 {
    margin-top: 2%;
  }
  .other-pgcasestdy-se {
    width: 1330px;
    height: 641px;
  }
}
@media only screen and (max-width: 1550px) {
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .appi-ins-portfolio-right.serv-port-04-img figure.l3,
  .serv-port-01-img figure.l1,
  .serv-port-01-img figure.l2,
  .serv-port-02-img figure.l1,
  .serv-port-02-img figure.l3,
  .serv-port-05-img figure.l1,
  .serv-port-05-img figure.l2,
  .serv-port-sprint.sps-dm1,
  .serv-port-sprint.sps-dm2 {
    -webkit-transform: scale(80%);
    -ms-transform: scale(80%);
    transform: scale(80%);
  }
  .service-port-info-img .h4-style {
    margin-left: -6px;
  }
  .ecom-page .web-designingheadsection {
    padding: 0 0 1.5rem;
  }
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2 {
    -webkit-transform: scale(70%);
    -ms-transform: scale(70%);
    transform: scale(70%);
  }
  .serv-port-03-img figure.l1 {
    transform-origin: bottom left;
    left: 10%;
    right: auto;
  }
  .serv-port-03-img figure.l2 {
    transform-origin: top left;
    left: 0;
    right: auto;
  }
  .serv-port-sprint.sps-kioclerk-web {
    height: calc(100vh + 180px);
  }
  .client-section {
    top: 31rem;
    left: 19rem;
  }
  .faq-title .sec-title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1440px) {
  .saas-page .otherpage-heading b::before {
    width: 20rem;
  }
  .custom-software-development.inventory-page .otherpage-heading b::before {
    right: 0.5rem;
  }
  .blog-section .blog-data .overlay {
    padding: 0;
  }
  section.blog-details-content.blogdetails-info-space {
    padding-bottom: 7rem;
  }
  .service-we-do-click-content .service-we-do-click-title .h3-style {
    font-size: 60px;
  }
  a.hero-button {
    margin: 10px 0 15px;
  }
  .micro-page .otherpage-heading.msd-int b::before {
    width: 19.5rem;
    top: 4rem;
    height: 50%;
    left: unset;
    right: -1rem;
  }
  .section-space {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .testicase-desc p {
    height: 100%;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::before {
    width: 14rem;
    top: 4rem;
    height: 50%;
    right: 0.3rem;
    left: unset;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    width: 14rem;
    right: -5.5rem;
  }
  .micro-imp-page .otherpage-heading b::before {
    width: 28rem;
    right: -1rem;
    height: 50%;
    top: unset;
    left: unset;
  }
  .client-section {
    left: 16rem;
  }
  .set-sub-title {
    margin-top: 50px;
  }
  .main-banner .hero-content .solution-conte {
    font-size: 56px;
    line-height: 70px;
  }
  .start-check1 .start-check {
    color: #ffc107;
    font-size: 12px;
  }
  .mar-mobile {
    margin-top: 2rem;
  }
  .service-inner-text {
    height: 215px;
    display: -webkit-box;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .service-item .h2-style {
    font-size: 22px;
  }
  section.web-Overview {
    padding: 50px 0 20px;
  }
  .appi-port-left-content .pp-head {
    font-size: 20px;
    line-height: 1;
  }
  .appi-port-left-content .appi-pp-para,
  .industry-sec-img-content-title {
    font-size: 16px;
  }
  .crm-page .otherpage-heading b::before {
    width: 15.5rem;
    right: -16px;
  }
  .service-port-info-img {
    padding-bottom: 50px;
  }
  .hardware-page .otherpage-heading.other-zohoint b::before {
    width: 20rem;
    top: unset;
    left: unset;
    right: 0;
    bottom: 0;
    height: 50%;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
    flex: 0 0 355px;
  }
  .share-case.active {
    width: 350px;
  }
  .industry-section .mb-3 div .industry-img-sec::before {
    height: 86%;
  }
  .blog-details-more .blog-more-01 a span {
    width: 328px;
    height: 234px;
  }
  .contact-from-section .card-letsconnect .card.card-form-img {
    display: none;
  }
  .contact-from-section .card-letsconnect .row:first-child {
    display: grid;
    grid-template-columns: 1fr;
  }
  .contact-from-section .card-letsconnect .row:first-child .col-12 {
    margin: 0 auto;
  }
  section.contact-from-section::before {
    bottom: -148px;
    height: 148px;
    background-color: #f8f8fb;
  }
  section.contact-from-section::after,
  section.contact-from-section:hover::after {
    width: 93%;
    height: 98%;
    background-image: none;
  }
  .blog-otherpage .blogother-img {
    width: 320px;
    height: 203px;
  }
  .next-blog .blog-photo figure.blog-img-figure {
    min-height: 299px;
  }
  .sapinp-page .otherpage-heading {
    font-size: 41px;
    line-height: 43px;
  }
  .web-design .otherpage-heading {
    font-size: 45px;
  }
  .hrms-page .otherpage-heading b::before,
  .sap-page .otherpage-heading b::before {
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
  }
  .ios-page .otherpage-heading b::before {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
  }
  .web-design .otherpage-heading b::before {
    width: 15rem;
    height: auto;
    top: 0;
    left: -2%;
    right: 0;
  }
  .smo-page .otherpage-heading b::before {
    width: 11rem;
    top: -4px;
    right: 0;
    left: -4px;
    height: auto;
  }
  .smm-page .otherpage-heading b::before {
    width: 100%;
    left: 0;
    right: 0;
    height: auto;
    top: 0;
  }
  .seo-page .otherpage-heading b::before {
    height: auto;
    top: 0;
  }
  .sem-page .otherpage-heading b::before {
    height: auto;
    left: 4px;
  }
  .micro-page .otherpage-heading b::before {
    width: 18.5rem;
    right: 0;
    height: 50%;
    bottom: 0;
    top: unset;
  }
  .micro-page .web-designingheadsection {
    padding: 0 0 3rem;
  }
  .inventory-page .otherpage-heading b::before {
    width: 17.5rem;
    top: 0;
    height: 100%;
  }
  .pwa-page .otherpage-heading b::before {
    width: 8rem;
    right: 0;
    left: -6px;
    height: auto;
  }
  .window-forms-page .otherpage-heading.wfcs-heading b::before {
    width: 16.5rem;
    height: 47%;
    right: -33px;
    top: 50%;
  }
  .flutter-page .otherpage-heading b::before {
    width: 7.5rem;
    right: -5px;
  }
  .android-page .otherpage-heading b::before {
    width: 100%;
    left: 0;
    height: 78px;
  }
  .ecom-page .web-designingheadsection {
    padding: 0 0 1.5rem;
  }
  .application-page .web-designingheadsection {
    padding: 1rem 0 2rem;
  }
  .application-page .otherpage-heading b::before {
    width: 20rem;
    top: 0;
    height: 66px;
  }
  .ecom-page .otherpage-heading b::before {
    width: 15rem;
    left: -22.5rem;
  }
  .scroll-case {
    overflow-x: auto;
  }
  .case-list-button {
    grid-template-columns: 1fr 1fr;
  }
  .buttob-list {
    padding: 10px;
  }
  .scroll-case .nav-tabs {
    display: inline-flex;
    flex-wrap: nowrap;
    grid-gap: 0 10px;
    white-space: nowrap;
    width: auto;
    min-width: 100%;
    margin-bottom: 0;
  }
  .head-palttech .nav-tabs a {
    padding: 15px 31.3px;
  }
  .head-palttech .techno-index.nav-tabs a {
    padding: 19px 30.7px;
  }
  .testicase-desc::after {
    right: -20px;
  }
  .testicase-desc {
    width: 500px;
  }
  .btn-case a {
    min-width: 164px;
    font-size: 15px;
  }
  .industry-sec-img-content-data,
  .industry-sec-img-content-listing a {
    font-size: 14px;
  }
  .service-mobile-list.owl-carousel {
    width: 440px;
    height: 230px;
  }
  .service-mobile-list.owl-carousel .owl-stage-outer {
    height: 230px;
    bottom: 235px;
  }
  .service-mobile-list .owl-stage .owl-item .service-slide-list {
    transform: rotate(-90deg) translateX(-225px);
    width: 220px;
  }
  .serv-port-sprint.sps-kioclerk-web {
    height: calc(100vh + 280px);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
    -webkit-transform: scale(70%) translateX(-35%);
    -ms-transform: scale(70%) translateX(-35%);
    transform: scale(70%) translateX(-35%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
    -webkit-transform: scale(70%) translateX(35%);
    -ms-transform: scale(70%) translateX(35%);
    transform: scale(70%) translateX(35%);
  }
  .otherpage-heading b::before {
    height: 100%;
    top: -5px;
    left: auto;
    right: -22px;
    bottom: 0;
    margin: 4px 0;
  }
  .hardware-page .otherpage-heading b::before {
    width: 21rem;
    top: unset;
    height: 50%;
    left: unset;
    right: -6%;
    bottom: 0;
  }
  .zoho-implementation-section .otherpage-heading b::before {
    width: auto;
    left: -7rem;
    top: 3rem;
  }
  .btn-case .hero-button {
    margin: 25px 2px;
    padding: 17px 10px;
  }
  .service-mobile-list .service-slide-list {
    min-height: 80px;
  }
  .service-mobile-content .service-mobile-content-list {
    top: 8%;
  }
  .set-our-cilentweb::before {
    width: 9%;
  }
  .card-letsconnect .happen-form-content .contact-zoho-form {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .contact-from-section .card-letsconnect .card-body {
    padding: 0 30px 50px;
    height: 100%;
  }
  .blog-section .blog-data .item a {
    width: 100%;
    height: auto;
  }
  .blog-section .letest-blog .blog-text .h4-style {
    line-height: 1.5;
  }
  .blog-section .blog-data .item {
    padding: 20px 20px 30px;
  }
  .case-list-img {
    height: 230px;
  }
  .card-body {
    padding: 1rem;
  }
  .wwoffer-info {
    margin-bottom: 20px;
  }
  .wwoffer-title .sec-title {
    margin: 10px 0;
    line-height: 30px;
  }
  .other-pgcasestdy-se {
    width: 1199px;
    height: 585px;
  }
  .blog-details-hero-section h1 {
    font-size: 32px;
  }
  .ind-item .testimoniols-infodesc p {
    font-size: 16px;
  }
  .m-form-group select {
    flex: 0 0 22%;
    width: 18%;
  }
  .zcwf_row .zcwf_col_fld .m-form-group input {
    flex: 0 0 70%;
    width: 50% !important;
  }
  .single-footer-widget.footer-contact div:nth-child(2)::before {
    left: 0;
  }
}
@media only screen and (max-width: 1360px) {
  .otherpage-headin,
  .proud-section-title {
    font-size: 58px;
    line-height: 75px;
  }
  .micro-page .otherpage-heading {
    font-size: 44px;
  }
  .micro-page .otherpage-heading b::before {
    width: 100%;
    left: 0;
    height: auto;
    top: 0;
    right: 0;
  }
  .erp-page .otherpage-heading b::before {
    width: 16rem;
    right: 0;
    left: -11px;
    height: auto;
  }
  .sap-page .otherpage-heading b::before {
    height: auto;
    top: 0;
  }
  .crm-page .otherpage-heading b::before {
    width: 15.2rem;
    height: auto;
    top: 0;
    right: 0;
    left: 0;
  }
  .android-page .otherpage-heading b::before {
    height: 66px;
  }
  .ecom-page .web-designingheadsection {
    padding: 0 0 1.5rem;
  }
  .helth-ind-desc {
    font-size: 13px;
  }
  .set-overdes,
  .wwoffer-info .wwoffer-desc {
    font-size: 16px;
  }
  .set-overdes {
    line-height: 24px;
  }
  .clients-trust-figure {
    transform: scale(0.7);
  }
  .wwoffer-title .sec-title {
    font-size: 23px;
    font-weight: 600;
    line-height: 33px;
    margin: 15px 0 7px;
  }
  .helth-desc {
    font-size: 17px;
  }
  .helth-ind .set-herobtnpther {
    margin-top: 20px;
  }
  .ecom-page .otherpage-heading b::before {
    width: 14rem;
    left: -22rem;
  }
  .application-page .otherpage-heading b::before {
    width: 21rem;
  }
  .testicase-desc::after {
    right: -24px;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .appi-ins-portfolio-right.serv-port-04-img figure.l3,
  .serv-port-01-img figure.l1,
  .serv-port-01-img figure.l2,
  .serv-port-02-img figure.l1,
  .serv-port-02-img figure.l3,
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2,
  .serv-port-05-img figure.l1,
  .serv-port-05-img figure.l2,
  .serv-port-sprint.sps-dm1,
  .serv-port-sprint.sps-dm2 {
    -webkit-transform: scale(70%);
    -ms-transform: scale(70%);
    transform: scale(70%);
    -moz-transform: scale(70%);
    -o-transform: scale(70%);
  }
  .client-section {
    top: 33rem;
    left: 16rem;
  }
  .serv-port-02-img figure.l2 {
    -webkit-transform: scale(40%);
    -ms-transform: scale(40%);
    transform: scale(40%);
  }
  .serv-port-02-img figure.l3 {
    transform-origin: top left;
    left: 8%;
  }
  .otherpage-heading b::before {
    right: -33px;
  }
}
@media only screen and (max-width: 1199px) {
  .react-page .otherpage-heading b::before {
    right: -18px;
    width: 6.5rem;
  }
  .custom-software-development.inventory-page .otherpage-heading b::before {
    width: 10rem;
  }
  .blog-details-hero-section .bizblogitem ul {
    gap: 15px;
    list-style: none;
  }
  .blog-details-more .blog-more-01:first-child {
    padding-bottom: 40px;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l3,
  .saas-page .otherpage-heading b::before,
  .serv-port-07-img figure.l2,
  .single-footer-widget.footer-contact div:nth-child(2)::after,
  .window-forms-page .otherpage-heading b::before {
    right: 0;
  }
  .single-footer-widget.footer-contact div:nth-child(2)::before {
    left: -1rem;
  }
  .social-share-icon.sidebar ul.socialshare.pt-3 li {
    margin-bottom: 15px;
  }
  .blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
    -webkit-line-clamp: 5;
  }
  .blog-section .blog-data .item a:first-child {
    width: 450px;
    height: auto;
  }
  .micro-page .otherpage-heading.msd-int b::before {
    width: 13.8rem;
    top: 0;
    height: 100%;
    left: unset;
    right: -0.5rem;
  }
  .head-palttech .techno-index.nav-tabs a {
    padding: 14px 30.7px;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::before {
    width: 14rem;
    top: 3.3rem;
    height: 46%;
    right: -0.5rem;
    left: unset;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    width: 14rem;
    right: -6.4rem;
    top: 0.4rem;
  }
  .casesmall-title h3.h2-style {
    text-align: center;
  }
  .testicase-desc::after,
  .testicase-desc::before {
    content: '';
    position: unset;
  }
  .micro-imp-page .otherpage-heading b::before {
    width: 22rem;
  }
  .head-palttech .nav-tabs {
    display: inline-flex;
    flex-wrap: nowrap;
    grid-gap: 0 10px;
    white-space: nowrap;
    width: auto;
    min-width: 100%;
  }
  .head-palttech {
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    max-height: 99px;
    border-radius: 11px;
  }
  .plat-section {
    padding: 0 15px;
  }
  .btn-case .hero-button,
  .tools-technologies-sec .btn-techno a.btn-index {
    margin: 0;
  }
  .main-banner .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .ten-ind .webimg {
    margin: 20px auto 0;
  }
  .blog-details-more .blog-more-01 a span {
    width: 425px;
    height: 302px;
  }
  .web-design .otherpage-heading b::before {
    width: 13rem;
  }
  .whatsapp-page .otherpage-heading b::before {
    width: 5rem;
  }
  .work-flow-section .work-flow-content {
    padding: 0 30px;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage {
    column-gap: 10px;
  }
  .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
    flex: 0 0 302px;
  }
  .service-mobile-list .owl-stage .owl-item,
  section.read-more-casestudy {
    padding: 0;
  }
  .share-case.active {
    width: 210px;
  }
  .work-flow-section .faq-accset .btn span {
    margin-right: 15px;
  }
  .blog-otherpage .blogother-img {
    width: 260px;
    height: 165px;
  }
  .main-banner .hero-content .solution-conte {
    font-size: 41px;
    line-height: 54px;
  }
  .sapinp-page .otherpage-heading {
    font-size: 35px;
  }
  .smo-page .otherpage-heading b::before {
    width: 100%;
    left: 0;
  }
  .hardware-page .otherpage-heading b::before {
    width: 17.2rem;
    left: unset;
    top: unset;
    height: 50%;
    bottom: 0;
    right: 0;
  }
  .hardware-page .otherpage-heading.other-zohoint b::before {
    width: 15.7rem;
    left: unset;
    top: unset;
    height: 100%;
    bottom: 0;
    right: 0;
  }
  .about-title-right .h1-style,
  .about-title-right h1,
  .main-banner .hero-content .h1-style,
  .main-banner .hero-content h1,
  .micro-page .otherpage-heading {
    font-size: 36px;
  }
  .sap-page .otherpage-heading b::before {
    width: 100%;
    top: 0;
    height: auto;
    left: 0;
    right: 0;
  }
  .inventory-page .otherpage-heading b::before {
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
  }
  .crm-page .otherpage-heading b::before,
  .saas-page .otherpage-heading b::before,
  .sem-page .otherpage-heading b::before,
  .seo-page .otherpage-heading b::before,
  .window-forms-page .otherpage-heading b::before {
    width: 100%;
  }
  .erp-page .otherpage-heading b::before {
    width: 12rem;
  }
  .pwa-page .otherpage-heading b::before {
    width: 7rem;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .erp-page .otherpage-heading b::before,
  .sem-page .otherpage-heading b::before,
  .serv-port-02-img figure.l3,
  .serv-port-07-img figure {
    left: 0;
  }
  .window-forms-page .otherpage-heading.wfcs-heading b::before {
    width: 12.5rem;
    height: 100%;
    right: -10px;
    top: 0;
  }
  .saas-page .otherpage-heading b::before {
    height: auto;
  }
  .wpf-charp .otherpage-heading b::before {
    top: 3rem;
    left: -13rem;
    width: 18rem;
  }
  .flutter-page .otherpage-heading b::before {
    width: 6.2rem;
    height: 62px;
  }
  .wwoffer-info .wwoffer-title .sec-title {
    font-size: 20px;
    line-height: 34px;
    margin: 15px 0 5px;
  }
  .wwoffer-info {
    margin-bottom: 20px;
  }
  .wwoffer-info .wwoffer-desc {
    font-size: 13px;
  }
  .application-page .otherpage-heading b::before {
    height: 55px;
    width: 15.7rem;
    right: -10px;
  }
  .web-design .otherpage-heading {
    font-size: 38px;
  }
  .web-design .web-designingheadsection {
    padding: 0 0 7rem;
  }
  .webimg {
    max-height: 100%;
  }
  .application-page .web-designingheadsection {
    padding: 0 0 1rem;
  }
  .page-title-area,
  .somting-spacial-sec {
    padding-bottom: 0;
  }
  .buttob-list {
    padding: 10px 5px;
  }
  .case-list-img {
    height: 188px;
  }
  .more-case-button::before {
    width: 56%;
  }
  .ecom-page .otherpage-heading b::before {
    width: 11.6rem;
    top: 3rem;
    height: 48px;
    left: -18rem;
  }
  .head-palttech .nav-tabs a {
    padding: 15px 26px 13px;
  }
  .other-pgcasestdy::before {
    right: -5%;
    height: 30%;
    top: -34%;
  }
  .other-pgcasestdy::after {
    bottom: -14%;
    left: -5%;
  }
  .main-banner .hero-content p {
    font-size: 17px;
  }
  .about-title-right .h4-style,
  .about-title-right h4,
  .service-item .h2-style,
  .services-list-item .card .card-body .card-content-title .h4-style,
  .services-list-item .card .card-body .card-content-title h4 {
    font-size: 22px;
  }
  .blog-data.part-blog.small-screen-blog .blog-photo figure.blog-img-figure {
    min-height: 0;
    padding-bottom: 48% !important;
  }
  .blog-data.part-blog.small-screen-blog .blog-text {
    margin: auto;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0 0;
  }
  .contact-us-content .h2-style,
  .contact-us-content h2,
  .mission-vission-sec .box .core-values-sec .h4-style,
  .mission-vission-sec .box .core-values-sec h4,
  .mission-vission-sec .box .our-services .h4-style,
  .mission-vission-sec .box .our-services h4 {
    font-size: 21px;
  }
  .about-sec-list,
  .appi-port-left-content .appi-pp-para,
  .lead,
  .mission-vission-sec .miss-viss-desc p {
    font-size: 16px;
  }
  .blog-data.part-blog.small-screen-blog .blog-photo {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .blog-data.part-blog.small-screen-blog .blog-deta-desc {
    -webkit-line-clamp: 2;
    max-height: 33px;
    height: 33px;
  }
  .blog-data.part-blog.small-screen-blog .title.title-sm,
  .blog-data.part-blog.small-screen-blog .title.title-sm a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 23px;
    height: 23px;
    -webkit-line-clamp: 1;
  }
  .other-service-card {
    margin-bottom: 25px;
  }
  .zoho-one-header .zoho-one-nav {
    transform: translateX(0);
  }
  .glimpse-data .h3-style,
  .glimpse-data h3,
  .page-join-us .card .card-body .h4-style,
  .page-join-us .card .card-body h4 {
    font-size: 18px;
  }
  .industry-sec-main-img figure {
    height: 410px;
  }
  .industries-sec-page .industry-sec-main-img figure {
    height: 488px;
  }
  .industry-sec-img-content {
    padding: 30px 15px;
  }
  .industry-sec-main-content {
    padding: 0 0 42px;
  }
  .industry-img-sec {
    padding: 30px 0 0;
  }
  .glimpse-data .h2-style,
  .glimpse-data h2,
  h1.h2-style {
    font-size: 33px;
  }
  .open-roles-title .h3-style,
  .open-roles-title h2 {
    font-size: 50px;
  }
  .blog-details-hero-section h1,
  .contact-us-form-wrap .section-title,
  .page-join-us .card .card-body .h2-style,
  .page-join-us .card .card-body h2 {
    font-size: 28px;
  }
  .section-space {
    padding-top: 50px;
    padding-bottom: 65px;
  }
  .partner-banner .row .col-12:last-child {
    margin: 0 auto;
  }
  .appi-port-left-content .pp-head,
  .founder-desc p,
  .value-title {
    font-size: 20px;
  }
  .sec-title h2,
  .section-block-title .h2-style,
  .section-block-title h2 {
    font-size: 34px;
  }
  .about-title-left .h3-style,
  .about-title-left h3 {
    font-size: 23px;
  }
  .service-tumb-slide {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
  }
  .service-sec-slide {
    -ms-flex: 0 0 calc(100% - 300px);
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
  .service-sec-slide-content {
    -ms-flex: 0 0 calc(100% + 100px);
    flex: 0 0 calc(100% + 100px);
    max-width: calc(100% + 100px);
  }
  .services-box .services-box-text .h3-style,
  .services-box .services-box-text h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    min-height: 30px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .appi-pp-para ul.appi-cont li span:before {
    top: 5px;
  }
  .brand-sm-img.brand-img .brandimg-figure {
    margin: auto;
    transform: scale(0.8);
  }
  .service-mobile-list.owl-carousel {
    width: 370px;
    height: 190px;
  }
  .service-mobile-list.owl-carousel .owl-stage-outer {
    height: 190px;
    bottom: 195px;
  }
  .service-mobile-list .owl-stage .owl-item .service-slide-list {
    transform: rotate(-90deg) translateX(-185px);
    width: 180px;
    min-height: 70px;
  }
  .service-mobile-content .service-mobile-content-list .h3-style {
    margin: 10px 0;
  }
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2 {
    -webkit-transform: scale(60%);
    -ms-transform: scale(60%);
    transform: scale(60%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
    width: 30%;
  }
  .payroll-page .otherpage-heading b::before {
    top: 3rem;
    width: 14rem;
    height: 50%;
    right: unset;
    left: -18rem;
  }
  .payroll-page.mobile-app-development .otherpage-heading b::before {
    width: 19rem;
    left: -15rem;
  }
  .otherpage-heading,
  .proud-section-title {
    line-height: 49px;
    font-size: 40px;
  }
  .mar-mobile,
  .value-we-deliver a.hero-button {
    margin-top: 0;
  }
  .client-section {
    top: 27rem;
    left: 13rem;
  }
  .other-div .service-port-clients .brand-sm-img li.image1 {
    margin-left: -6px;
    height: 90px;
    width: 90px;
  }
  .other-div .brand-sm-img.brand-img .brandimg-figure {
    margin: auto;
    transform: scale(0.5);
  }
  .other-div .service-port-clients .service-port-info-img.active .brand-sm-img {
    transform: translateY(-48px);
  }
  .testicase-desc::after {
    top: 26px;
    left: auto;
    right: 0;
  }
  .btn-case a {
    min-width: 130px;
    font-size: 12px;
  }
  .testicase-desc {
    width: 374px;
  }
  .value-small-desc {
    font-size: 15px;
    line-height: 22px;
  }
  .service-we-do-click-content .service-we-do-click-title .h3-style,
  .service-we-do-click-content .service-we-do-click-title h3 {
    font-size: 59px;
  }
  .rc-anchor-normal .rc-anchor-checkbox-label {
    width: 100px !important;
  }
  .set-our-cilentweb::before {
    width: 11%;
  }
  .industry-section .mb-3 div .industry-img-sec::before {
    height: 90%;
    top: 50px;
    width: 95%;
  }
  .faq-section .faq-acc .card-body,
  .faq-section .faq-accset {
    padding-left: 120px;
    padding-right: 120px;
  }
  .faq-section .faq-acc .card-body::after {
    width: 74%;
  }
  .faq-section.other-div .see-all-features {
    padding: 0 120px;
  }
  .blog-section .blog-data .item a {
    width: 417px;
    height: 260px;
  }
  .other-pgcasestdy-se {
    width: 1024px;
    height: 448px;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .other-pgcasestdy::before {
    right: -5%;
    height: 30%;
    top: -38%;
    width: 14%;
  }
  .service-inner-text {
    height: 100%;
    max-height: 100%;
    display: -webkit-box;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .other-pgcasestdy::after {
    bottom: -14%;
    left: -6%;
    height: 31%;
    width: 14%;
  }
  section.wrapper.section-space.event-content.grayscale.section-one {
    padding: 0;
  }
  .other-pgcasestdy-se {
    width: 991px;
    height: 434px;
  }
  .zoho-one-nav-content ul li .zohoone-link img {
    max-width: 22px;
  }
  .sec-title h2 {
    font-size: 25px;
  }
  .service-item .h2-style {
    font-size: 22px;
  }
  .open-roles-title .h3-style,
  .open-roles-title h2 {
    font-size: 40px;
  }
  .grayscale {
    filter: grayscale(0%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-filter: grayscale(0%);
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
  }
}
@media only screen and (max-width: 991px) {
  .industry-section div div,
  .overviewimg {
    position: relative;
  }
  .custom-software-development.inventory-page .otherpage-heading b::before {
    width: 11rem;
  }
  .mad-technology div {
    justify-content: center;
  }
  .mad-technology .set-our-cilentweb::before {
    left: 42%;
  }
  .blog-details-row-section .col-12.col-lg-3.sticky-sidebar,
  .blog-section .owl-theme .owl-nav .owl-next,
  .blog-section .owl-theme .owl-nav .owl-prev,
  .card-letsconnect .card-form-img,
  .client-section,
  .other-pgcasestdy::after,
  .other-pgcasestdy::before,
  .service-we-do-click,
  .startp-mobile-nav nav .navbar-nav .nav-item a svg,
  .startp-nav nav.navbar-light .header-contact-info .dropdown-content,
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    display: none;
  }
  .blog-details-content .sec-title.sec-title-blue {
    width: 570px;
    margin: 0 auto 60px;
  }
  .blog-section .blog-data .item a:first-child,
  .other-pgcasestdy-se {
    width: auto;
    height: auto;
  }
  section.blog-details-content.blogdetails-info-space {
    padding-bottom: 4rem;
  }
  .single-footer-widget.footer-contact {
    flex-direction: column;
    gap: 3rem;
  }
  .single-footer-widget.footer-contact div {
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-footer-widget.footer-contact div:nth-child(2)::after {
    right: 0;
    height: 3px;
    width: 100%;
    top: -1.5rem;
    opacity: 1;
  }
  .footer-bottom-section:not(:first-child) .col-lg-4.col-md-6.col-xs-6.mb-4 {
    flex: 33%;
    width: 100%;
  }
  .single-footer-widget.footer-contact div:nth-child(2)::before {
    left: 0;
    top: unset;
    bottom: -1.5rem;
    height: 3px;
    width: 100%;
  }
  .col-12.footer-new-address {
    padding: 0 15px;
  }
  .single-footer-widget.footer-contact div:nth-child(3) .footer-three-address {
    padding-left: 0;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::before {
    width: 28rem;
    top: 0;
    height: 94%;
    right: -0.5rem;
    left: unset;
  }
  .otherpage-heading.othepage-wpfc {
    line-height: 62px;
  }
  .glimpse-section-image .glimpse-title {
    width: 100%;
    height: 18%;
    margin: auto 0 0;
    display: block;
  }
  .blog-details-hero-section,
  .glimpse-title,
  .startp-nav
    nav.navbar-light
    .top-header-contact
    .header-social
    .social-links
    li.social-title {
    display: block;
  }
  .glimpse-section-image:hover figure:before {
    opacity: 1;
    height: auto;
  }
  .glimpse-section-image figure:before {
    content: '';
    display: block;
    width: 100%;
    bottom: 0;
    top: unset;
    background: #161616bd;
    opacity: 1;
    height: 22%;
    margin: auto;
    border-radius: 0 0 20px 20px;
    backdrop-filter: blur(1px);
    overflow: hidden;
    -webkit-backdrop-filter: saturate(180%) blur(2px);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
  }
  .payroll-page .otherpage-heading b::before {
    top: 0;
    width: 13rem;
    height: 100%;
    right: -1rem;
    left: unset;
  }
  .payroll-page.mobile-app-development .otherpage-heading b::before {
    width: 19rem;
    left: -0.5rem;
  }
  .testi-logo {
    margin: 20px auto 0;
  }
  .otherpage-heading,
  .proud-desc,
  .proud-section,
  .proud-section-title,
  .somting-spacial-info .about-company-link,
  .testicase-desc p {
    text-align: center;
  }
  .clients-trust-info,
  .copyright-area {
    margin-top: 0;
  }
  .open-roles-header .h4-style,
  .open-roles-header h4,
  .title-overview h2 {
    font-size: 20px;
  }
  .micro-imp-page .otherpage-heading b::before {
    height: 100%;
    width: 23rem;
  }
  .modal-content {
    margin-bottom: 100px;
  }
  .clock-dial-center-wrap .appi-port-list,
  .faq-section .faq-acc .card-body::after,
  .share-case.active,
  .testicase-desc {
    width: 100%;
  }
  .head-palttech .nav-tabs a {
    padding: 15px 26px;
  }
  section.web-Overview {
    padding: 50px 0 30px;
  }
  .android-page .web-designingheadsection,
  .application-page .web-designingheadsection,
  .crm-page .web-designingheadsection,
  .ecom-page .web-designingheadsection,
  .erp-page .web-designingheadsection,
  .flutter-page .web-designingheadsection,
  .hardware-page .web-designingheadsection,
  .hrms-page .web-designingheadsection,
  .inventory-page .web-designingheadsection,
  .ios-page section.web-designingheadsection,
  .micro-page .web-designingheadsection,
  .pwa-page .web-designingheadsection,
  .react-page section.web-designingheadsection,
  .saas-page .web-designingheadsection,
  .sap-page .web-designingheadsection,
  .sem-page .web-designingheadsection,
  .seo-page .web-designingheadsection,
  .smm-page .web-designingheadsection,
  .smo-page .web-designingheadsection,
  .web-design .web-designingheadsection,
  .whatsapp-page .web-designingheadsection,
  .window-forms-page .web-designingheadsection,
  .wpf-charp .web-designingheadsection,
  section.web-designingheadsection {
    padding: 0 0 2rem;
  }
  .overviewimg {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 25px auto 55px;
    border-radius: 14px;
  }
  .blog-nav-tab {
    margin: 20px 10px;
  }
  .card-letsconnect .happen-form-content .contact-zoho-form {
    padding: 16px;
  }
  .contact-from-section .sec-title {
    margin: 0 !important;
  }
  .hardware-page .otherpage-heading.other-zohoint b::before {
    width: 16.5rem;
  }
  .whatsapp-page .otherpage-heading b::before {
    width: 4.5rem;
  }
  .casestudy-sec.other-div {
    padding-bottom: 0;
    padding-top: 0;
  }
  .industry-img .industry-img-sec .webimg {
    max-height: 532px;
    width: 532px;
    margin: 0 auto;
  }
  .case-list-img {
    height: 217px;
  }
  .zoho-implementation-section .otherpage-heading b::before {
    width: auto;
    left: 0;
    top: 0;
  }
  .contact-from-section .new-card,
  .industries-text .h2-style,
  .page-join-us,
  .service-port-info-img {
    margin: 0;
  }
  .sec-title .h2-style b {
    line-height: 1.5;
  }
  .blog-details-content .sec-title.sec-title-blue .h2-style b,
  .glimpse-data .h2-style,
  .glimpse-data h2,
  .sec-title .h2-style,
  .sec-title .h2-style b,
  .sec-title h2 {
    font-size: 28px;
  }
  .blog-details_des-text h3,
  .contact-us-form-wrap .section-title,
  .page-join-us .card .card-body .h2-style,
  .page-join-us .card .card-body h2 {
    font-size: 24px;
  }
  .blog-details-more .blog-more-01 a span {
    width: 310px;
    height: 220px;
  }
  .industry-sec-img-content-listing {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 0;
    margin: 0 30px;
    text-align: center;
  }
  .industry-sec-img-content-listing figure {
    margin: 0 auto 11px;
  }
  .appi-ins-portfolio-right.serv-port-03-img.active,
  .industry-section,
  .page-title-area {
    padding-bottom: 0;
  }
  .industry-section div div:nth-child(odd) .col-lg-6.mx-auto {
    order: 1;
  }
  .industry-section div div:nth-child(odd) .col-lg-6 {
    order: 2;
  }
  .industries-sec-body
    .industries-sec-item:nth-child(2n)
    .industry-img-sec
    .webimg,
  .industries-sec-body
    .industries-sec-item:nth-child(odd)
    .industry-img-sec
    .webimg {
    margin: 0 auto;
  }
  .industries-sec-page .industry-sec-main-img figure {
    height: 600px;
  }
  .industry-sec-img-content .industry-sec-img-content-data {
    margin: 25px 34px 0;
  }
  .industry-sec-img-content-listing div:first-child a::before {
    top: 4px;
    left: unset;
    right: 5px;
  }
  .industry-sec-img-content-listing div:nth-child(2) a::before {
    top: -3px;
    left: unset;
    right: 0;
  }
  .industry-sec-img-content-listing div:nth-child(4) a::before {
    top: -3px;
    left: unset;
    right: 40px;
  }
  .industry-sec-img-content-listing div:nth-child(5) a::before {
    top: -6px;
    left: unset;
    right: 27px;
  }
  .industry-sec-img-content-listing div:nth-child(6) a::before {
    top: -3px;
    right: 40px;
  }
  .industry-sec-img-content-listing div:nth-child(7) a::before {
    top: -6px;
    left: unset;
    right: 34px;
  }
  .industry-sec-img-content-listing div:nth-child(9) a::before {
    top: 0;
    left: unset;
    right: 10px;
  }
  .industry-sec-img-content-listing div:nth-child(10) a::before {
    top: 0;
    left: unset;
    right: 17px;
  }
  .industry-sec-img-content-listing div:nth-child(12) a::before {
    top: 0;
    left: unset;
    right: 20px;
  }
  .industry-sec-img-content-listing div:nth-child(13) a::before {
    top: 0;
    left: unset;
    right: 44px;
  }
  .blog-otherpage .blogother-img {
    width: 100%;
    height: 191px;
  }
  .testi-smallde {
    border-right: none;
  }
  .desc-other,
  .faq-small-desc,
  .proud-desc {
    max-width: 100%;
  }
  .blogother-title,
  .founder-desc p,
  .h4-style,
  .open-roles-row .h3-style,
  .open-roles-row h3 {
    font-size: 18px;
  }
  .window-forms-page .otherpage-heading b::before {
    width: 100%;
    height: auto;
  }
  .hardware-page .otherpage-heading b::before {
    width: 100%;
    left: 5px;
    top: 0;
    right: 0;
    height: 100%;
  }
  .wpf-charp .otherpage-heading b::before {
    top: 0;
    left: 0;
    width: 100%;
  }
  .flutter-page .otherpage-heading b::before {
    height: 57px;
  }
  .share-case.active {
    position: unset;
  }
  .android-page .otherpage-heading b::before {
    height: 56px;
    left: -5px;
  }
  .clients-trust-figure {
    height: 61px;
  }
  .wwoffer-info .wwoffer-title .sec-title {
    font-size: 17px;
  }
  .overview-sec .set-overdes,
  .set-hospitality-more-details {
    font-size: 13px;
  }
  .helth-timer {
    padding: 0 9px;
  }
  .helth-desc {
    font-size: 15px;
    line-height: 25px;
  }
  .industry-img {
    margin-top: 50px;
  }
  .helth-ind .helth-desc {
    margin: 15px 0;
  }
  .branding-section-title {
    font-size: 47px;
    line-height: 78px;
  }
  .branding-button {
    margin-bottom: 36px;
  }
  .project-case-title {
    font-size: 30px;
    line-height: 48px;
  }
  .tech-img {
    width: 80px;
    height: 68px;
  }
  .project-case-data {
    font-size: 15px;
  }
  .more-case-button::before {
    width: 50%;
  }
  .study-herosection.web-designingheadsection {
    padding: 1rem 0 2rem;
  }
  .ecom-page .otherpage-heading b::before {
    width: 100%;
    top: 0;
    left: 0;
  }
  .service-inner-text {
    -webkit-line-clamp: unset;
    height: 100%;
  }
  .btn-case a {
    min-width: 166px;
  }
  .btn-case,
  .seection-otherdesc {
    margin-top: 20px;
  }
  .mar-mobile {
    margin-top: 4rem;
  }
  .subtitle-otherpage h2 {
    font-size: 25px;
  }
  .other-casedesc p {
    font-size: 14px;
    line-height: 21px;
  }
  .blog-desc,
  .glimpse-data .h3-style,
  .glimpse-data h3,
  .main-banner .hero-content p,
  .open-roles-row .h4-style,
  .open-roles-row h4,
  .page-join-us .card .card-body .h4-style,
  .page-join-us .card .card-body h4 {
    font-size: 16px;
  }
  .faq-small-title,
  .open-roles-title .h3-style,
  .open-roles-title h2 {
    font-size: 35px;
  }
  .manu-overview {
    white-space: nowrap;
    overflow-x: scroll;
  }
  .otherpage-heading,
  .proud-section-title {
    font-size: 42px;
  }
  .application-page .otherpage-heading b::before {
    width: 16.2rem;
  }
  .set-herobtnpther,
  .share-case {
    display: flex;
    justify-content: center;
  }
  .otherpage-heading b::before {
    top: 0;
    width: 15rem;
    left: -7px;
  }
  .blog-section,
  .main-banner .hero-content {
    margin-bottom: 30px;
  }
  .blog-otherpage {
    padding: 30px 0 40px;
  }
  .faq-title,
  .service-port-img {
    padding: 0 0 20px;
  }
  .desc-other {
    text-align: center;
    margin-top: 18px;
  }
  .web-designingheadsection .panel-set .hero-button {
    margin: 25px 0;
  }
  .contact-us-form-wrap,
  .manu-overview li {
    padding: 20px;
  }
  .set-overdes {
    font-size: 15px;
    line-height: 20px;
  }
  .title-overview h3 {
    font-size: 30px;
  }
  .overviewimg::before {
    width: 159px;
    height: 127px;
  }
  .overviewimg::after {
    top: 60%;
    background-size: 120px;
  }
  .case-testimonial {
    margin: 50px 0 0;
  }
  .case-testi .btn-case .hero-button {
    margin: 12px 15px;
  }
  .item-case:first-child {
    padding: 0 20px 0 0;
  }
  .casestudy-smalldesc {
    gap: 20px;
  }
  .set-btn-tesicase {
    border-left: 1px solid transparent;
    justify-content: center;
  }
  .scroll-overlay:first-of-type {
    left: 0;
    opacity: 0;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  }
  .scroll-overlay:last-of-type {
    right: 0;
    background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  }
  .scroll-overlay {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 70px;
    z-index: 5;
    pointer-events: none;
    transition: opacity 0.2s;
  }
  a.hero-button {
    margin-top: 10px;
  }
  .tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs .nav-link {
    margin: 0 20px;
  }
  .main-banner .hero-content .solution-conte {
    font-size: 34px;
    line-height: 40px;
  }
  .blog-details-info p {
    font-size: 14px !important;
    line-height: 25px;
  }
  .blog-details .sec-title .h2-style {
    font-size: 22px;
  }
  .inner-glimpse-overview-sec:before {
    width: 45%;
  }
  .mission-vission-sec .box .core-values-sec .h4-style,
  .mission-vission-sec .box .core-values-sec h4,
  .mission-vission-sec .box .our-services .h4-style,
  .mission-vission-sec .box .our-services h4 {
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--paragraph-color);
  }
  .mission-vission-sec .miss-viss-desc p {
    margin-bottom: 3px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
  }
  .employee-speak-sec {
    padding: 30px 0 0;
  }
  .glimpse-wrapper-sec.section-space {
    padding-top: 0;
    padding-bottom: 0;
  }
  .services-list-item .card .card-body .card-content-title .h4-style,
  .services-list-item .card .card-body .card-content-title h4 {
    font-size: 19px;
  }
  .open-roles-header .h3-style,
  .open-roles-header h3 {
    font-size: 23px;
  }
  .appi-port-clocktext .middel-text {
    font-size: 14px;
  }
  .contact-us-content ul.sub-contact-list li a {
    font-size: 14px;
    gap: 5px;
  }
  .contact-us-content .contact-icon h3.h6-style {
    font-size: 14px;
    font-weight: 500;
  }
  .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
  .zohoone-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
  .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
  .zohoservices-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: -50px;
  }
  .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
  .zohoone-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
  .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
  .zohoservices-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
    right: -50px;
  }
  .zohoproduct-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
    left: auto;
    right: 15px;
  }
  .zohoproduct-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: 15px;
    right: auto;
  }
  .service-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -50px;
  }
  .service-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: -50px;
    right: auto;
  }
  .zohoone-mobile-slider.owl-theme .owl-dots .owl-dot span {
    margin: 0 3px 10px 0;
  }
  .arrow-carousel.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -5px;
    top: 50%;
    bottom: auto;
    position: absolute;
  }
  .arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: -5px;
    right: auto;
    top: 50%;
    bottom: auto;
    position: absolute;
  }
  .arrow-carousel.owl-theme .owl-nav [class*='owl-'] {
    width: 30px;
    height: 30px;
    top: 30%;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 10px -5px #000;
    font-size: 18px;
    line-height: 30px;
    border: 0;
    text-align: center;
    color: #999;
    cursor: pointer;
  }
  .industry-section .arrow-carousel.owl-theme .owl-nav .owl-next,
  .product-section .arrow-carousel.owl-theme .owl-nav .owl-next,
  .we-imp-sec .arrow-carousel.owl-theme .owl-nav .owl-next {
    right: 0;
  }
  .industry-section .arrow-carousel.owl-theme .owl-nav .owl-prev,
  .product-section .arrow-carousel.owl-theme .owl-nav .owl-prev,
  .service-mobile-content,
  .service-sec-slide-content,
  .startp-nav nav.navbar-light.navbar-active,
  .we-imp-sec .arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: 0;
  }
  .arrow-carousel.owl-theme .owl-nav [class*='owl-']:focus,
  .arrow-carousel.owl-theme .owl-nav [class*='owl-']:hover {
    background: #fff;
    color: #000;
  }
  .arrow-carousel.arrow-bottom.owl-theme .owl-nav [class*='owl-'],
  .arrow-carousel.arrow-center.owl-theme .owl-nav [class*='owl-'] {
    top: auto;
    bottom: -40px;
  }
  .industry-img-sec {
    padding: 20px 0;
  }
  .industry-sec-img-content .industry-sec-img-content-title {
    font-size: 14px;
    line-height: 22px;
  }
  .mission-vission-sec .box .core-values-sec.shadow-lg,
  .mission-vission-sec .box .our-services.shadow-lg {
    box-shadow: 0 0 25px 0 rgb(20 27 202/4%) !important;
  }
  .btn.rounded-pill {
    font-weight: 600;
    font-size: 14px;
    padding: 10px 35px;
  }
  .zoho-one-header .zoho-one-nav {
    transform: translateX(-89px);
  }
  .zoho-product-title .h3-style,
  .zoho-product-title h3 {
    font-size: 21px;
  }
  .main-banner .hero-content .h1-style,
  .main-banner .hero-content h1 {
    font-size: 34px;
  }
  .funfact .h3-style,
  .funfact h3 {
    font-size: 33px;
  }
  .services-box .services-box-text .h3-style,
  .services-box .services-box-text h3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 27px;
    min-height: 27px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .progress-wrap {
    right: 10px;
    bottom: 77px;
    width: 50px;
    height: 50px;
    box-shadow:
      inset 0 0 0 1px rgb(128 130 134/25%),
      inset 0 0 0 7px #fff,
      inset 0 0 0 8px rgb(128 130 134/25%);
  }
  .progress-wrap:after {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .section-space {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mean-container a.meanmenu-reveal,
  .services-item .service-popover {
    display: none !important;
  }
  .startp-mobile-nav {
    display: block;
    position: relative;
  }
  .footer-area {
    padding-bottom: 80px;
  }
  .startp-mobile-nav .logo {
    position: absolute;
    top: 10px;
    z-index: 99;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .startp-nav,
  .startp-nav
    nav.navbar-light
    .top-header-contact
    .header-social
    .social-links {
    display: block !important;
  }
  .startp-nav nav.navbar-light {
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: -300px;
    max-width: 280px;
    height: 100vh;
    width: 100%;
    background-color: #fff;
    padding: 0 0 70px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    box-shadow: 0 0 20px -10px #000;
    z-index: 100000;
  }
  .startp-nav nav.navbar-light .navbar-brand {
    display: block;
    order: 1;
    padding: 0 0 10px 10px;
  }
  .startp-nav nav.navbar-light .mean-push {
    display: none;
    order: 11;
  }
  .startp-nav nav.navbar-light .menu-sidebar-close {
    order: 2;
    margin: 0;
    margin-left: auto;
  }
  .startp-nav nav.navbar-light .navbar-collapse.mean-menu {
    order: 3;
    display: block !important;
  }
  .startp-nav nav.navbar-light .top-header-contact {
    order: 4;
    width: 100%;
    padding: 15px 10px 0;
    margin: auto 0 0;
  }
  .startp-nav nav.navbar-light .navbar-nav {
    overflow: auto;
  }
  .startp-nav nav.navbar-light .navbar-nav .nav-item {
    width: 100%;
    padding: 0;
  }
  .startp-nav nav.navbar-light .navbar-nav .nav-item > a {
    margin: 0;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #000 !important;
    background-color: #fff !important;
  }
  .mobile_footer li a.m-footer-text.active,
  .startp-nav nav.navbar-light .navbar-nav .nav-item > a.active {
    color: var(--primary) !important;
  }
  .startp-nav
    nav.navbar-light
    .top-header-contact
    .header-social
    .social-links
    li {
    display: none;
    padding: 0;
    margin: 0;
    border: 0 !important;
  }
  .startp-nav
    nav.navbar-light
    .top-header-contact
    .header-social
    .social-links
    li
    a {
    padding: 5px 0;
    display: inline-block;
    height: auto;
  }
  .startp-nav
    nav.navbar-light
    .top-header-contact
    .header-social
    .social-links
    li.social-title
    ~ li {
    display: inline-block;
    min-width: 25px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
  }
  .startp-nav nav.navbar-light .header-contact-info {
    display: block !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .startp-nav nav.navbar-light .header-contact-info .header-info-item {
    padding: 0;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    width: 100%;
    margin: 0 0 15px;
    border: 0;
  }
  .appi-ins-portfolio-sec,
  .startp-nav nav.navbar-light {
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .clock-dial-center-wrap {
    width: 100%;
    height: auto;
    left: 0;
    order: 1;
  }
  .clock-dial-center-wrap .appi-port-list .appi-port-title {
    font-size: 22px;
    text-align: center;
  }
  .clock-dial-center-wrap .appi-port-list .appi-port-clocktext {
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0 5px 5px 0;
  }
  .appi-port-clocktext.active:after {
    left: 0;
    right: 0;
  }
  .appi-port-clocktext:after {
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .appi-portfolio-sec-left {
    width: 50%;
    order: 3;
    height: calc(100vh - 140px);
    padding-bottom: 80px !important;
  }
  .appi-portfolio-sec-right {
    order: 2;
    width: 50%;
    height: calc(100vh - 140px);
  }
  .appi-port-left-content {
    right: 0;
    width: 100%;
  }
  .page-title-area {
    padding-top: 75px;
  }
  .section-block-title:after {
    height: 50px;
    width: 50px;
    opacity: 0.5;
  }
  .headerlogo {
    width: 150px;
  }
  .mean-container .mean-bar {
    padding: 0 !important;
    height: 75px !important;
  }
  .contact-us-section .contact-us-content {
    width: auto;
    left: 0;
    right: 0;
    position: inherit;
    top: 20px;
    max-width: inherit;
    padding: 15px;
  }
  .testimoniols-section .testimoniols-infodesc {
    height: 102px;
    max-height: 102px;
  }
  .service-sec-slide-content,
  .service-we-do-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .main-banner {
    padding: 120px 0 0;
    min-height: inherit;
  }
  .service-port-info {
    padding: 0 0 0 20px;
  }
  .service-port-info .list-style ul li {
    font-size: 16px;
    margin: 0;
  }
  .service-port-info .list-style ul li:before {
    top: 8px;
  }
  .banner-listing {
    padding-left: 20px;
  }
  .zoho-product-section {
    background: #f8f8fb;
  }
  .appi-ins-portfolio-right.serv-port-04-img figure.l1,
  .appi-ins-portfolio-right.serv-port-04-img figure.l2,
  .appi-ins-portfolio-right.serv-port-04-img figure.l3,
  .serv-port-01-img figure.l1,
  .serv-port-01-img figure.l2,
  .serv-port-02-img figure.l1,
  .serv-port-02-img figure.l3,
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2,
  .serv-port-05-img figure.l1,
  .serv-port-05-img figure.l2,
  .serv-port-sprint.sps-dm1,
  .serv-port-sprint.sps-dm2 {
    -webkit-transform: scale(60%);
    -ms-transform: scale(60%);
    transform: scale(60%);
  }
  .serv-port-03-img figure.l1 {
    transform-origin: center left;
  }
  .serv-port-03-img figure.l2 {
    transform-origin: top left;
  }
  .serv-port-02-img figure.l3 {
    left: 5%;
  }
  .serv-port-03-img figure.l1,
  .serv-port-03-img figure.l2 {
    -webkit-transform: scale(50%);
    -ms-transform: scale(50%);
    transform: scale(50%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
    -webkit-transform: scale(70%) translateX(-20%);
    -ms-transform: scale(70%) translateX(-20%);
    transform: scale(70%) translateX(-20%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
  .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
    -webkit-transform: scale(70%) translateX(20%);
    -ms-transform: scale(70%) translateX(20%);
    transform: scale(70%) translateX(20%);
  }
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
  .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
    width: 20%;
  }
  .zoho-prod-img.dbl-square-shape figure {
    margin: auto;
  }
  .zoho-prod-img.dbl-square-shape:before {
    left: 0;
    right: 0;
    margin: auto;
  }
  .zoho-prod-img.dbl-square-shape:after {
    left: 0;
    right: -14px;
    margin: auto;
  }
  .dbl-square-shape {
    margin-bottom: 20px;
  }
  .blog-data.part-blog.small-screen-blog .blog-photo figure.blog-img-figure {
    min-height: 0;
    padding-bottom: 32% !important;
  }
  .next-blog .blog-photo figure.blog-img-figure {
    min-height: 0;
  }
  .about-company-link .clspageparentmenu1,
  .about-company-link .clspageparentmenu {
    font-weight: 500;
  }
  .set-our-cilentweb::before {
    width: 15%;
  }
  .industry-section .mb-3 div .industry-img-sec::before {
    height: 88%;
    top: 40px;
    width: 62%;
    left: 22%;
  }
  .faq-section .faq-acc .card-body,
  .faq-section .faq-accset {
    padding-left: 0;
    padding-right: 0;
  }
  .faq-section .faq-accset .btn.btn-link.collapsed::after,
  .faq-section .faq-accset .btn.btn-link::after {
    right: 16px;
  }
  .faq-section .faq-accset .btn.btn-link,
  .faq-section .faq-accset .btn.btn-link.collapsed {
    padding-left: 15px;
  }
  .work-flow-section .work-flow-content {
    border-radius: 0;
    padding: 0 20px;
    margin: 20px 0 40px;
  }
  .blog-section .blog-data .overlay,
  .faq-section.other-div .see-all-features {
    padding: 0;
  }
  .blog-section .blog-data .item {
    display: block;
    gap: 20px;
    padding: 25px 25px 40px;
  }
  .blog-section .blog-data .item a {
    width: 100%;
    height: 100%;
  }
  .blog-section .letest-blog .blog-text .h4-style {
    margin: 15px 0 0;
  }
  .blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
    -webkit-line-clamp: 5;
  }
  .blog-otherpage .blog-section,
  .case-item,
  .casestudies-sec .case-item {
    box-shadow: 0 2px 16px 4px rgb(0 0 0/8%);
    background-color: #fff;
  }
  .wwoffer-sec .wwoffer-slider {
    padding: 0 0 30px;
  }
  .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-next,
  .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #a5c9ff47;
  }
  .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-prev {
    left: -5%;
  }
  .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-next {
    right: -5%;
  }
}
@media only screen and (max-width: 767px) {
  .overviewimg::after,
  .shape1,
  .shape2,
  .shape3,
  .shape4,
  .shape5,
  ul.list.footer-faq-list,
  ul.list.footer-faq-list-one,
  ul.list.footer-faq-list-two {
    display: none;
  }
  ul.list.footer-faq-list-one.active,
  ul.list.footer-faq-list-two.active,
  ul.list.footer-faq-list.active {
    display: block;
    margin-top: 20px;
  }
  h3.single-footer-widget-title.footer-faq,
  h3.single-footer-widget-title.footer-faq-one,
  h3.single-footer-widget-title.footer-faq-two {
    position: relative;
    margin: 0;
  }
  h3.single-footer-widget-title.footer-faq-one::before,
  h3.single-footer-widget-title.footer-faq-two::before,
  h3.single-footer-widget-title.footer-faq::before {
    content: '+';
    position: absolute;
    top: 5%;
    right: 1%;
    transition: 0.5s;
  }
  h3.single-footer-widget-title.footer-faq-one.active::before,
  h3.single-footer-widget-title.footer-faq-two.active::before,
  h3.single-footer-widget-title.footer-faq.active::before {
    content: '-';
    transition: 0.5s;
    transform: rotate(180deg);
  }
  ul.list.footer-faq-list li,
  ul.list.footer-faq-list-one li,
  ul.list.footer-faq-list-two li {
    margin: 14px 0;
  }
  .footer-bottom-section .row div:not(:first-child),
  .ptb-80 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer-bottom-section .row div:nth-child(3) {
    border-top: 1.5px solid #d2dbe3;
    border-bottom: 1.5px solid #d2dbe3;
  }
  .copyright-area {
    border-top: 1px solid #d2dbe3;
  }
  .blog-details-content .sec-title.sec-title-blue,
  .react-page .otherpage-heading b::before,
  .window-forms-page .otherpage-heading b::before {
    width: 100%;
  }
  section.blog-details-content.blogdetails-info-space {
    padding-bottom: 1rem;
  }
  .blog-section .blog-data .item {
    padding: 15px 15px 30px;
  }
  .industry-section-title {
    font-size: 32px;
  }
  .industries-sec-item .sec-title .h2-style b,
  .industries-sec-item .sec-title.sec-title-blue .row .h2-style b {
    font-size: 28px;
    line-height: 1.2;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    display: block;
    width: 14rem;
    right: -11rem;
    height: 50%;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::before {
    width: 14rem;
    top: 4rem;
    height: 50%;
    right: 0.1rem;
    left: unset;
  }
  .glimpse-section-image .glimpse-title {
    height: 15%;
  }
  .glimpse-section-image figure:before {
    height: 20%;
  }
  .payroll-page .otherpage-heading b::before {
    width: 10rem;
  }
  .head-palttech .techno-index.nav-tabs a {
    padding-bottom: 15px;
  }
  .case-desg {
    margin-bottom: 16px;
  }
  .value-section {
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    transition: 0.3s;
    margin: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }
  .casestudy-sec,
  .other-pagebg .technology-slider .owl-stage-outer,
  .other-pagebg.other-div .tt-used-card .card-body,
  .work-flow-section {
    padding: 0;
  }
  .micro-imp-page .otherpage-heading b::before {
    width: 16.5rem;
    right: -0.5rem;
  }
  .clients-trust-info,
  .col-12.whatwe-information,
  .desc-other,
  .panel-set,
  .set-sub-title,
  a.hero-button {
    margin-top: 0;
  }
  .bg-join-us-none .page-join-us:before,
  .blog-otherpage.other-div .blog-section,
  .set-case-bar.otherpgmenu-sticky {
    margin: 20px;
  }
  .blog-related-slider .blog-section {
    margin: 0 8px;
  }
  .set-caseother,
  .testicase-desc,
  .web-Overview.other-div .overview-sec .hero-button,
  a.hero-button {
    margin-top: 15px;
  }
  .blogother-date,
  .desc-other,
  .set-overdes p {
    font-size: 13px;
  }
  .casestudy-otherpage,
  .faq-acc,
  .tools-technologies-sec.section-space.tool-section.other-pagebg.other-div,
  section.value-we-deliver {
    padding: 20px 0;
  }
  .faq-section .faq-accset .btn.btn-link.collapsed::after,
  .faq-section .faq-accset .btn.btn-link::after {
    top: 8px;
  }
  .blog-section .blog-data .item a {
    width: 100%;
    height: 100%;
  }
  .pwa-page .otherpage-heading b::before {
    width: 5rem;
  }
  .helth-herosection {
    padding: 2rem 0;
  }
  .erp-page .otherpage-heading b::before {
    width: 9rem;
  }
  .android-page .web-designingheadsection,
  .application-page .web-designingheadsection,
  .crm-page .web-designingheadsection,
  .ecom-page .web-designingheadsection,
  .erp-page .web-designingheadsection,
  .flutter-page .web-designingheadsection,
  .hardware-page .web-designingheadsection,
  .hrms-page .web-designingheadsection,
  .inventory-page .web-designingheadsection,
  .ios-page section.web-designingheadsection,
  .micro-page .web-designingheadsection,
  .pwa-page .web-designingheadsection,
  .react-page section.web-designingheadsection,
  .saas-page .web-designingheadsection,
  .sap-page .web-designingheadsection,
  .sem-page .web-designingheadsection,
  .seo-page .web-designingheadsection,
  .smm-page .web-designingheadsection,
  .smo-page .web-designingheadsection,
  .web-design .web-designingheadsection,
  .whatsapp-page .web-designingheadsection,
  .window-forms-page .web-designingheadsection,
  .wpf-charp .web-designingheadsection,
  section.web-designingheadsection {
    padding: 0 0 1rem;
  }
  .blog-desc,
  .desc-other,
  .event-detail p,
  .faq-small-desc {
    font-size: 15px;
  }
  .window-forms-page .otherpage-heading.wfcs-heading b::before {
    width: 9rem;
    height: 100%;
    right: -10px;
    top: 0;
  }
  .hardware-page .otherpage-heading.other-zohoint b::before {
    width: 12rem;
  }
  .whatsapp-page .otherpage-heading b::before {
    width: 3.2rem;
  }
  .work-flow-section .faq-accset .btn.btn-link::after {
    top: 14px;
  }
  .faq-section .faq-accset .btn.btn-link::after {
    top: 6px;
  }
  .industry-img .industry-img-sec .webimg {
    max-height: 500px;
    width: 500px;
  }
  .blog-details-more .blog-more-01 a span {
    width: auto;
    height: 340px;
  }
  .blog-details-more .blog-more-01 p {
    margin: 0 0 20px;
  }
  .appi-port-left-content .pp-head,
  .blog-details-more .blog-more-01 h3,
  .fouder-sec-data .founder-desc i,
  .page-join-us .card-body .h4-style,
  .page-join-us .card-body h4,
  .page-title-area .h2-style,
  .page-title-area h2,
  .section-title .h2-style,
  .section-title h2 {
    font-size: 18px;
  }
  .blog-description-content h3 {
    font-size: 36px;
  }
  .blog-description-section {
    padding: 30px 0 40px;
  }
  .blog-details-more .blog-more-01:first-child,
  .blog-more-01 {
    padding-bottom: 0;
  }
  .blog-description-section .blog-more-page {
    border: none;
    border-top: none;
    margin-top: 0;
    padding: 0;
  }
  .blog-more-01 {
    border-bottom: 1px solid #ababab66;
    margin-bottom: 20px;
  }
  .blog-more-01 a {
    text-align: center;
  }
  .wwoffer-card.card .card-body {
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
  }
  .payroll-page.mobile-app-development .otherpage-heading b::before {
    width: 14rem;
    left: -0.4rem;
  }
  .wwoffer-card.card {
    border: none;
    padding: 10px;
  }
  .blog-description-section .blog-details-more {
    margin: 20px 0;
  }
  .blog-otherpage .blogother-img {
    width: 100%;
    height: 304px;
  }
  .founder-sec .founder-name {
    margin-top: 10px;
  }
  .main-banner .hero-content .solution-conte {
    font-size: 25px;
    line-height: 26px;
  }
  .set-clientbtn {
    display: grid;
    gap: 13px;
    grid-template-columns: 1fr 1fr;
  }
  .flutter-page .otherpage-heading b::before {
    width: 100%;
    right: 0;
    left: 0;
  }
  .whatwe-information .wwoffer-info {
    margin-bottom: 20px;
  }
  .wwoffer-info {
    background: #fff;
    border-radius: 10px;
  }
  .case-list-button {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .testi-smallde {
    border-right: none;
  }
  .case-list-desc,
  .section-ourclient .client-item .client-img {
    padding: 10px;
  }
  section.casestudies-sec,
  section.read-more-casestudy {
    padding: 0 0 25px;
  }
  .section-space {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .case-list-img,
  .industry-img {
    width: auto;
    height: auto;
  }
  .web-design .web-designingheadsection .webimg .daashimg-1 {
    margin-top: -40px;
  }
  .case-item:hover,
  .casestudies-sec .case-item {
    box-shadow: none;
  }
  .branding-section-title {
    font-size: 33px;
    line-height: 76px;
  }
  .case-item,
  .casestudies-sec .case-item {
    box-shadow: 0 2px 16px 4px rgb(0 0 0/8%);
  }
  .more-case-button::before {
    width: 31%;
  }
  .application-page .otherpage-heading b::before {
    width: 12rem;
    height: 45px;
  }
  .otherpage-heading,
  .proud-section-title {
    font-size: 31px;
  }
  .casestudy-smalldesc {
    grid-template-columns: 1fr;
  }
  .item-case:first-child {
    padding: 0;
    border-right: none;
  }
  .testicase-desc {
    width: 400px;
    margin: 0 auto;
  }
  .testicase-desc::after {
    top: 25px;
    left: auto;
    right: -40px;
  }
  .testi-logo {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-mobile {
    margin-top: 1rem;
  }
  .blog-otherpage .sec-title .h2-style,
  .other-pagebg.other-div .sec-title,
  .sec-title .h2-style {
    margin-bottom: 25px;
  }
  .faq-small-title {
    font-size: 30px;
    margin-bottom: 0;
  }
  .faq-acc .card-body {
    font-size: 15px;
    line-height: 20px;
  }
  .faq-accset .btn.btn-link,
  .h4-style,
  .myaccordion .card-header a,
  .open-roles-row .h3-style,
  .open-roles-row h3 {
    font-size: 16px;
  }
  .blogother-img {
    max-width: 100%;
  }
  .faq-title .sec-title {
    margin-bottom: 1rem;
  }
  .otherpage-heading b::before {
    top: -5px;
    height: 54px;
    width: 11.7rem;
  }
  .founder-desc p,
  .founder-name p,
  .industry-sec-main-data p,
  .lead,
  .mission-vission-sec .miss-viss-desc p,
  .page-join-us .card .card-body .h4-style,
  .page-join-us .card .card-body h4,
  .zohoone-box-text p,
  body {
    font-size: 14px;
  }
  .review-img img {
    max-width: 135px;
    width: 100%;
  }
  .contact-us-form-wrap .section-title {
    font-weight: 700;
  }
  .employee-speak-sec {
    padding: 50px 0 0;
  }
  .btn.rounded-pill {
    font-size: 13px;
    padding: 8px 15px;
  }
  .whatsapp-sec .whatsapp-img img {
    max-width: 150px;
    width: 100%;
  }
  .open-roles-header .h3-style,
  .open-roles-header h3,
  .page-join-us .card .card-body .h2-style,
  .page-join-us .card .card-body h2 {
    font-size: 21px;
  }
  .whatsapp-sec .whatsapp-desk {
    text-align: center;
    margin-top: 20px;
  }
  .zoho-services .zohoone-img {
    max-width: 250px;
    width: 100%;
    margin: auto;
    text-align: center;
    display: block;
  }
  .founder-desc p i.fas.fa-quote-right {
    margin-left: 5px;
    bottom: 5px;
  }
  .section-block-title .h2-style,
  .section-block-title h2,
  .section-privacy-policy h1 {
    font-size: 24px;
  }
  .funfact .h3-style,
  .funfact h3,
  h1.h2-style {
    font-size: 28px;
  }
  .main-banner .hero-content .h1-style,
  .main-banner .hero-content h1 {
    font-size: 25px;
  }
  .sec-title-green .banner-li-title .ba-round {
    border-bottom: 2px solid var(--green);
  }
  .sec-title .h2-style,
  .sec-title h2,
  .section-privacy-policy .h2,
  h2 {
    font-size: 22px;
  }
  .services-box .services-box-text .h3-style,
  .services-box .services-box-text h3 {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
    min-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .services-box .services-box-text p {
    font-size: 14px;
    height: 118px;
  }
  .service-sec-slide,
  .zoho-one-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .service-tumb-slide {
    margin: auto;
  }
  .service-port-info {
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding: 20px 0 0;
  }
  .footer-btn .btn-list li a.btn-link-list {
    padding: 11px 15px;
  }
  .industry-sec-img-content {
    padding: 30px 0;
    position: relative;
  }
  .industry-sec-main-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 30px);
    height: 100%;
  }
  .industry-sec-main-img figure {
    height: 100%;
  }
  .clock-dial-center-wrap {
    padding: 20px 15px;
  }
  .appi-portfolio-sec-left {
    padding: 15px;
    width: 100%;
  }
  .appi-port-left-content li {
    margin-bottom: 8px;
  }
  .appi-portfolio-sec-right {
    width: 100%;
    display: none;
  }
  .testimoniols-section .testimoniols-card .card-body {
    padding: 15px;
  }
  .ourclients_button .btn {
    padding: 6px 15px;
  }
  .section-ourclient .ourclients_content {
    margin-right: 0;
  }
  .section-ourclient .client-item {
    padding-right: 0;
    margin-bottom: 15px;
  }
  .section-ourclient .client-item .client-img.brand-img .brandimg-figure {
    transform: scale(0.9);
  }
  .portskip {
    right: 45px;
    bottom: 60px;
  }
  .event-first-sec-image figure.wc-main-img {
    left: 6px;
  }
  .case-top {
    margin-top: 20px;
  }
  .zcwf_row.form-group .zcwf_col_fld .g-recaptcha {
    transform: scale(0.8);
    transform-origin: left;
  }
  .section-privacy-policy .h3,
  h3 {
    font-size: 19px;
  }
  .section-privacy-policy p {
    font-size: 12px;
  }
  .sec-title .h2-style:before {
    left: 23px;
  }
  .headerlogo {
    width: 115px;
  }
  .card-letsconnect .contact-zoho-form .card-body {
    padding: 20px 5px;
  }
  .btn {
    font-size: 13px;
    padding: 10px 15px;
  }
  .section-title {
    margin-bottom: 40px;
  }
  .owl-theme .owl-dots {
    margin-top: 5px;
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 3px;
  }
  .main-banner {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 80px;
    background-position: center;
  }
  .funfact {
    margin-bottom: 30px;
  }
  .funfact .h3-style,
  .funfact h3 {
    font-size: 25px;
    margin-bottom: 3px;
  }
  .page-title-area {
    padding-top: 0;
    padding-bottom: 65px;
  }
  .page-title-area .shape8 {
    top: auto;
    right: auto;
    left: 15px;
    bottom: 20px;
  }
  .page-title-area .shape7 {
    left: 15%;
    top: 29%;
  }
  #contactForm {
    margin-top: 45px;
  }
  .modal-content button.close {
    z-index: 2;
  }
  .single-footer-widget .h3-style,
  .single-footer-widget h3 {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .copyright-area {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .single-footer-widget .logo {
    width: 125px;
  }
  a.btn-call,
  a.btn-whats {
    line-height: 40px;
  }
  .case-content-article {
    flex-wrap: wrap;
    justify-content: start;
  }
  .case-content-back {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
  .no-js .owl-carousel,
  .owl-carousel.owl-loaded {
    margin: 0 auto;
  }
  .set-our-cilentweb::before {
    width: 20%;
  }
  .industry-section .mb-3 div .industry-img-sec::before {
    height: 88%;
    top: 40px;
    width: 96%;
    left: 28px;
  }
  .industry-section .mb-3 div:nth-child(odd) .industry-img-sec::before {
    border-radius: 60px 0;
  }
  .industry-section .mb-3 div:nth-child(2n) .industry-img-sec::before {
    border-radius: 0 60px;
  }
  .faq-section.other-div .see-all-features .see-all-btn {
    padding: 19px 0;
  }
  .faq-section.other-div .see-toggle {
    padding: 19px 28px;
  }
  .blog-details-hero-section .blogitem-img {
    width: 40px;
    height: 40px;
  }
  .mad-technology .set-our-cilentweb::before {
    left: 39%;
    width: 20%;
  }
  .custom-software-development.inventory-page .otherpage-heading b::before {
    width: 8rem;
  }
  .mad-img img {
    height: 25px;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .title-sm:not(:last-child) {
    margin-bottom: 0.85rem;
  }
  .title-sm {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 575px) {
  .mobile_footer li.mobile-center > a {
    top: -20px;
    width: 50px;
    height: 50px;
  }
  .mobile-center img {
    width: 22px;
    height: 22px;
  }
  .mobile_footer li a,
  .mobile_footer li label {
    font-size: 20px;
    min-width: 50px;
  }
  .mobile_footer li.mobile-center > a:after {
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
  }
  .mobile_footer li.mobile-center a i {
    line-height: 40px;
  }
  .blog-otherpage .blogother-img,
  .blog-section .blog-data .item a,
  .overviewimg,
  .ten-ind .webimg {
    height: auto;
    width: auto;
  }
  .blog-details-info div,
  .healthtestimonials-info {
    margin-top: 20px;
  }
  .wpf-charp .otherpage-heading.othepage-wpfc b::after {
    display: none;
  }
  .color-case {
    margin: 0 10px;
  }
  .overviewimg {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto 30px;
  }
  .blog-details-content .sec-title.sec-title-blue {
    margin: 0 0 20px;
  }
  .blog-details-content .sec-title.sec-title-blue .h2-style b {
    font-size: 24px;
  }
  .blog-details .sec-title .h2-style,
  .blog-details_des-text h3,
  .case-list-title,
  .contact-us-form-wrap .section-title,
  .sec-title .h2-style,
  .sec-title h2 {
    font-size: 18px;
  }
  .dbl-square-shape:before,
  .sec-title-green .dbl-square-shape:before,
  .value-item-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-prev {
    left: 0;
  }
  .industry-img .industry-img-sec .webimg {
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .value-item-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right
    .owl-nav
    .owl-next {
    right: 0;
  }
  .blog-details-more .blog-more-01 a span {
    width: 100%;
    height: 100%;
  }
  .section-space {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .set-clientbtn {
    grid-template-columns: 1fr;
  }
  .set-clientbtn .clutch-data {
    width: auto;
    background-color: transparent;
    box-shadow: none;
  }
  .sapinp-page .otherpage-heading {
    font-size: 26px;
    line-height: 27px;
  }
  .micro-page .otherpage-heading,
  .otherpage-heading.othepage-wpfc {
    line-height: 38px;
    font-size: 26px;
  }
  .otherpage-heading b::before {
    background-color: transparent;
    height: 40px;
    width: 9.2rem;
    left: -5px;
  }
  .web-design .otherpage-heading {
    font-size: 24px;
    line-height: 30px;
  }
  .otherpage-heading b {
    color: #000;
  }
  .set-sub-title {
    justify-content: center;
    display: flex;
  }
  .helth-timer {
    border-right: none;
  }
  .case-list-button {
    grid-template-columns: 1fr 1fr;
  }
  .whatwe-information .wwoffer-info {
    margin-bottom: 20px;
  }
  .application-page .webimg .daashimg-1,
  .set-btn-tesicase .btn-case,
  .web-design .web-designingheadsection .webimg .daashimg-1,
  a.hero-button {
    margin-top: 0;
  }
  .web-designingheadsection .set-herobtnpther a {
    font-size: 12px;
    padding: 12px 17px;
  }
  .branding-section-title {
    font-size: 21px;
    line-height: 62px;
  }
  .branding-img {
    max-height: 100%;
    min-height: 100%;
  }
  .details-herosection {
    padding: 2rem 0;
  }
  .industry-sec-img-content-listing a,
  .project-case-data,
  .value-small-desc {
    font-size: 13px;
  }
  .project-case-title {
    font-size: 22px;
  }
  .blog-details_des-text ol,
  .project-case-data ul {
    padding-left: 20px;
  }
  .blog-section .title a,
  .proud-desc {
    font-size: 15px;
  }
  .about-sec-list,
  .appi-port-left-content .appi-pp-para,
  .case-list-des,
  .desc-other,
  .faq-accset .btn.btn-link,
  .faq-small-desc,
  .glimpse-data .h3-style,
  .glimpse-data h3,
  .industry-sec-img-content-title,
  .main-banner .hero-content p,
  .sec-sub-title,
  .set-overdes,
  .somting-spacial-desc ul li p {
    font-size: 14px;
  }
  .buttob-list {
    padding: 10px 3px;
  }
  .more-case-button::before {
    width: 48%;
  }
  .case-list-des {
    line-height: 17px;
    height: 36px;
  }
  .industry-sec-img-content-data,
  .more-case-button {
    font-size: 12px;
  }
  .ecom-page .otherpage-heading b::before {
    width: 10.6rem;
  }
  .application-page .otherpage-heading b::before {
    height: 33px;
    width: 10rem;
  }
  .tool-section .tabs-list-scroll {
    margin-top: 15px;
  }
  .tool-section .owl-prev {
    left: 3%;
  }
  .faq-accset .btn.btn-link::after {
    top: 13px;
  }
  .tool-section .nav-tabs-line.nav-tabs .nav-link:before {
    height: 3px;
    bottom: 0;
  }
  .otherpage-heading,
  .proud-section-title {
    font-size: 26px;
    line-height: 31px;
    text-align: center;
  }
  .team-carousel.owl-carousel .owl-stage-outer,
  section.web-Overview {
    padding: 20px 0;
  }
  .overviewimg::before {
    width: 131px;
    height: 103px;
  }
  .overviewimg::after {
    top: 51%;
  }
  .title-overview h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .casestudy-smalldesc {
    padding: 0 15px;
  }
  .testicase-desc {
    width: auto;
    margin: 0 auto;
  }
  .testicase-desc::after {
    left: auto;
    right: 0;
    top: 50px;
  }
  .testi-logo {
    margin-top: 25px;
  }
  .case-testi .btn-case .hero-button {
    margin: 30px 7px 12px;
  }
  .faq-small-title {
    font-size: 27px;
  }
  .faq-acc .card-body {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
  }
  .tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs .nav-link {
    margin: 0 13px;
  }
  .scroll-overlay:first-of-type {
    left: 0;
    opacity: 0;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  }
  .scroll-overlay:last-of-type {
    right: 0;
    background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  }
  .scroll-overlay {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 70px;
    z-index: 5;
    pointer-events: none;
    transition: opacity 0.2s;
  }
  .tool-section .owl-next {
    right: 4%;
  }
  .main-banner .hero-content .solution-conte {
    font-size: 25px;
    line-height: 32px;
  }
  .clutch-data .setglassimg {
    max-width: 93px;
  }
  .open-roles-row .h3-style,
  .open-roles-row h3 {
    font-size: 12px;
    padding: 10px 0;
  }
  .btn.rounded-pill {
    font-weight: 500;
    font-size: 12px;
    padding: 8px 25px;
  }
  .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: -30px;
  }
  .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
    right: -30px;
  }
  .sec-title .h3-style,
  .service-block .service-block-text .h3-style,
  .service-block .service-block-text h3,
  .services-sec .sec-title h3 {
    font-size: 21px;
  }
  .about-title-left h3,
  .appi-port-left-content .pp-head,
  .employee-speaks-position {
    font-size: 16px;
  }
  .glimpse-data .h2-style,
  .glimpse-data h2 {
    font-size: 23px;
  }
  .glimpse-data {
    padding: 30px;
  }
  .event-box {
    padding: 10px;
  }
  .inner-glimpse-title {
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
  }
  .employee-speak-sec {
    padding: 40px 0 0;
  }
  .dbl-square-shape img {
    max-width: 50px;
    height: 50px;
    margin-left: 8px;
  }
  .dbl-square-shape:after {
    top: 0;
    left: 25px;
  }
  .dbl-square-shape:before {
    width: 80px;
    height: 80px;
    top: -12px;
    left: 1px;
  }
  .about-title-right {
    margin-left: 6px;
    padding-left: 20px;
  }
  .about-title-left .h3-style {
    font-size: 20px;
  }
  .about-title-right .h1-style,
  .about-title-right h1 {
    font-size: 30px;
  }
  .next-blog .blog-text .h4-style,
  .next-blog .blog-text h4 {
    max-height: 58px;
    height: 58px;
    -webkit-line-clamp: 3;
  }
  .blog-photo figure.blog-img-figure {
    min-height: 109px;
  }
  .blog-data.part-blog .blog-text .h4-style,
  .blog-data.part-blog .blog-text .h4-style a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-weight: 600;
    -webkit-line-clamp: 2;
    font-size: 14px;
  }
  .blog-data.part-blog .blog-text .h4-style {
    font-size: 20px;
    display: block;
  }
  .blog-data.part-blog .blog-deta-desc {
    max-height: 46px;
    height: 46px;
    margin-bottom: 3px;
    -webkit-line-clamp: 3;
    font-size: 12px;
  }
  .wrapper .error-sec .h1-style,
  .wrapper .error-sec h1 {
    font-size: 28px;
  }
  .inner-glimpse-section {
    padding: 30px 0 30px 90px;
  }
  .inner-glimpse-detail {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
  }
  .year-nav-pills {
    left: 20px;
  }
  .year-nav-pills li a.nav-link {
    min-width: 60px;
    padding: 0 10px;
    line-height: 29px;
    height: 30px;
    left: -10px;
    font-size: 14px;
  }
  .year-nav-pills li a:before {
    right: 58px;
  }
  .year-nav-pills li a.active:before {
    width: 20px;
    height: 2px;
    opacity: 1;
  }
  .year-nav-pills li a.active:after {
    bottom: 21px;
    right: 30px;
  }
  .industry-sec-img-content .industry-sec-img-content-title {
    font-size: 12px;
    line-height: 18px;
  }
  .industry-sec-img-content-listing {
    grid-template-columns: 1fr 1fr;
    gap: 30px 0;
    margin: 0 30px;
  }
  .work-flow-section .faq-accset .btn.btn-link,
  .work-flow-section .faq-accset .btn.btn-link.collapsed {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .set-our-cilentweb::before {
    width: 100%;
  }
  .industry-section .mb-3 div .industry-img-sec::before {
    height: 88%;
    top: 40px;
    width: 89%;
    left: 48px;
  }
  .progress-wrap:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .progress-wrap {
    width: 40px;
    height: 40px;
  }
  .progress-wrap svg.progress-circle path {
    stroke-width: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .fouder-img img {
    max-width: 215px;
  }
  .main-banner.main-temp-pd {
    padding: 22px 0 50px;
  }
  .section-privacy-policy h1 {
    font-size: 19px;
  }
  section.blog-details-content.blogdetails-info-space {
    padding-bottom: 0;
  }
  .footer-three-address li.footer-address {
    padding-right: 0;
  }
  .modal-content button.close {
    right: 1px;
    top: 1px;
  }
  .inner-glimpse-line:after {
    right: -28px;
  }
  .inner-glimpse-line:before {
    left: 12px;
  }
  .open-roles-title .h3-style,
  .open-roles-title h2 {
    font-size: 30px;
  }
  .open-roles-header .h3-style,
  .open-roles-header h3 {
    font-size: 14px;
  }
  .about-title-right h3.h4-style,
  .about-title-right h4,
  .open-roles-row .h3-style,
  .open-roles-row h3 {
    font-size: 12px;
  }
  .contact-us-form-wrap {
    padding: 15px 0;
  }
  .mobile_footer li a,
  .mobile_footer li label {
    font-size: 24px;
    min-width: 25px;
    padding: 8px 5px;
  }
  .glimpse-data {
    padding: 40px;
  }
  .mobile_footer li.mobile-center a p {
    margin-left: -11px;
    font-size: 13px;
    margin-top: 6px;
  }
  .social-icone-footer ul.s-i-f-list li ~ li {
    margin: 0 0 0 5px;
  }
  .event-first-sec-image figure.wc-main-img {
    height: 276px;
    top: 34px;
    left: -15px;
  }
  .event-first-sec-image figure.wc-bg-img {
    top: -15px;
    width: 419px;
  }
  .fouder-sec-data .founder-desc i {
    font-size: 11px;
  }
  .btn.rounded-pill {
    font-size: 11px;
    padding: 8px 15px;
  }
  .mobile_footer li a.m-footer-text,
  .mobile_footer li label.m-footer-text {
    font-size: 14px;
    padding: 8px 5px;
    min-width: 29px;
  }
  .founder-name,
  .founer-designation {
    text-align: center;
  }
  .main-banner {
    padding: 99px 0 50px;
  }
  .about-title-right {
    margin-left: 3px;
    padding-left: 20px;
  }
  .col-exs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .blog-otherpage {
    padding: 10px 0 40px;
  }
  .faq-accset .btn.btn-link,
  .faq-accset .btn.btn-link.collapesd {
    padding: 10px 30px 10px 10px;
  }
  .work-flow-section .faq-accset .btn span {
    margin-right: 10px;
  }
  .industry-img-sec .webimg {
    max-height: 100%;
    width: 100%;
  }
  .testimoniols-section .testimoniols-mobile-slider {
    padding-bottom: 3rem;
  }
  .testimoniols-section
    .testimoniols-mobile-slider.arrow-carousel.owl-theme
    .owl-nav
    .owl-next,
  .testimoniols-section
    .testimoniols-mobile-slider.arrow-carousel.owl-theme
    .owl-nav
    .owl-prev {
    bottom: 1rem;
  }
  .blog-details-hero-section h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 450px) {
  .single-footer-widget.footer-contact div .footer-three-address {
    padding: 0;
  }
  .single-footer-widget.footer-contact {
    padding: 1rem 1rem 0.5rem;
  }
}
@media only screen and (min-width: 448px) and (max-width: 575px) {
  .set-clientbtn {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 380px) {
  .testimoniols-section .testimoniols-mobile-slider {
    padding-bottom: 2rem;
  }
  .testimoniols-section
    .testimoniols-mobile-slider.arrow-carousel.owl-theme
    .owl-nav
    .owl-next,
  .testimoniols-section
    .testimoniols-mobile-slider.arrow-carousel.owl-theme
    .owl-nav
    .owl-prev {
    bottom: 1rem;
  }
  .ind-item .testimoniols-img .image figure.menu-img {
    width: 75px;
    height: 75px;
  }
  .ind-service .testimoniols-infodesc {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 320px) {
  .col-sxs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}