:root {
  --android-green: #3ddc84;
  --apple-silver: #e2e8f0;
  --brand-primary: #ff5e14;
  --brand-secondary: #32caca;
  --dark-bg: #030712;
  --light-bg: #f8fafc;
  --navy-bg: #0a1128;
  --card-bg: rgba(255, 255, 255, 0.03);
  --card-border: rgba(255, 255, 255, 0.2);
  --text-light: #f8fafc;
  --text-muted: #94a3b8;
  --card-bg: rgba(15, 23, 42, 0.4);
  --text-muted-light: #94a3b8;
  --text-muted-new: #64748b;
  --text-muted-lightnew: #cbd5e1;
  --brand-orange: #ff5e14;
  --text-dark: #000248;
  --bg-dark: #1a1a1a;
  --header-height: 85px;
  --header-fixed-height: 75px;
  --header-top-offset: 20px;
  --heading-color: #000248;
  --para-color: #4c5b70;
  --brand-cyan: #00e5ff;
}
body {
  color: var(--para-color);
  margin: 0;
  font-display: optional;
  font-display: swap;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
  box-shadow: 0 21px 21px rgb(0 0 0 / 0.07);
  font-family: "Google Sans Flex", sans-serif;
}
* {
  outline: 0 !important;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #ffbc9d rgb(0 0 0 / 0.05);
}
*::-webkit-scrollbar {
  width: 4px;
}
*::-webkit-scrollbar-thumb {
  background: #c2c2c2;
  border-radius: 7px;
}
*::-webkit-scrollbar-track {
  background: #fff0;
  border-radius: 7px;
}
p {
  margin: 0 0 20px;
  font-size: 17px;
  line-height: 27px;
  color: var(--para-color);
}
a {
  color: var(--brand-orange);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.bcTech-card h3 a:hover,
.emergingCard-mobileapp h3 a:hover,
a:hover {
  color: #32caca;
}
.lazy-loading,
.lazy-waiting {
  display: block;
  visibility: hidden;
}
:not(body).lazy-done {
  display: block;
  animation: 0.2s fadeIn;
  visibility: visible;
}
body.lazy-done {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
::selection {
  color: #fff;
  opacity: 1;
  background-color: #0fab9f;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-weight: 600;
}
.clear {
  clear: both;
}
iframe {
  border: 0;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  width: 100%;
}
::-webkit-input-placeholder {
  color: #666;
}
::-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
.heroContent,
.webheaderInner {
  display: flex;
}
#loader_img,
.career_page_text,
.fullmenu-open,
.job_description_left_upper_headings {
  overflow: hidden;
}
.btn.get_quoteSubmit,
.contact_us_btn,
.getQuote_bx,
.learn_more_btn,
.onaddress_head,
.project-feedback h2 span,
.request_quote_btn {
  text-transform: uppercase;
}
.blog-description .specific_fetaure li,
.div_services_text h2,
ol.industries_list li {
  word-wrap: break-word;
  word-wrap: break-word;
}
#loader_img,
.fullmenu-open,
.hero-banner-item img,
.websites-li a img,
body {
  width: 100%;
  height: 100%;
}
#loader_img,
.webheader {
  position: fixed;
  top: 0;
  left: 0;
}
.accordion-button,
.arrow-icons,
.bcservice-offer,
.bcsmartControl-content,
.benefits-description,
.blog-listing,
.circle-effect,
.contact_map_canvas,
.cts-block-new .email-icons,
.cts-block-new .whatsapp-icons,
.headerNav,
.hero-banner-wrap,
.lined-circle-effect,
.service-item,
.service-item.style-1,
.share,
.ssc_icon_box,
.tab-panale-section .form-group,
.webheaderInner,
.weblogo,
.webscreen_wrapper,
.widget-menu,
.widget-search,
body {
  position: relative;
}
.learn_more,
a,
a:hover {
  text-decoration: none;
}
#loader_img {
  z-index: 99999;
  text-align: center;
  background-color: rgb(15 3 55 / 0.9);
}
#loader_img:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
#loader_img .loader {
  width: 80px;
  height: 80px;
  display: inline-block;
  -webkit-perspective: 1200;
  perspective: 1200px;
}
#loader_img .flipper {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  -webkit-animation: 2s ease-in-out infinite flip;
  -moz-animation: 2s ease-in-out infinite flip;
  animation: 2s ease-in-out infinite flip;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#loader_img .backloader,
#loader_img .loader_wall {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  width: 100%;
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../image/loader.webp);
}
#loader_img .backloader {
  z-index: 800;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background-image: url(../image/loader-back.webp);
}
@-webkit-keyframes flip {
  0%,
  100% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -moz-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
  75% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
  }
}
@-moz-keyframes flip {
  0%,
  100% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -moz-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
  75% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
  }
}
@keyframes flip {
  0%,
  100% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -moz-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
  75% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(0) rotateY(-179.9deg);
  }
}
.webheader {
  padding: 20px 0;
  z-index: 888;
  width: 100%;
}
.weblogo {
  z-index: 1;
  position: relative;
  max-width: 218px;
  transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  background-color: #1ba4a2;
  padding: 18px;
  border-radius: 50px 0 0 50px;
  padding-top: 11px;
}
.weblogo::before {
  content: "";
  position: absolute;
  right: -53px;
  left: auto;
  top: 0;
  width: 0;
  height: 0;
  border-left: 45px solid #fff0;
  border-right: 55px solid #fff0;
  border-top: 70px solid #1ba4a2;
  z-index: -1;
}
.weblogo:after {
  content: "";
  position: absolute;
  right: -14px;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 18px solid #1ba4a2;
  border-right: 14px solid #fff0;
}
.nav-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 238px;
  width: 0;
  height: 0;
  border-left: 17px solid #fff0;
  border-right: 17px solid #fff0;
  border-top: 17px solid #c36009;
}
.nav-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 238px;
  width: 0;
  height: 0;
  border-bottom: 60px solid #f2981c;
  border-left: 48px solid #fff0;
  border-right: 68px solid #f2981c;
}
.header-r {
  display: flex;
  gap: 10px;
  align-items: center;
}
.blogCard_wall img,
.similar-project-box img {
  width: 100%;
  height: auto;
}
.header-left {
  flex: auto;
  padding-left: 70px;
  position: relative;
  z-index: 1;
}
.header-left-inner {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  height: 60px;
  padding: 0 7px 0 0;
  border-radius: 0 50px 50px 0;
}
body.menu-opened {
  overflow: hidden;
}
.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - (var(--header-height) + var(--header-top-offset)));
  background: rgb(0 0 0 / 0.7);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  cursor: pointer;
}
.webheader.is-sticky .sidebar-overlay {
  height: 100vh;
}
.nav-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.nav-item-custom {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.nav-link-custom {
  color: white !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 0 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  background: #fff0;
  border: 0;
}
.nav-link-custom i.top-icon {
  font-size: 18px;
  margin-bottom: 4px;
  display: block;
}
.nav-label-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.nav-link-custom .arrow-icon {
  font-size: 12px;
  display: inline-block;
  margin-top: 1px;
}
.menu-link {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  margin-bottom: 25px;
  transition: all 0.2s ease;
  border-radius: 12px;
  position: relative;
}
.icon-box-wrap,
.icon-wrap-svg {
  width: 43px;
  background: #f1f5f9;
  height: 43px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  margin-right: 15px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.about-menu .icon-box-wrap {
  color: #fff;
}
.explore-menu .tech-cat-link:hover .icon-wrap-svg,
.explore-menu .tech-cat-link.active .icon-wrap-svg {
  background-color: #fff;
}
.hire-mega-menu .icon-wrap-svg {
  background: #f1f5f9;
  color: #35465f;
}
.content-box h6 {
  margin: 0 0 2px 0;
  font-weight: 600;
  color: var(--heading-color);
  font-size: 16px;
}
.content-box p {
  margin: 0;
  font-size: 12px;
  color: #728aad;
  line-height: 1.5;
}
.item-chevron {
  margin-left: auto;
  font-size: 14px;
  opacity: 0.3;
  align-self: center;
}
.content-box-hire .hire-m-title {
  margin: 0;
  font-weight: 600;
  color: var(--heading-color);
  font-size: 15px;
}
.content-box-hire p {
  margin: 0;
  font-size: 12px;
  color: #728aad;
  line-height: 1.5;
}
.mega-menu-wrapper.hire-mega-menu .icon-box-wrap svg {
  max-height: 29px;
}
.promo-box {
  text-align: center;
  transition: all 0.3s ease;
}
.tech-cat-link {
  width: 100%;
  border: 0;
  background: #fff0;
}
@media (min-width: 1200px) {
  .menu-opened .sidebar-overlay {
    width: 100vw;
    height: 100vh;
    opacity: 1;
    visibility: visible;
    z-index: -1;
  }
  .nav-content-area,
  .header-l {
    height: 100%;
  }
  .promo-col {
    position: relative;
  }
  .sticky-wrapper {
    position: sticky;
    top: 0;
  }
  .promo-box img {
    margin: 0 auto;
    display: block;
  }
  .about-menu .content-box .about-m-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--heading-color);
  }
  .solutions-mega-menu .menu-link {
    align-items: center;
    margin-bottom: 12px;
  }
  .solutions-mega-menu .icon-box-wrap {
    background: #f1f5f9;
    color: #35465f;
    font-size: 18px;
    width: 37px;
    height: 37px;
    border-radius: 8px;
  }
  .explore-menu .icon-wrap-svg {
    width: 40px;
    height: 40px;
  }
  .service-mega-menu .icon-wrap-svg {
    color: #35465f;
  }
  .solutions-mega-menu .content-box .solution-m-title {
    margin: 0;
    font-weight: 600;
    color: var(--heading-color);
    font-size: 15px;
  }
  .content-box-hire .hire-m-title span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #728aad;
    margin-bottom: 0;
  }
  .menu-link:hover {
    transform: translateX(5px);
  }
  .orange-nav-bar {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
  }
  .nav-list-wrapper {
    display: flex;
    height: 100%;
    flex-grow: 1;
  }
  .sidebar-header {
    display: none;
  }
  .about-menu .menu-link {
    margin-bottom: 45px;
  }
  .has-mega-menu,
  .tech-cat-link,
  .nav-link-custom,
  #burger,
  #closeSidebar {
    -webkit-tap-highlight-color: #fff0;
    touch-action: manipulation;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    cursor: pointer;
  }
  .nav-link-custom {
    -webkit-appearance: none;
    border: none;
    background: none;
  }
  .has-mega-menu:hover .mega-menu {
    opacity: 1;
    visibility: visible;
  }
  .nav-item-custom.has-mega-menu::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    background: #fff0;
    display: none;
  }
  .nav-item-custom.has-mega-menu:hover::after {
    display: block;
  }
  .nav-item-custom.has-mega-menu:hover > .nav-link-custom::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 14px solid #fff0;
    border-right: 14px solid #fff0;
    border-bottom: 14px solid #fff;
    z-index: 5001;
  }
  .webheader.is-sticky
    .nav-item-custom.has-mega-menu:hover
    > .nav-link-custom::after {
    bottom: -34px;
  }
  .mega-menu-wrapper {
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0 11px 0;
    background: #fff0;
    opacity: 0;
    transition: opacity 0.15s ease-out;
    z-index: 5000;
    display: none !important;
    flex-direction: column;
    max-height: 670px;
    height: calc(100vh - var(--header-height));
    width: calc(100vw - 48px);
    margin: 0 auto;
    will-change: opacity, transform;
    pointer-events: none !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .nav-item-custom.active .mega-menu-wrapper {
    opacity: 1;
    display: flex !important;
    pointer-events: auto !important;
    transition: opacity 0.15s ease-out;
  }
  .solutions-mega-menu .mega-footer {
    margin-top: 20px;
  }
  body.header-fixed .mega-menu-wrapper {
    top: var(--header-fixed-height);
    padding-top: 0;
  }
  .nav-item-custom:hover .mega-menu-wrapper {
    opacity: 1;
    display: flex !important;
    pointer-events: auto !important;
    transition: opacity 0.15s ease-out;
  }
  .mega-menu-card {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 40px 100px rgb(0 0 0 / 0.5);
    padding: 21px 20px 18px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .mega-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 10px;
    display: flex;
  }
  .col-divider {
    border-right: 1px solid #f2f2f2;
    padding-right: 25px;
  }
  .tech-cat-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px;
    border-bottom: 1px solid #f2f2f2;
    text-decoration: none;
    color: var(--heading-color);
    transition: all 0.2s;
    border-radius: 8px;
    position: relative;
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .tech-cat-link:hover,
  .tech-menu-item.srv-has-submenu:hover .tech-cat-link,
  .tech-cat-link.active {
    background-color: #fff5f0;
    color: var(--brand-orange);
  }
  .menu-link:hover .content-box-hire .hire-m-title,
  .menu-link:hover .content-box-hire span,
  .solutions-mega-menu .menu-link:hover .content-box h6,
  .about-menu .menu-link:hover .content-box h6 {
    color: var(--brand-orange);
  }
  .solutions-mega-menu .menu-link:hover .icon-box-wrap {
    background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
    box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
    color: #fff;
  }
  .hire-mega-menu .menu-link:hover .icon-box-wrap {
    background: #fff5f0;
  }
  .tech-menu-item.srv-has-submenu:hover .tech-cat-link .submenuIcon,
  .service-mega-menu .tech-cat-link:hover .icon-wrap-svg,
  .tech-menu-item.srv-has-submenu:hover .icon-wrap-svg {
    background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
    box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
    color: #fff;
  }
  .tech-cat-link .info .m-title {
    text-align: left;
    margin: 0 0 3px;
    font-weight: 600;
    font-size: 15px;
  }
  .tech-cat-link .info p {
    margin: 0;
    font-size: 12px;
    color: #728aad;
  }
  .tech-cat-link.active .info p {
    color: var(--brand-orange);
    opacity: 0.8;
  }
  .tech-cat-link.active + .tech-detail-panel {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }
  .service-sub-card {
    border: 1px solid #ff5e14;
    border-radius: 15px;
    padding: 8px 15px;
    background: #fff;
    box-shadow: 0 10px 30px rgb(255 94 20 / 0.05);
    display: block;
  }
  .service-sub-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .service-sub-card ul li a {
    display: block;
    padding: 8px 0;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.2s;
  }
  .service-sub-card ul li a:hover {
    color: var(--brand-orange);
  }
  .service-sub-card ul li:last-child a {
    border-bottom: none;
  }
  .tech-cat-link span {
    font-weight: 600;
    font-size: 15px;
  }
  .tech-menu-item {
    position: static;
  }
  .tech-detail-panel,
  .tech-detail-panel.single-column-panel {
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition:
      opacity 0.35s ease,
      transform 0.35s ease,
      visibility 0.35s ease;
    pointer-events: none;
    min-height: 514px;
  }
  .tech-detail-panel {
    left: 25%;
    width: 50%;
    padding: 0 20px;
  }
  .tech-detail-panel.single-column-panel {
    left: 50%;
    width: 25%;
    padding: 0 21px 14px;
  }
  .tech-detail-panel.active,
  .tech-detail-panel.single-column-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }
  .tech-detail-panel .menu-main-title {
    font-weight: 700;
    color: #1e293b;
    font-size: 23px;
    margin-bottom: 5px;
  }
  .tech-detail-panel .panel-sub {
    color: #68768a;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .tech-grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 15px;
  }
  .tech-grid-col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .tech-item-menu {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #1e293b;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    transition: all 0.2s;
  }
  .tech-item-menu:hover {
    background: #f8fafc;
    color: var(--brand-orange);
  }
  .tech-item-menu.active {
    background: #f1f5f9;
  }
  .lightning-icon {
    width: 34px;
    height: 34px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: #cbd5e1;
    font-size: 15px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.03);
    flex-shrink: 0;
  }
  .tech-item-menu:hover .lightning-icon,
  .tech-item-menu.active .lightning-icon {
    background: linear-gradient(135deg, #ff914d, #ff5e14);
    border-color: #fff0;
    color: #fff;
    box-shadow: 0 4px 15px rgb(255 94 20 / 0.3);
  }
  .header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 30px;
  }
  .btn-talk-ai {
    background: #26d6eb;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    padding: 9px 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
  }
  .btn-quote {
    border: 2px solid #ff5e14;
    background: rgb(255 94 20 / 0.1);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    padding: 9px 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }
  .mega-footer {
    padding-top: 20px;
    margin-top: 14px;
    flex-shrink: 0;
    width: 100%;
    background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
    border-radius: 15px;
    padding: 14px;
  }
  .footer-header {
    font-size: 13px;
    letter-spacing: 4px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  .footer-contact-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.3s;
  }
  .footer-contact-link:hover {
    color: var(--brand-orange);
  }
  .footer-ic-box {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #fff;
    font-size: 16px;
    transition: transform 0.3s;
  }
  .ic-email-glow {
    box-shadow: 0 4px 15px rgb(234 67 53 / 0.15);
    color: #ea4335;
  }
  .ic-phone-glow {
    box-shadow: 0 4px 15px rgb(38 214 235 / 0.2);
    color: #26d6eb;
  }
  .social-flex {
    display: flex;
    gap: 12px;
  }
  .social-box {
    width: 25px;
    height: 25px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    background: #fff;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .social-box:hover {
    transform: translateY(-3px);
  }
  .fb-glow {
    box-shadow: 0 4px 12px rgb(24 119 242 / 0.25);
    color: #1877f2;
  }
  .yt-glow {
    box-shadow: 0 4px 12px rgb(255 0 0 / 0.2);
    color: red;
  }
  .ln-glow {
    box-shadow: 0 4px 12px rgb(10 102 194 / 0.2);
    color: #0a66c2;
  }
  .ig-glow {
    box-shadow: 0 4px 12px rgb(228 64 95 / 0.2);
    color: #e4405f;
  }
  .x-glow {
    box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
    color: #000;
  }
  .wa-glow {
    box-shadow: 0 4px 12px rgb(37 211 102 / 0.2);
    color: #25d366;
  }
  .flex-connect {
    display: flex;
    flex-direction: column;
    width: max-content;
    align-items: flex-start;
    margin: 0 0 0 auto;
  }
  .tech-menu-item.srv-has-submenu {
    position: relative;
  }
  .submenuIcon .icon-minus {
    display: none;
  }
  .tech-cat-link.pe-01 {
    padding-right: 40px;
  }
  .submenuIcon {
    position: absolute;
    top: 21px;
    right: 11px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgb(215 215 215 / 0.39);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .srv-has-submenu.active .submenuIcon .icon-plus,
  .srv-has-submenu:hover .submenuIcon .icon-plus {
    display: none;
  }
  .srv-has-submenu.active .submenuIcon .icon-minus,
  .srv-has-submenu:hover .submenuIcon .icon-minus {
    display: block;
  }
  .srv-has-submenu.active .srv-submenu-panel,
  .srv-has-submenu:hover .srv-submenu-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .submenuIcon .icon-minus {
    display: none;
  }
  .srv-submenu-panel {
    position: absolute;
    top: 100%;
    right: 0;
    width: 258px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
    z-index: 999;
  }
  .service-mega-menu .tech-cat-link {
    justify-content: flex-start;
  }
  .tech-menu-item.srv-has-submenu .tech-chevron {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .solutions-mega-menu .content-box .solution-m-title,
  .tech-cat-link span,
  .tech-cat-link .info .m-title {
    font-size: 13px;
  }
  .content-box-hire .hire-m-title {
    font-size: 14px;
  }
  .explore-menu .icon-wrap-svg,
  .icon-box-wrap,
  .icon-wrap-svg {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
  .about-menu .content-box .about-m-title {
    font-size: 15px;
  }
  .icon-wrap-svg {
    width: 35px;
    height: 35px;
    border-radius: 11px;
    font-size: 17px;
    margin-right: 12px;
  }
}
@media (max-width: 1199px) {
  .has-mega-menu.active .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .header-left-inner {
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 10px;
  }
  .tech-cat-link .info .m-title {
    margin: 0;
    color: #000248;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
  }
  .content-box-hire .hire-m-title {
    font-weight: 500;
    color: var(--heading-color);
    font-size: 14px;
  }
  .tech-menu-item.srv-has-submenu.active .info h6 {
    color: var(--brand-orange);
  }
  .menu-link {
    margin: 0 0 0 60px;
  }
  .hire-mega-menu .menu-link,
  .solutions-mega-menu .menu-link {
    margin: 0 0 0 60px;
  }
  .logo-box {
    clip-path: none;
    padding: 0 20px;
  }
  .header-actions {
    display: none;
  }
  .menu-trigger {
    display: block !important;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
  }
  body.menu-opened .sidebar-overlay {
    visibility: visible;
    opacity: 1;
  }
  .nav-list-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #f3f7fb;
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 6000;
    padding-top: 45px;
    overflow-y: auto;
    display: block !important;
  }
  body.menu-opened .nav-list-wrapper {
    transform: translateX(0);
  }
  .nav-list {
    display: block;
    width: 100%;
  }
  .nav-item-custom {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
    height: auto;
  }
  .nav-link-custom {
    color: #35465f !important;
    padding: 16px 25px;
    font-size: 15px;
    flex-direction: row;
    text-align: left;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border-bottom: none;
  }
  .nav-item-custom.has-mega-menu.active .nav-link-custom {
    background-color: #fff7ed;
    color: var(--brand-orange) !important;
  }
  .nav-link-custom i.top-icon {
    font-size: 18px;
    margin-bottom: 0;
    display: block;
    margin-right: 16px;
  }
  .nav-label-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav-link-custom .arrow-icon {
    color: #35465f;
    font-size: 16px;
    margin-left: auto;
  }
  .nav-item-custom.active .arrow-icon {
    transform: rotate(180deg);
  }
  .sidebar-header {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 6100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    left: 0;
    box-shadow: 0 10px 20px rgb(0 0 0 / 0.05);
    width: 100%;
  }
  .close-sidebar {
    background: none;
    border: none;
    font-size: 22px;
    color: #35465f;
  }
  .mega-menu-wrapper {
    max-height: none;
    overflow: visible;
    opacity: 0;
    transform: translateY(10px);
    transition:
      opacity 0.15s ease-out,
      transform 0.15s ease-out;
    background: #fafafa;
    position: relative;
    width: 100% !important;
    top: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    will-change: transform, opacity;
    pointer-events: none !important;
    display: none !important;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  .nav-item-custom.active .mega-menu-wrapper {
    max-height: none;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto !important;
    display: block !important;
    transition:
      opacity 0.15s ease-out,
      transform 0.15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .mega-menu-card {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: auto !important;
    background: transparent !important;
  }
  .mega-body {
    display: block !important;
  }
  .nav-list .row.m-0 {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .nav-list .col-lg-3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: none !important;
    position: static !important;
  }
  .nav-list .mega-footer,
  .nav-list .cta-mega-col,
  .nav-list .promo-col {
    display: none !important;
  }
  .tech-cat-link.active {
    color: var(--brand-orange);
  }
  .tech-detail-panel.active .tech-item-menu {
    font-weight: 400;
  }
  .tech-cat-link .tech-chevron {
    transition: transform 0.3s ease;
    transform: rotate(90deg);
    position: absolute;
    top: 14px;
    right: 30px;
    font-size: 11px;
  }
  .tech-cat-link.active .tech-chevron {
    transform: rotate(-90deg);
  }
  .tech-detail-panel {
    position: static;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition:
      max-height 0.35s ease,
      opacity 0.25s ease,
      transform 0.25s ease;
    padding: 0 20px;
  }
  .tech-detail-panel.active {
    max-height: 1000px;
    opacity: 1;
    transform: translateY(0);
  }
  .service-mega-menu .info p {
    display: none !important;
  }
  .service-mega-menu .srv-submenu-panel {
    position: static !important;
    width: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
    max-height: 0;
    overflow: hidden;
    transition:
      max-height 0.35s ease,
      opacity 0.25s ease,
      visibility 0.25s ease;
    padding: 0 20px !important;
    background: transparent !important;
    z-index: auto !important;
  }
  .service-mega-menu .srv-has-submenu.active .srv-submenu-panel {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .service-mega-menu .srv-has-submenu .tech-cat-link {
    padding-right: 45px !important;
  }
  .service-mega-menu .srv-has-submenu .submenuIcon {
    right: 20px !important;
    top: 18px !important;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
  }
  .service-mega-menu .srv-has-submenu.active .submenuIcon {
    transform: rotate(90deg);
  }
  .service-mega-menu .tech-cat-link .submenuIcon {
    display: none;
  }
  .service-mega-menu .srv-has-submenu.active .tech-cat-link,
  .service-mega-menu .srv-has-submenu.active .tech-cat-link span {
    color: var(--brand-orange);
  }
  .tech-menu-item {
    padding: 0 0 0 60px;
  }
  .about-menu {
    padding: 0 0 0 25px;
  }
  .service-sub-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .menu-link,
  .tech-cat-link,
  .tech-item-menu,
  .service-sub-card li a {
    position: relative;
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    text-decoration: none;
    color: #000248;
    font-size: 14px;
    font-weight: 500;
  }
  .service-sub-card li a {
    font-weight: 400;
  }
  .menu-link h6,
  .tech-cat-link span {
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    color: inherit;
    display: block;
  }
  .icon-box-wrap,
  .icon-wrap-svg,
  .content-box p,
  .item-chevron,
  .lightning-icon,
  .promo-col,
  .mega-footer,
  .tech-detail-panel .menu-main-title,
  .tech-detail-panel .panel-sub {
    display: none !important;
  }
  .tech-grid-2-col {
    display: block !important;
  }
  .sidelogo img {
    max-width: 190px;
  }
}
@media (max-width: 767px) {
  .requestquote_header a svg {
    display: none;
  }
  .nav-list-wrapper {
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    background: #fff;
    padding-top: 0;
  }
  .orange-nav-bar {
    width: 100%;
    height: calc(100vh - 173px);
    min-height: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .sidebar-header {
    box-shadow: unset;
  }
  .sidelogo img {
    max-width: 183px;
  }
  .nav-list-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    height: 100vh;
    padding-top: 0;
    overflow: hidden;
    flex-direction: column;
  }
  .orange-nav-bar {
    width: 100%;
    max-width: 390px;
    max-height: calc(100vh - 90px);
    margin: auto;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #d7e1ec;
    overflow: auto;
  }
}
.websites-ul {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto 14px;
}
.websites-li {
  flex-basis: 0%;
  flex-grow: 1;
  border: 0;
}
.websites-li a {
  padding: 0 !important;
  margin: 5px !important;
  border: 0 !important;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.fbitem_right_image img,
.headerNav,
.heroContent,
.mern-block ul li figure,
.tech-text {
  margin: 0 auto;
}
.fullmenu-open {
  position: absolute;
}
.headerNav {
  padding: 50px 15px 115px;
  height: 100%;
  float: none;
  max-width: 1300px;
}
.hero-banner-inner,
.hero-banner-item {
  width: 100%;
  height: 105vh;
  min-height: 700px;
  z-index: 4;
  position: relative;
}
.bannerCircle_rm,
.heroContent {
  position: absolute;
  top: 50%;
  right: 0;
}
.heroContent {
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transform: translateY(-50%);
  padding-bottom: 50px;
}
.hero-banner-item img {
  object-fit: cover;
  max-width: 100%;
}
.benefits-img img,
.footer_txt_info figure img,
.nft-dev-img img,
.nft-t-img img,
.nft-t-img2 img,
.salesforce-uses-wrapper .srvIcon img,
.serviceCard_item img,
.servicesWall img,
.social_link_ul_foot li.dmcalinkFooter > a,
.solIcon img {
  width: auto;
  height: auto;
}
.bannerCircle_rm {
  width: 390px;
  height: 390px;
  background: #a30324;
  background: -moz-linear-gradient(top, #a30324 0, #e5371d 100%);
  background: -webkit-linear-gradient(top, #a30324 0, #e5371d 100%);
  background: linear-gradient(to bottom, #a30324 0, #e5371d 100%);
  border-radius: 50%;
  z-index: 4;
  transform: translate(50%, -50%);
  opacity: 0.8;
}
.contact_us_btn,
.learn_more_btn {
  text-decoration: none;
  padding: 15px 30px;
  margin: 15px 10px 0 0;
  display: inline-block;
  transition: 0.3s;
  font-size: 16px;
  line-height: 20px;
  background-color: #ef5c20;
  border-radius: 35px;
  font-weight: 600;
  color: #fffefe;
}
.bannerCircle_lb,
.bannerCircle_lt {
  border-radius: 50%;
  position: absolute;
  z-index: 4;
}
.btn.get_quoteSubmit:hover,
.contact_us_btn:hover,
.learn_more_btn:hover,
.modal-body.modal-owe-popup
  .get_quote_form
  .form_apply
  .career_apply_now_btn:hover,
.request_quote_btn:hover,
.theme-btn a:hover {
  background-color: #62cbc8;
  color: #fffefe;
}
.banner-subheading {
  color: #fff;
  font-size: 32px;
  margin: 15px 0 25px;
  line-height: normal;
}
.heroContent span.highlight-text {
  color: #00ebcc;
  line-height: normal;
  font-size: 24px;
  margin: 10px auto;
  font-weight: 500;
  display: block;
}
.heroContent .subHeaders {
  margin-top: 70px;
}
.bannerCircle_lt {
  width: 425px;
  height: 425px;
  background: #c82537;
  background: -moz-linear-gradient(top, #c82537 0, #a70624 100%);
  background: -webkit-linear-gradient(top, #c82537 0, #a70624 100%);
  background: linear-gradient(to bottom, #c82537 0, #a70624 100%);
  left: -50px;
  top: 0;
  transform: translateY(-50%);
  opacity: 0.8;
}
.bannerCircle_lb {
  width: 350px;
  height: 350px;
  background: #770115;
  background: -moz-linear-gradient(left, #770115 0, #f64013 100%);
  background: -webkit-linear-gradient(left, #770115 0, #f64013 100%);
  background: linear-gradient(to right, #770115 0, #f64013 100%);
  left: 300px;
  bottom: -70px;
  opacity: 0.5;
}
.hero-banner-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    #030712,
    rgba(17, 24, 39, 0.75),
    rgba(17, 24, 39, 0.6)
  );
  z-index: 2;
  mix-blend-mode: multiply;
}
.bg-vignette {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    ellipse at center,
    transparent,
    rgba(17, 24, 39, 0.2),
    rgba(3, 7, 18, 0.8)
  );
}
.about_warp:after,
.serviceCard_wrap:after,
.serviceCard_wrap:before {
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  content: "";
}
.heroContent .headBgText {
  display: block;
  font-size: 110px;
  color: #ffac72;
  font-weight: 200;
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0.5;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.banner_heading {
  font-size: 47px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 20px;
}
.learn_more,
.projectCount_list > li p {
  font-weight: 500;
  color: #fff;
  font-size: 18px;
}
.banner_heading span {
  font-weight: 900;
  display: block;
}
.learn_more {
  display: inline-block;
  margin-top: 10px;
  background-color: #ff3800;
  text-align: center;
  padding: 12px 20px;
  min-width: 190px;
  border-radius: 35px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.learn_more:hover {
  color: #fff;
  background-color: #62cbc8;
}
.hero-banner .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  bottom: 120px;
}
.hero-banner.owl-theme .owl-dots .owl-dot span {
  width: 9px;
  height: 9px;
  margin: 5px;
  opacity: 0.4;
  background-color: #fff;
}
.get_quote_form_left button.close:not(:disabled):not(.disabled):focus,
.get_quote_form_left button.close:not(:disabled):not(.disabled):hover,
.hero-banner.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-portfolio .item .similar-project-box figure img,
.owl-carousel.portfolio-new-owl:hover .owl-nav [class*="owl-"],
.portfolio-detail-wrapper .is-sticky .website-logo img,
.portfolio-detail-wrapper.menu_open .website-logo img {
  opacity: 1;
}
.projectCount {
  margin: 0 auto;
  z-index: 4;
  position: relative;
  max-width: 1260px;
  padding: 0 15px;
}
.projectCount_list {
  background-image: url(../images/blue-bg.webp);
  background-size: 80px;
  background-repeat: repeat;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 30px 0;
  box-shadow: 0 0 106px 0 rgb(33 30 30 / 11%);
  -webkit-box-shadow: 0 0 106px 0 rgb(33 30 30 / 11%);
  -moz-box-shadow: 0 0 106px 0 rgb(33 30 30 / 11%);
}
.projectCount_list > li .countertxt {
  font-size: 50px;
  font-weight: 900;
  color: #fe3a03;
  line-height: normal;
}
.app-stages .tab-content,
.custom-software-development
  .methods-wrapper.calssified-type-wrapper
  .accordion
  > .card,
.faq-box ul.default-listing > li p,
.portfolio-detail-inner .masonry .portfolio-item .portfolio-caption a,
.portfolio-overlay .icon,
.projectCount_list > li p,
.similar-project-box .icon,
.theme-para p:last-child,
.tools-techno-wrapper .ob-description {
  margin: 0;
}
.alcohal-apps .keyBenefits .page-h2 span,
.cta-block,
.cta-title,
.drupal-development .keyBenefits .page-h2 span,
.g-recaptcha-response .invalid-feedback,
.hire-angularjs-developer .keyBenefits .page-h2 span,
.projectCount_list > li p span,
.stage-name span,
.thanks-block {
  display: block;
}
.services_wrap {
  padding: 60px 0 0;
}
.services_inner {
  padding-right: 560px;
  position: relative;
}
.theme-head-box {
  margin: 0 0 10px;
}
.theme-head-box h3 {
  font-size: 50px;
  font-weight: 400;
  color: #f64013;
  margin: 0;
  line-height: 60px;
}
.theme-head-box h4 span {
  font-weight: 900;
}
.blog-h {
  margin: 0;
  color: #ef5c20;
  font-size: 39px;
  font-weight: 800;
}
.theme-para p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 25px;
}
.servicesWall {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 460px;
}
.serviceCard_wrap {
  margin-top: 100px;
  background-color: #fff4f5;
  padding: 80px 0 0;
  position: relative;
  z-index: 2;
}
.serviceCard_wrap:before {
  position: absolute;
  left: 0;
  top: -80px;
  height: 150px;
  z-index: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAACWCAMAAAAIVGX8AAAAnFBMVEUAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9PX/9/f/+vv/9fb/+/z//f7/+Pn//P3/+fn///9Q7GCwAAAAKnRSTlMAu97MmXhD7lWIOqoRgCIz5fUJxGYDKNj701uPT6EctXFrlEqvYhemLsmR5/aJAAAJm0lEQVR42uzb2XLaQBBGYVZJgAABAsxuMGtWMO//bumeQQu24yyOCcjnu0+Vc3Xq7xE5AO+o64t1Q/SawlGeCsW8LOoVMSqd1CKzfGRXfK7wukHxmV0+MqtFJiVrVFH1spqHyjMcVZU/uyd//9QXOQAALqtrOtqzER173sr2U8IlBdvUaktJW6co+gXhqqP6HjkY3yJfYo9q/9TnV3193ev/eP/Uo/El5VvioL6fHIUrglPlO/K/lpJrxG3BbbwfbLdNtbs5AABe5PtTLatO02EY3mtVRxrVpUlqoRC47l1U0rihST33xgtx/JRNTyufRDwd7zjbJtmB6bWub53dptXzcKUbuyrzesq0BoBM8v1Gw/Y1DPXkO9JLr552B9rW4zEV1riqSVOz3NILSfV6r6JWn0JtM92SSvc10ktp9KJSKZel0GPHaW4l0O0cAOA6tX0ZsVVt7NwkdlKbSWH1FmzPwElf03WlrVckrrRNdFLouM+DYsfkeWTr/CDzmTgDwGXIsVgyO/ZWoWR2UZIrcUceXd3W8WhGbNzYqLAENjPO8vxFJHF23UJf2lzbJGmWwzZlBoC/4a+1tN5QnmQ1tLO87axu2XRmiSxsm5+nWcscFHQ0S5jr5TldBoBzXT0eO+OhbNpRabNMl/Y8tHQWf1NmG+bzLveL+VlNsxwOPae6pcoAMq+9bkhrvfC+XtHW7gYF9+5oU0tpcSm2y1GWbZXv9IytY7lSvw+9B4kyP6ACcLPaU122q7nckCc6bAPX7Fp7QKa1uC7RGfs8ysWOLmXb5CZDGcBVaq8lt97qXu7INTNt08uW2OIWJUs53eT8crKoyPFaZzI/YAZwYfpwu60+DEOzbjtFvSTHud3vqS2yyjQ5neRW0N/lzUpeeU6zseZwDeCf79uq42lvN7POIGiZeWvXLbnFRyZFTi7XtsiDzkzekst6tu6tuVoD+OP3Wxm48nyr9+R+0LL7NuotuQV+6mwjxxO5Up4PCTKAF4u7dcbygisLV4J7Fwd3T3CBtwd5nwRZF/JkISfrcXU7pcfAB+Q3THHlpiwT173TkzILF3h/GmRzso57vJyM6mYf89MnIKP8hl6V66PJrGOKG92UecIF/p+kx/qC7BZ2+Y3MY80xH3QBt6u71ofc01lZfxZkPpti4wJX6+tX84Ac57hocrwak2Pg6rWnTUdWrt6VC64+5DJygZuVyvFBctyXx+NRORw7W2oMXAXfztxSLa8/D7KHZZILZI49Vkdvx4XdbCNPx57Dl1zABWlzx6tyZbLs2MuynbkcloEPQ8ex/bRaaxwUzTbWS3UOwD+/LW/NbbnWGQTmAyoecwGcaI1Tl+plST/jajKNgTcO3dFktivY2zI7F8AvxO/G9lCt03g1rjaIMfA70Q3ro01eh+7hwHsugLfVOB3jCssYONNu6NKV6MbXZYYugHeMsTlTz4d8T40PqT1tPpjzcjFoHYkugAuyn3DZL7iCQX4jV2qGMTJOp26oH1L1XaIL4BqkhrHb79QW9ZAXY2TGuud483ppuSswdQFcsedHalqMG+T3nOF9ZTI7fUpFdAHcFInx42PU4trC3Kh5L8b10guz2br6rEt1AWRCvIv1vVg/pHZ6fg64Al39msq866YuzJ8AIHNON+rD4Xsr2JkTNbMYl9fuVT05MecH7pGxC+DD+cHevS6nCUVhGE4U45GIog0qVVEQOqnjdLj/e+tewLb8aCaJEcLhfW7im7XWt0Fl8XUs3v2UazEtahRKLru9TciwCwD5sThtUcuG2htQ3MLdLE/Jjtm3O1x2AeCjUbwninGjU6Ri1/C7lsPbIQC4NYp3hrlwp3xyCx9bMsu0m8UuqQsAd4hiR9W2Dj0a1PhPpWq9l9uuXjITuwBQTG1r9mKHG7WfpkDdZsvt1PVUk1lXqlgyA0Dxrvtpq5sOxVyKW2OeVJl923JU7v5m3AWAsuWHYn0pDo4R6+mGUqWqhWnsVn2qzABQKXIpztbT8pJJdbYeUH/L7Wgg193OjFIVAFTdtbPVsSWJmYlrKM3dsW05lKoAoH7OKon1TGwu2E5XH7kLAM3yqpN49WiYAY2tqiF3AaDh9J1YGluqO80rpm82iVxvGJK7ANAeujvtWHY49FhOl0reEQWmPN8ldwGgtfSZmJG4cLJolq9Edvux9Jn5DxEAgJG4UPlFM++IAADvjcT+YT/gMfHXmlW9w27VZ9EMAPjcSJwWp3cGu+kbLrwdBl4AwFdkQey8PBrm+umZIH7LZOp6m/EvK76oCy8DLwDgTs7ygin9vJYZEMT/nKbJpplKMwCgQPpIfImttgfxSZ14DRW8bJoBAKXJT8Symh5tH1pDHhMZ+hEvb4kAAOXLB/FM3Yh7g1FzW9NLghcAUEXylcu0NS3Plxr0jlhuvGnw8vUMAEB1Za3pfnc8XNT6RDyP3P3GXzHxAgDqJOtqyYm4t67VZnr+4+gNx91+TLkKAFBfZ72Z9jfesdL/QVw+PwVmaFvxhedEAICmyL5wmTxeqtpAPEmPvM7lD8ELAGgo3Zle+UPvmy/EMvIuZNecHHkJXgBAC+QuxHs3KncxrUfejsOuGQDQUufXEhfT+ZGXjzUDAJBbTBfzdEleFDHyAvjL3t2tEBAGARjGoVJ+YktEeyDZJLn/e7MbKSdG7O7B9Dw38dZ8M7vA58F0sas3plvp8GG8nmwX05tXXgAIVdWzw2V9ubT8Y9g8u1z9GRAAfurwaFjuN99eEM9Xm325KwybAaCdRa1gYXp+rDeb62Gz70YCQBcL002HV8v3m6LmmddmMwB05/yaSz/2tJQXAALtd7gYKC8A9K4anACA3gkwAMQEGAAyEGAAiAkwAGQgwAAQE2AAyECAASAmwACQgQADQEyAASADAQaAmAADQAYCDAAxAQaADAQYAGICDAAZCDAAxAQYADIQYACICTAAZCDAABATYADIQIABICbAcGevjmkAAAAYBvl3PQn7GzABQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgEDQIGAAeATMAAUCBgAPgGvvTqmAQAAYBjk3/Uk7G/ABABQIGAA+AQMAAUCBoBPwABQIGAA+AQMAAUCBoBPwABQIGAA+AQMAAUCBoBPwABQIGAA+AQMAAUCBoBPwABQIGAA+AQMAAUCBoBPwABQIGAA+AQMAAUDxMMYzcgOF6wAAAAASUVORK5CYII=);
}
.serviceCard_wrap:after {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: -250px;
  height: 270px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAEQCAMAAABmypmNAAAAolBMVEUAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9PX/9/f//f7/+vv//Pz/+Pn/+fn////+vmbeAAAALnRSTlMA3/X8qQMHGgsQoTDrsNK9eyIUNiqajYhD8Ek8tmVQ+VrNycRgcXbm2GqBVZGVifpjSQAAEYhJREFUeNrs1TERACAAAzEU4V8eErox/CUmci4A8J2AAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBgANgEDQIGAAWATMAAUCBiAx14dlAAMBEAQc9T6d1cDhX0c3GNITIRNwABQIGAA2AQMAAUCBoBNwABQIGAA2AQMAAUCBoBNwABQIGAA2AQMAAUCBoBNwABQIGAA2AQMwIn338NdAgYI+di5u+U0gQAMw6AoAiISQH4UEvkTFSMJ7P3fWnfdsZNpm04bJaJ8z6kOp+98uwxHqq6b5o16ZyqOEN/3RW62PokNZn1W0F/of4aEkIp7p+hjmqauEegWIMAAAPeKx/aU2ooiz75YrA1dcko3z8KXfeR5lqaZ5pMyEf7DWFFk09aWXrRPwyzfLRxJN2ig/WeWZh7lukaRL4UAAwDcD5bchgeXEF+ktVXLXZbuPc2UlZHQtpFial6UZruFSpMsDgjvcVNjIH8BAgwA0G0fmusXsa4u5mG01ExFuL2xbC+jcE5znPAa0xhjGv8rBBgAoIN4dVl0NzODN9eWR0KXTcxltN0d9KQY8BSjxH+HAAMAdAbLLtu6ZFAkUjlPA63j0f2EYnvpvNTjzZCmGCX+BAIMAHBjrLuntTsoDNXNoqU5ER7ESLb2eanPfMJCXCPEHyHAAAC3wvYu6+5s5exSz+7CrW5bFDvYulI8JVjEPyHAAADfjYeXbGLJ3QYP3d3fKNo+dwxxiA6/viLAAADf5RzeRHXDwB4L/TUyvW25OnW4z+fSCDAAQMuONTtq9teSG3pmn8P7i7Ed5U4yraq3ppcZRoABANpyPE/e+Yv1JMCfKVa4WImkfxlGgAEAro1v3qG4OmSR/TDvNLdLsdK+ZRgBBgC4Fn7PW1XTRM2jXt/yftXECktj2pO7YQQYAOAK+Oh9nuluitPmS8lBLhXDhx/DCDAAwEX4Te80cbLAvMsPV3UUHcOHePDIFUaAAeAHO/einCYQBWA4gKgRQY2CeEET0eKdBX3/Z+sg7Uw7TZvaVGCX/3uJf/bs7sE/ytMb9U47n0PvY5jW+hTqIlWywgQYAO6WpVcIbe4Fs1ot0iiHOVofQwXPwgQYAO6Q3/V2e14wJL1FMq3AdYw0uZyVQYAB4K/k6dVX7oaBc1naft+OlBlIE2AA+EA+cTa2jf2BZ1blax28cCkUOAoTYAD4kzhJxaTnrS0WalRIc7axIyH5b2ECDADvykfOmr1fDJ5QRYO1u5V5Hk2AAeAX2ch56XQ2Pg+tKu5l4b0ZkkaYAAPAj+JrKibhcW2xSVIWz1NvJWOECTAA5PL29rzXES+tpPM8HUsXYQIMALRXCe3pWKpxNAEGUHPf28tTKxW8HFxNpHJ8USLAAOorviRCD2mvYgZBoyuS6h+ECTCAWsraazhuYDFzVpFpfZnrVZ9GE2AAtRNn/3sbmxmrNZTW9L1tpRdmEWAAdZJd+Hbt/pRtzvUw2Nl6ZafRBBhAXVwSsVwdufCtmaY/dqp5ECbAAGogO/hGDJ1rqxXYFbwRJsAA1PbtpfOh9YQ6ay/cqGLDaAIMQF3ZwVdr7IZslURmuH+r0jCaAANQU5ykxoqDL37W2s31quzpIMAAlJNNnbvzvs+NL94dRncm6fVcPgIMQCnZ1HnbCUZPwG81/VMkSn+URYABKCNO0mXoLfjji4+ZM08r9VEWAQagiEsiJvM+/4xwB2vvlNdgAgxAfrcrX3vDVmfcb9Qvq8EEGIDcbh+NuPLFJ4zKOQcTYADyiq+p4Zxe+WiEzzd4W3iDCTAAOd3ie+S9Ff4Xa1zwmywCDEA+cUJ88QCWp4nruSgEGIBciC8eyJy53aJ2dBBgAPKIE0F88WDNaaOYXZUEGF/ZuxOdtIIoAMMIIrjgVkWUulCVQmm4C/T9X60lJE2aVNnuwADf9xJ/zsy5c2E7mHxZm/rbRSX8dbAAA/FLxvkv8WWdat3gnyYJMBA38WVDTptnQY+iBRiI1+SRDfElnNnXwc95sDFYgIE4iS8xOO53Qh1FCzAQoVGWHtx64Yoo3AQ6ihZgIDKTHyscPl6VIBZHT40AW9ECDEQkydL7xvtpCSJTuyz8kSwBBiKRjPPni8u2XwoSp2rr8LnQMViAgQhM/qzQuWv5mT5Ru37vFTgGCzCwYdONq4F1Z7ZB+6Rc1IdJAgxs0PTSt2/jiu1x3D8vZgwWYGBTppe+X1z6sm3ahdwGCzCwEaM8PW8+uPRlO9UuD1b+NliAgbVLsvT7iWc22GrVp69pNlyFAANrlYzz8kXXl77sgKvm2SoLWQIMBOLcmZ1Xf/u2/EKWAAPrkWTp2cmbc2d2zPILWQIMBDfdd+6e2ndmF9XuljuJFmAgsFGW9n4+OXdmd9Ufz9PRcFECDASUZGnZOxvsgVajkg0XI8BAKKM87dy1jkqwD66a94udRAswEMJk5erQyhV7pf5+sEiCBRgo3CivvHpikj1UfenMfxkswECRpq9cDY5LsJ/ajcp4OBcBBmYx+sICbm7Lc30ZLMBAEaa3vkZf+OP6xzxfBgsw8D9GX1hBvd+bmWABBv5l9IUCVAez9rEEGPjL6AsFenj9NMECDEwsPfq+GH3hI+3GJz9LEmDA6Auh/GbvXnASBqIAilY0Uv/YqPVvQvwbpwLuf20KaiKKWqSQMpyziZt5mZm3sf7jF5UCDDj6wvTs7l+MTrAAA2MffduOvlBeMz8alWABBsY6+h6tXGYJMI7sfkSCBRgoZ7DXNz909IV/WHtNcBGGCDBQQvHcbZza6wv/t9baHE6wAANl9ivsn6cJMIm0NfRDpQADfz832kiAyaXXnxIswMDvW/U9N4LqpFc3HwkWYODHO1fb+Yk7V1B1gt9PwQIMjL5ztXXXTIDqpa3BjWgBBr4Pnpcej1cTYEi1j5KCAANf7lztXO8lwFRleaMjwIAvnmHmsoOGAANv9b115wpmqCnAQK97sXPlnyuYLQGGxTYYPD/45wr+JMBAlfXdzu0WhFIEGKhGf8GCx75QmgADFixADAKwYHqdp/a9BQswJgEGJhw8b50ZPEMNBGBR+GUS6iQAC6HXWW7b7As1EoD49QfPl1kC1EgA4mbwDPUUgIgZPENtBSBSxeDGs8Ez1FQAYmTwDHUXgOgYPMMcCEBUCl9twHwoAhCN/h/PBs8wH267Egxx6HWfDJ55Ye/OkhIGoiiARhERHBChEJFywgkHkhD2vzaHH34sVMZ0cs4mXtXt+14Tjv2H3XQMBE7wDAGqNZJsDIRL8Ayhat8lcmgIVDbReIZwVe+f5NAQHsEzhK/evZ6OgYA4tQEF0RnIoSEYTm1AkfRPrCRBAGKfC0LRVEdHnoIh3wTPUEyegiHPBM9QYK09W8GQR1/B857gGYrMVjDkzlfw/NYTPEPR3exoY0F+ZGlleNqJgBI4OHUgGnIhnk4uBM9QJmfv2ljwf4JnYGkdbSzYpmxSGT4KnqGU2k1tLNi0WfB8I3iG8nIbCzZpFjx3Bc9QclWFaJhP8Aysx/6D85SwGfE0+Qye6xHAt/qLnSRYuzhNnru9agQwU7OTBGuVTSpNwTPwg1ajYgTDWsRpciR4BuasBRvBsHJZmpycXwqegXkOj13mgBV/bzQYtSKA37QHRjCs8l/9gwjgTy6bRjBY9gW2oOe3YFi2c9XQuQIW0L81gkHnCtiCq1tBNCzSuToe1SKAJfTvjGD4d+fKBwvA8vpDIxjcuQK2oKcRDX/rXL3qXH2wd2fJaQNRFEAVEjNPZnCgbIOHgMF2lSb2v7ZE5Cc/+UuklnTOJrpe9+37AJ+SoDTF6PvyvpS5Av69+4dEQSX8/bvRIgL4P5YTRzAYfYEKrIZ7+4Lhz7X6429GX6AMt59W9sNVnhp9gTIt3reZeixa7jr6/jD6AuXqH94cwbRYnibPRl+gEt3HkyOYVorTYvRVMglU5uZDSTStk2fJs/0KQOU2PgbTInGabI2+QCBW633qJpoWuP71NfoCAel9H3sMptniNHlTcwWEp38+eQymqeJLtp/NRxFAiG52M4/BNFBe7PXd9SOAcI2GHoNplDhNOg/n2wggdL25cg6a4vrbaNONAGqh+/TqJpraE7kC6mg07LiJpr7iS9aZHUWugDpaHL9kMtHUUZ4l07uNyBVQWzLR1I+CZ6AZVuuOQBZ1cc07u3cGGmJwnhqDCV98yb6+yDsDzbIUyCJsRc/G+kPeGWiewcEYTKCK1UYTPRtAc91ryCI4cZp1ZvOl1UZAsy0OJ2MwwfDoC7TJZigUTQDiS5ZMP3eDCKA1Bo+viatoqlQkroZPfvoC7bO6G6vIohp5UbMhcQW0Vnc3kciibHkRdz6o2QBarneUyKI8+e+OK3FngF+W662raH6ydx86iURRAECliYwUpYgiKEqTQcKA7v//2ua52WzWxNhAYDjnJ25u37gQfO0aAfzneKYUzSaF4Htbi6/tGgG8Vh/dmYom2EjwHcS+CgK8pRlntINZr0UoO8eubAC843peXonBrDH4nik7A3zIcScyksV6PvoKvgCfcjKrZMVgvrXn2x2bdgb4glK/eysG82mLp2UyyU/t+QJ8XWkoBvPZxwoP0dB5SYBvK/W6OTGYD74UrD7OPFYAWJe6PJiPrPm2O14KAqxZqZ83k8Ubie8yKVfGhp0BNuRkFl0lz+5k8brl2xo2jwDYpOPL+cStSv69VRi0b+pHAPyERnyXLBWjD1tIfCeVkaozwM8qTrtZxyoPVRi3un/sWzQC2IqTm5Zi9MH5m/h6aQSwTQXF6AOyeNkzurDkC7AbitNKViKcdovlKsnkRw0dX4BdUrhu3yVWhFMqFJ3L3bhj1BlgJxWHUVkinDKL57BmdGHaCmC3FRpng9zKnY5UCA3fXLXV888IYD+Ubh6rqtH7bfG0XP16iEw6A+ybYr+VMRu9l15ibyY/vvRRAWBPnffyZUF4n/zJe8VegBQ4HVUE4X0QZq1yD9FI7AVIjUJzmp8kyyeDWTsq7Bhl71u9hn4vQPqcD6NMYjp6x4SSc1KutftNc84AKVbsz6vJyp7wTggl5ySTP+s4KglwEEqduJZVj96ml7T3ajDvNbR7AQ5L4XQaZaTCWxC6vbfVaCztBThc9U5cu9IV/imL5/BJodvuN71SAOB3e/e2nCYUBWB4UKJGIodwlIMSFJCg4wbl/V+tbmxm0plm2qam1eT/rr3/Zy0Wcuest9lSNFT4A/UPe8vYSyI2zgCAV0Za4j5R4cvby/R2SuzxsBcA8JaRnbjZgI30Bc+shkrsr3m1FwDwa3dO6selaLmR/puhtxXzbGrWGukFAPyRcViomyEr6fcMvZuZlwR8NB8A8G4Tbe3HiiDDvzfzdqXhFgsOnAEAlzGxXzLMUvrn5R0q8S5fOKybAQDS5TM805eiZRzuw3tomlYM9JlXhRYzLwDgg91ZYb4zlO6r3mjJ8LZCLDexa6YR/2QFAPi3JlptuoYyFO0X2UvvD0cZ3gHhBQBcgZEVVt5Mn4vPGuK+u/K6Kptt89omvACAq/Jo1/n2FGK5mW4O+xsv8V5mt180KyvVy9OIZ7wAgOs2ccLkeRrrD51o2+Z4Uynev0y7g81K3ZrrUGPeBQDcmpEV1bl/TrFomyttsWzuedbtBko2c5+rRWTxLhEA4DMYje1wXXjTOFMGMsbnGv+nHO9Pye3Xy60QYlnqhrp7rtJAG1NdAMAnNrHsMK1Mbzpb6aXMcd/j5ng8yCR/SG1lbr8Ht1s+bJ4M1fWLpA5sJl0AwBc1GjtasEirwt9OVSPTlXI+7ITUSk3vKOv8mszqD44njdRKotcN5+XmaRWr051v5km6CDTrkUsqAADecv9oOVoULOo6SZKiKHzf37kn6ovYiNUz98w7/cQsiipJ6joMIs2xxve0FgBu0DcYbBSLXk8nVQAAAABJRU5ErkJggg==);
}
.emerging-mobilehead,
.nft-benefits-wrapper .cts-wrapper,
.serviceCard_item {
  margin: 0 0 70px;
}
.serviceCard_item img {
  position: absolute;
  right: 30px;
  top: -30px;
  max-width: 100px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.serviceCard_item .serviceCard_item_inner {
  display: block;
  background-color: #fff;
  border-radius: 18px;
  padding: 70px 25px;
  position: relative;
}
.serviceCard_item h3 {
  font-size: 21px;
  font-weight: 600;
  color: #000;
  margin: 0 0 10px;
}
.serviceCard_item h3 span {
  font-weight: 600;
}
.serviceCard_arrow {
  width: 83px;
  height: 45px;
  position: absolute;
  left: 19px;
  bottom: 15px;
  transform: rotate(180deg);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  background: #1b1038;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}
.serviceCard_arrow svg {
  fill: #ff420c;
}
.serviceCard_item p {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}
.industries_list > ul > li .ind-box:hover .serviceCard_arrow,
.serviceCard_item .serviceCard_item_inner:hover .serviceCard_arrow {
  right: 25px;
}
.industries_list > ul > li .ind-box:hover img,
.serviceCard_item serviceCard_item_inner:hover img {
  top: -35px;
}
.viewServices_btn {
  position: absolute;
  z-index: 2;
  bottom: -50px;
  left: 0;
}
.process_shape_rt span,
.serviceCircle_lb {
  width: 340px;
  height: 340px;
  border-radius: 50%;
  z-index: 4;
  opacity: 0.7;
}
.serviceCircle_lb {
  position: absolute;
  background: -moz-linear-gradient(left, #4dffec 0, #fff0 100%);
  background: -webkit-linear-gradient(left, #4dffec 0, #fff0 100%);
  background: linear-gradient(to right, #4dffec 0, #fff0 100%);
  left: -110px;
  bottom: -270px;
}
.aboutshape_lb,
.aboutshape_rt,
.ourClients_wrap:after,
.process_shape_rt {
  background-size: contain;
  background-repeat: no-repeat;
}
.about_warp {
  background-color: #1f153b;
  padding-top: 260px;
  z-index: 0;
  position: relative;
}
.about_warp .theme-head-box h4 {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  margin: 15px 0;
  line-height: 36px;
}
.about_warp .theme-head-box h4 span,
.emergingEvol-inner .emerge-title span,
.emergingEvol-inner h2 span {
  display: block;
  font-weight: 400;
}
.about-content {
  max-width: 700px;
  margin: auto;
}
.about-content .theme-para p {
  color: #fff;
  font-size: 15px;
  line-height: 27px;
}
.about_warp:after {
  position: absolute;
  left: 0;
  bottom: -200px;
  height: 245px;
  z-index: -1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAD3CAMAAADL/LkDAAABs1BMVEUAAAD////////////7+/z////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/v7////////39/j////////////////////////////////////////////////////////////////////////19ff7+vv+/v7x8PMfFTskGj8gFjzx8PNUTGkvJkk9NFWlobE4MFGIgpbS0NhMRGKXkqR5c4ppYnsoHkOUj6FBOFiPip1kXXgrIkbr6u3n5urDwcuxrbtbVHDh4OWppbT09PasqbdPR2VEO1tYUW29usZHPl7u7vDb2eDY193LydK4tcF2cIdwaYKgm6yBfJE0K01tZ39gWXT////k4+eMh5qFf5R/eY/V09rBvsi0sb6alqdrZX58dozf3ePFw83Jxs/6+vtKQmHQzdWinq66t8OdmKlzbITNy9O1sr+emqrZfel1AAAASnRSTlMABRAi+t2Zh8xmOidEPwPugh0M5bsJquE0LMStd19Hjnry6nNq1MkUnVVLGpVYv4v4s1D+z7ehfTDap5JcpG5jsFPWF9EB+fP9+4lM9Y8AABViSURBVHja7NUxEQAgAAMx9OFfEBK6MfwlJnIuAPCdgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYADYBA0CBgAFgEzAAFAgYgMde3bU0GYBxHDbHNrXltGQtWdmBBSsLKqI6CAs6CNPm3CuaL2szzJKEjBzUHEmYRNRH7qkTd/ZEBNXDdR3e8L9Pf4QTYACIAgEGgHACDABRIMAAEE6AASAKBBgAwgkwAESBAANAOAEGgCgQYAAIJ8AAEAUCDADhBBgAokCAASCcAANAFAgwAIQTYACIAgEGgHACDABRIMAAEE6AASAKBBgAwgkwAESBAANAOAEGgCgQYAAIJ8AAEAUCDADhBBgAouCPB3ilsDC/VKlsNnfr9VrtfalUre4Ui8Wn3W53r9FobJfL5VetwOpcj/aRnutq66dOMPkYTL8GL4qBarX6pPSuVvtQ321uVipL8wuFlRkA+K/8boAfFeZfbjTrb2tvSovV4nr3ReOw01qbO2in0/H4g4HxsZuZTCIxlUyO5HKTg4ODV/L5/LlUKjWUzWaPx2Kx0f4ew31Hhnvuo7EfzgSTE8H0fvBiOniVy+VGkhOJRCZzbezqwMCd+Kl0ut1+NrfWKh82PnfXi0Gf92v15ebjytJCYXYGAP49vxTg2cL8p83lL/ul6s56t7HdaW0dPEzHL1wcy9xNTCTP5wbP5i+lsrdjl/uP9f0tJ4NcZ4dS1/PTk7lbyalE5t7Y+ED8dLp9Y6vV2d7rFr8tlmqv682N56IM39m7t6akojAAwws1SjlIShoohAoeAAVLBSMRDxeOjTRgo0Y4igSoIE4eyjygGR7Ssr/ctqsumqkmQ9i8z5945/vWWnsDuH2/CrAU3NfSdDu7H7lIpU/XF6c+1N7p6wkMOO82+4e71DXeSim0JePBWKVXY+6q9lvuKoea9O2jUpSTi9krqckf9w4254OZMBtsAEAh/RzgV+Hz+PGnvS+p9FV+7UPt4D19g9LlsT6zawz3K4Tc1N031EhNbtP5hnqNtsaWibU3Lw+XLiLbX+eDK++eTwIA8J+J6NaRNOSetTT26RucujaTvUbVoRVlRttR+dDcbfU8Gug1jrZOJHdzsaNQZH9DyvGLSQAAbp7QWbs1BscDgZ8HZK+6q9ri6gwYR2snFtZPv11ED96vZpiNAQA3ReA3FGMGzYjV43uqH693T+WvLhMz25vxzDtucgEACHCh1Klq7CbLoyG9rVWajGNLX/ZpMQCAABeSdsygftb2o8Vni7l0InIwHwyzowYAEOCCUTi89mGPM2BsdK+tx1JSipdJMQCAABdQh8FssvgC7fUTC7l0KLoRX+GRMQCAABeO1vHQXq3r7Le1TGUPE9GNHUoMACDAhVSnUps8zt7x2mQ2lojO7mQoMQCAABfQg+sSK69n4vXLrf3jZW5PA0AZEyi8Cu9jv6uhvf4sfyItp1dfc2ELAMqPwO1RqNTDuoGeO+6Fq6WZ2TghBoAyInD7tI6abotSP+hePE1FvwbDrKYBQP4Eiof2vsakGzBKq+nD0PTxMv+BAAAZEyg+CpXZ6mq415rMvZ2ZXWUgBgA5EiheFd6RZmVPY1U2vXWwwwkxAMiKQNFTqOx+X/+ge/ckND13zitiAJAFgVKhrVRXu5rGWxZOE9NzGeZhAChtAqXGoal2BWzu3djFNntpAChZAqVJW2m2+vrvVOXTH7mnBQAlSKCkKVSP25Q99U9yR9H3568mAQClQkAO6rzduqd90lp669NqeBIAUPwE5ENaS/ulcTj5ObXHLS0AKHICslPx0HS3afT6dHgjyNe0AKBICciUdDrc3Nleu3YS2o6zlQaAoiMgbw611amvT75MTc+tsJUGgOIhUA5+bKUHq7LfosccDgNAURAoHwpDl67BVpV/G+HJEgD8JQKMf6VQjXikJ0tvLmc2z5mGAeAPEWDc2B2t7+zde0+OYRzA8Rsd0JLSkxw6lyarzSSEJYmtraaDapUknZakwrQOUtEQ4yV72vNPM+OfunrW8/m8ie/u6/pdv7u08cHOoXT/oD1aAP8lwOztoXRt5r30az2TK4smpQH+RYDZe3mFTSX5Z9rnOjenvRsG+DsBZr9UZ1dmnM8ZWVtfeGJCC+BPAsz+yi2+2FCfNjY/sOHZMMAuAkwAp7KaTxfcT+sZf+dMGiBBgAkmVth0uy5n5GX8Y9icNIAAE1ZuzcXGqodfO1c7htsAEGBCit0sKsnPGdse6n/sYxhAgAkrt6a04NbEXGfflDFpAAEmrLyTlRmXyj79XH5qdQeAABPWqazLmdfPvHreu2GPJYAAE1hL/Eg6fWLu7YKfOgAIMIEdza64WxV/MrzZ4WIYQIAJK1Z4IuN42uxo9wuLOwAEmLCOnCsqqStb2h4yngUgwATWeqw5MZ713ngWgAAT2JWa0gvp7Z/XVRhAgAmtujhe4Ymt72+skgYQYIJKVPjsxNyvHyoMIMAEtLvCvoUBBJjQEhXeci8MIMCElqhwfDprY7ANILVFEFqiwmsD3gsDqSyCA9FSc+Nq+bPt5UW7s4DUFMHByW3OzM9Z+rgyPdwGkGIiOFitWXdKzpfNTq5O+acSkEoiSAJHzjVl1Kd96FyYUWEgJcxsR5AsYicrG6p2ngt7qAQccoOjZ09EkFTysisK4muke41IA4dW13h5RSyCJFRdHB+RHpnvNpwFHD5d3x6dPhpB8jpWGx/Oej3e98W1MHB4/Gbv3nuSDMM4jt8oeZYSZWoe8pCJ6XQzpRhCLReMg8CQnDpExNJaUWoctrAWRRQMpi+5h/6pTSNREB74ft7Evevedf1+0VNL86QAqp3iUat24sFBNua2AYD8RRPmO8sCkAl15+BAb+iNj8wOAPLmWjMbeH4hN9PzzT2jyWCEa2EAMuXaNM9MC0COVO1DMy1Kb4ZyYQCy4/dZm7oEIGOaNpNRv7KzuRW1AYBMSM+vtlEA8jd5/9bizRd8SAOQBX88pOP5Re149vtDOh3+QLcwgGrm8ll17QKoMRopOEvakI7vEtkBoCpJq1d8PqNmSRvSs1KfEpEdAKpNNGGeYfUKtU2Vj+zYSyXWyZAGUC08YbOBwyPUhYaOkXyG9LFzwwYAFebOWOaI3UA9kTKk7yk/Z3LsZgGoIPdLMp9RjxRtJnazAFTO6/0xGo9Qv6bn5/J1Skdvyc0CcK1eHXaP8Pyizin6TMYbKzsUOQC4Nrvfe03U7QN5y/kzpeT+N86UAJSbY92rH1IIAH+ahe/q9HupNSKkAZSP/ejdwpRKADgbId0z+pEIaQBlsREJzA4LAOdT9bdqn/44yJLYAaCkXPHQQJ8AUFDDsNSmFPgScTIKAygJT9aspXEBuGCb0uOmCWU6+5VRGMAVPQ9amsmcBIqh7ngohVeeHDMKA7gsh3R3NK4WAIomFQsvKNOnMUZhAEWz594vLHF3BFyaunPwydg2PQ4AiuJfDSx2CABX1LhkaFGmwzG3DQAutHml6xcASkLTOT7QvX24yigMoLCfQcscZftAaXXlKw29jMIA/sWxlWLzCigPTRujMIDz+T8lb0+xeQX8jVEYQLl5ElYjmVfAWYzCAMrIedJN6AZQAKMwgNKz57wTrZT9Av/BKAz8Yu/On5KIwziOr6aQGh7IeI2aYo6lpoNHmkdWHkwsKd4Xygx5I8pkIiOkA8RMCTL9yW31KzOKLLK7vF//xM7nu8/zeSArv9NleTYtALgXojAAWRy4rd3cWwDSQhQGkKH1r0tv2woFALlHFAbyhyPstTSXCwCUooAoDGifPeAx9z4RACgNURjQsu3zH08nmHsGlEqKwjVEYUB7judnxksFAMpW9YooDGiJeOarbZkUAKjB/ygcXzwiCgMqtxn2DvbR9wyoStWH3oaiq/nbQ7sNgCqJkVi1nsErQI0K6t6NF3++dgbmbABUxrHiMnHsCFCzjs5KU+vJ/uoxURhQDXHt2txL4xWgfuX1JS/b92IrW34bAMVb2HD1vCb8AppR2Dxkqbh0nx+INgCKJa55zM8Jv4DmlDV1D/QnE5EFGwAFOk54TWNUbgAaZTQ0Ul4JKND2arK2krFnQOOk8kppTenmdpPZLEAR7LO7MzWdHFsA8oK0pjRS7PU4v2zbAOSUf/GkvY3CKyCvTPbpe1pPdllTAnJG3IpbdbQ9A/mofLjkzce92MYWjR3Ao1v+7eppMgoA8lZhc+VgxY77O2tKwOPxh06Lh5i7AjBd1qQb6PeF11hTArJv/cxj1RmmBQD4x2hoeV/tigePmM0Cssc+O/9pkJVfACmuKf2dzYr+5EEayAKHc2eqsUsAgFQKhqUKaelBOsJ5f0BOc1GfebROAIC7e7PiQZaFAVmsX3isI52cWgCQxoP0fnSZB2kgE2LAPWMZY+cIQHo3DSd0U/2+xAUP0sADx65uXA0vOgQAeOCDtNfjDFDZAaTncOOyvYWNXwCZ6OrTm6TLwiHOKQH35Ahe1errBQCQobJjbLSh6HSX38LAXRyLS9Wjpdw5AiDvntJUUfLb2SGXHIDUFkK/zN0Gvr4A5Gf8w96dN7MVR2EcTzSLREgEjS2MIKJDidhiZ7RGxRKJpYklUhIEJcEYRGspoh285F4z/aPt1AwlkeX7eRO/ueee8zzK8jbp8LdJ4iuBv43vXBtkKl5fANFTVdJiNtxdC7OcBfyyG940mEo4+AUQfdm9QrXwmXeH5SxgfOdczesLIIayMvTtRslnf3iZVxgpy+1wGmS8vgBiT9zaLUuXHC2d0i2M1HPp2tC1s3UF4OWI8xWmRonTHqRQCSnDNnK8aJUrafgF8OLylBXNlZbIVXCNVxjJbujTladfQ9oGgPihVXZ19vk2bzkXRvKaO/EOGotJmgQQf7SZ5W1W3/kPXmEkn/HwwoBZQb0+gPiVpioWXuHNbSbSSBq2CdeRwdSQJwKAeCd8C3f2WSL2KWKkkeiG9uyePjkxzwASiFbZJcRIO+1cKiFh7Qa3fG/LM0QAkHDy8hWy9LvUDrKzkGBsI8Lgua2Dcn0ACUyoVKoxSjb8h6tzH4BEMBryrjcyeAaQFMQF+vbCssWtmVk6lRDXbMsHEXVRNxvPAJLJu1e9GnPO+sJxiCVpxKXRk6X1yjoVIc8AklKVqvi11SKsZ/FjGPFkaNUVKetRELUBILlplRXCetbZVwcFw4gHK+HAe6Mmk09fAKlBXNBRl6v2BFzTbtKz8GJGp+37Oll1mggAUkt2Q0uR1BcRRtJsSSPWhkZmIgPmLm59AaSstMwKmbF+/zsfw4gZ2+XhF59RztwZALIyquVmnSViD3MyjChbOb1Z7y99w9wZAH4rdOgypdfvB1wn9CohKtxB77y1ppqUKwD418dwr6ZHanEuhVdZk8YzGgv6PbpmfbYIAHA/rVJRU6ieX7idWmYmjSdzT3k9uk4ufQHggbJLipsbhZn0ZOiSAC38H9taWBg7m/Q8vgDwSOKMak2R9GLjZoY9aTz21MgRGKysqSXeGQCe0G+or2vSXRz5HXuUOuABRmcnzy3ppQ0sXAHAM9Dmd5fm5gxf2w/3xvgaxr1T5yn/mbqpRaUVAQCeUVqmorRJ53P6HbMMpfGnj6sHgWFrs6KASl8AiBKtMJQ2SyVH3plpOg4hsLlD286BQjlTZwCIgbzWWk1Rn+RsyxWaoOQwde3OuhaGpW3lStIlgZ/t3elTUmEUBnCUHSFwQ0BQUDRDURTEQkxEnXFSNoELoiggyKKxCipouCGNpfUnd5tmGvvQTJvJ8vw+3/v5mXPe854X4H9qaVuQG3SaYvkia8X6jiazYT39VORPC1QofAEAnsgzqko6Msx/m46Qh8PoSjeBVbfHkaJJ+tW45AsAUAMWeeyJyVe06w8EyuHGtRq7crhoSyNKEZrOAAA1pUW8INeT5fB9tOQ9wOlwI9mwnkVStCH9a043BQAAatRzjowpXNIUg+TVYbSl654tcRpN0VgjSmQvAEBdWG7nKvunX9HC5ds8crgurcaPiHJAIZmdf4meMwBAvWmhkjlsGqKFg7en/jhyuE7YEvmIS0s3CaaoyxQAAKhfy+28eaZQxw/cREpHMcxp1a7tWPbia9nLUHJaKQAA0CgWOTLB3DDf4jr3eXbRmK4pG+47Yr+oYc1JVSh7AQAaVKtILR/pomsC6ehWNmFHED+tbXeO2A9rdHPyKSr2OQMANIFn7TyZQD/eQytWIlt31nU88/CfrdmP845KQKEzIHoBAJoROak1L5iTdFavg45SzlpAED+67VjO9ylV7emaVXLbKQAA0Nxa2vrYTMNwZ7WYDhFn/veFN/Cv2WK5rej9joJlmFG/xM1eAAD4sSLmGeVjk7oB7XUl6vMcH2y/gb+0tp7I+s5dFoVOyJznjVIAAAB+rruNK5thTA8p9pLlyFZ2N44Fl7+tELt0OspJbadELzByFikAAAC/rkPcxxbou8yavWQlSuS9VkxO/2rwDgwLJ5QqcQcFAADgz3W0cY3S2V5Jj+ZtqkxG8ZE1jv70A2sFt/+MiN6EqwheAAB4FM/FKpl8VigxK7ThdOaw5PFbN5t2xdaG3eo9I0LpcLWTZRqTGnlUzFcBAMBj66ZyFl4LGCaJmV/dSQVDh6UrvzXeBGFsiydypx9DN0mLpkfSO/s1d/FqAgAAPIWWUTFXTYZxr8Q8sLKTqoQOt668iYP1xhne2t6M+bPOj9GyK1Dlm8cN/VJZn/g5BQAAoFa0LIp5aqVgrHd8qFOjDaRuMhHC6fEm3HZbXU1wrRbiVv9d3ncbKr8LVBV0yeQIc9DYJ2pHlxkAAGpe96iYNzU/yGT0drHoAyt7gVR6P3Trc3qO/GQiF2qoQl6z2Q+sx5eeU9/nSOYmFdBqOockJn3/jFLd9xKhCwAAda2jXcxRGZVyJsMwOU4msmbFUkzdBzMhx4XPeZX1Hifccfu67ZHPkddsZNjGdv2XnnyJcIQyQVcysLfCpy9Jpg2MiZnXsimeGJELAACN7FkrVczhLhjZgzPMsRHh9DhriN7D55+c7FkC4aTLFQxmzqOOQ8LndHo8npzX6/XvkmLub+L2Bzbd35Gf+L3eS/KXvNNZIogLR+Q8E6y43oWLFsvJCX+ArhvuMgkZ/QIp2zjFFbWN4toQAAAAqaN1lNomEnG5Cy9kbKVUzmSOMRhzQqGwt4s0zPrGTH/gFes78hOTUGhgMBgTTKZAKh1ks1+86OPyRGLqYiueH2o4XwAnScKRYA8zIwAAAABJRU5ErkJggg==);
}
.aboutus_wall {
  display: table;
  margin: 170px auto 0;
  position: relative;
}
.aboutus_wall figure {
  max-width: 400px;
}
.aboutus_wall figure img,
.ctfi_logo_list > a img {
  width: auto !important;
  height: auto !important;
}
.ctfi_logo_list {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.aboutshape_lb,
.aboutshape_rt {
  position: absolute;
  width: 140px;
  height: 250px;
}
.ctfi_logo_list > a {
  position: absolute;
  max-width: 120px;
}
.ctfi_logo_list > a:first-child {
  top: 0;
  left: 0;
  animation: 1.3s ease-in infinite alternate scale;
}
.ctfi_logo_list > a:nth-child(2) {
  top: 0;
  right: 0;
  animation: 1.5s ease-in infinite alternate scale;
}
.ctfi_logo_list > a:nth-child(3) {
  bottom: 0;
  left: 0;
  animation: 1.7s ease-in infinite alternate scale;
}
.ctfi_logo_list > a:nth-child(4) {
  bottom: 0;
  right: 0;
  animation: 1.9s ease-in infinite alternate scale;
}
@keyframes scale {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.aboutshape_rt {
  right: 0;
  top: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAE5BAMAAADIDRmbAAAAD1BMVEXw9/oAAAD0+fv5/P32+vxGxnQJAAAABXRSTlMSAA4GCmRaocEAAAclSURBVHjavJrbrdswEEQHjAowQxUgSC7AlFgA9ei/plw4QOaDjqkRuNqfJICCg+OZpXgf8LYTlp952FJCOsbjeWRTStjwdywphJBiArGnzLiB0g93UDJMKVSxp2y4gdLjDspmS2Eq9pQMUwpV7CkZN1B63EHZCoryzouSik5J2wiMxyKkIlPCMb5L48Y9KgXjiK+j6ZIKxDDdLqgolDQAHLcqBTtNCW8Ip4v1gumUBA4/M00FqgrQVVV0ygwoMvkSJWQU8xQLBkBWAVxUVSCkwtUUUwFqKhJlq1AUFbgoqkBQ4URRBULBOKtQMFJEFUxSwQAoKqSIKriigk5UgVAwjhNV8E1FomyQKVQ5uzA9JApVJEq+RAn5G2WVUgEkFbpoKhBTIaVU0SkJEmWDQqGKROlRGUmFFE0FSsFI0VIBhIJxOqFgpIgqmEQVCKlwdlEFQsE4a1EwnZIgUTaBoqi4qKkM0AsGTGIqL+gFg1u1gk0PXFBxUUrFxQd0FUyiin9AL5hbRRVSzhcMz5MFo/kDsgpUFVKEVJ5RVCkpc3sVUgSVLooFI0XYlV1aexdJEQrWqQUjRUhlF1MhhSoGBSPFrmCkKLuiFowUoWCrWDBSLHeFFEFFLRgp0q6IKiUlGewKKZa7QoqwK3LBSLEsGCmWhzEpRgX75QuK1WFMitXFpaBYXFwKirAresFISYa7QspmtyukhEEomKhCSm9wcSko0tdeesFCOsYB3r8EipzKsg0AoMSiq4QROElxUVQpfwZ55j+uFwvGyFmaGkVXScM/ym+hmkIqDEWl9NBUQMqMcweMrjJoFLefVXkW0ZNSl2Etqz2hikpxe/yBDBJlhkqBex6EnIolZIEiDGtCFTa5JaVQsaC4WOwKT5j2lDAYUrAWqVRPfjeOKmX6rALv85eNn+WP7KMK38glpNz3k9fpkEtK+tJKuisyVCElDN9e9qrMuC/b8IHi87ebcZLbPKIcCn7uZECL+c97o+N+NaKE/CmV1hSfKsdeG0rI5a60d/HzULy+FYobx/EExedytYSOTdGn4QQlbJ8/r8pJxtUKaahTfD8SovyoiOZbhcLrJk30m/HvMxS/HNv4M8ceZZV6TTxnWZa08J/CzVj6TZUQ+Hf9ZvyqUzi6ik7RVS5T9ILpFL1g9aebqQSJoqci7cv1gtUPvFtU0CAVquiU3FAFt6jgFhXcooI2BauZN1FJqIzlrnBuUUGLgtUftywYx3JXOLeooE3BdEqPxgVDxg2pdC/ckMr+gH0qXSTFUMWTYqhCitkJ5nZPiqEKKe1VmAopZirPSIplwUixW/tIisHNmAUjxa5gpFgWjBRDFVIsVUgxu7g8IymWu0KKYSqk2O3K5Em5QYWUHgapFJRscRiTYlkw7ojlYczHLVPh45YFYxqWJxjNLVX4uGXBmIblrvBxSxU+/v7TOBXAh9z+4lJ8Y9b31rvypszWu/KmbOYFA/CntzO6kRuGgahhXAM8qQBi7QYsuwCt4/5rShAswI8IHJAZnX5PwcOLZhzZJyhF53blQyFvXL6G5hc80ZpXsekNqxAOsN/kt8ix+Wtu7T9DZ3bFKBO7YmN+VxZ+V+arrHg6/2FsY27AbChBBU9XggoOWCcEDHflpnXFm95+JGCVpuL9RrkoPWBVASWtsvvTpTFUls2fLjWmgimj1Bo60RUbb99cpBNUls2fLnIRVIxSdUwpHT/BMMU3H/4g/m/elz9d7Cd4VXArb+fEnf7/TmRzp9vpMbA/hDKOyiKGMUhqJ3I4R9XEMAYJqNjYT3hrU3n0c4xVwip2NBVRpJzPn/HrFAFdSQ10mdZ8SltYA6gwKXmV1ytLwQ9ji/15XhqlRAO2JX+/n9iDFY1SUjvjFqWk3iJrkJLbThaNUZI74x6gxFclQMmrRCh5lQCFoCJ4NkEllLH0W2RbfuLMVc9RbvoXl9Ta4y0bplT2FxfNneyKqawd3aaFP1MsqRuopNBvPxhRKjlgu4wojbwqB6CQrgwYUjqlK6Yypih1VTYBFErA3kYJ1GWPqgAXUsCAC6crwIUUMODC6UrKJajyFuDC6Qpw4TyMHUrnBcyh3LSueJRGC5hHuVhdcSmFFTCfopyu+BRpnIcxoHxTrqJBlKKMriCKdEJXMOUidAVTihICBinSCF3BlNIJqwIpcimnK0bBf2frEVXBFPC1vAe6gih2HYx9yLYYAxVMMcz1+vtn9iN+IzGm2Div53nOI3wjcYwCCgtV8pSKV4VA+cYBI1AaVGFQOlRhUBSpMChFUcAoLrArHBekMp+yHhxKVRgwvgtW4VM2oVNwwPgUU5nVfVsVmksHAeO43ECFQ2lAhUO5gAqHUgMBo+8u1jeVIg2oTKSsB5lSFASMQpEOVDiUBlaFQyk3UKFQpAEVDqUo7AqmhP8TSFOhUqT985LOptjboL0+0ynjI1qI8hunyxCNHchWGwAAAABJRU5ErkJggg==);
}
.aboutshape_lb {
  left: 0;
  bottom: -100px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAAE5AgMAAAAbx68fAAAACVBMVEXw9/oAAAD3+vzK5oDLAAAAA3RSTlMMAAYaD5iPAAAGOklEQVR42p2bPY7bMBCFaQIp6N5HYJGcQkfYYiMIqlQFxp6CZZCeRTohgIrolPlxnJdwODN6YrWQ/Wn5aSSSessNH7U2fv360WhDUMH985f9FHkPIcR6ghxL+NmuJ8h7+N0qT5YH+Z4mx/BokSan8KdVllyeZGZIaELUJ6EJUYqceBKauEQUWUBmihwDS0IT7Z1KOpohUWThSakZLir53tYMUSXDd0XTJ6+Kpk+GrGj6ZOppgqw6GXuaaCopu1soUmr6pBCdCDIqmva1lactDHlTNH0yK5o+mRRNjiwNmTwSmhQZdc2Qj5LLabK05Pbng0+femTQNHGXvO37ppLQlEWZf/0IFGTta2LoW7HeUMjSL8qMrwlS08z/diXp5KRcoAJpQSqaUVlvgLQ17+i7IG3NASdqSV9TiII0NMf2TCCjrflqkLbm1B4AeVE1W4l3DZk0TXE8CVLRxHGN1DQFGRsya5ouWU3NMRikpiktxFxmaY6tAMikabpk1jRN0tK0SUvTJi1Nm7Q0bdLQdEhD0yFNTfMeMjXN+9bWtJ4VXdMjTU1JXkHamtY45GhaY5+taY23lqYka0Pqmta8omuihe5cpmuird3509aUGQFIQ1NeoltDKppoY3dt4mtCNDWkp4lvbA3paSJnqg3paGJF1Kw1TU20HS/HIE1NRHF7FaSlKRtIXfNtDbtFqprjGuDWI+1VUKw6qWmOxUuzNM3JzaScpbus0L5vD1LRHAvO094S1+03qWjO2gP3HK+HoGi+4ESd5237RSqaBZ3vDIMJpKIpRO/PL3VJaEoS100jX/oP64iDkoxVTplyEIw9EprWfFiV3s7/HuhGBjeFfGm6L6emrJClOSCnw9QhMzQxyorJ+9on5+ZAb5HSIa84t7KMAylEiyTFZFk65Ic99MnFJuXBDE2yZWieJKfT5HKaLDwJTZr0Nbe5d7QamnieVoV0NBO6JMnREXoNsh3QrN0zxwOafZvrAc3+F9IBTYucrAeqStJ4lxYjcrHCJWU0SX0yQlMjs0VOGol586hmGpTlAdqt35U8iOWBownS07xob19DoynId9rb12Bo2gHQcFYTJKsJsqNpB0DDuWomkIqm8S496JpOzjWc1XyQvCZItpog2WqCpDUfJK8Jkq0mSLaaIGnNB8lrgmSrCZKtJkh2CHqS9BAEkq0mSLaaIOlqPki+miDZaoJkqwmSreaTpKsJktUEyWqCZKsJkq0mSFYTJKsJkq0mSLaaIFlNkKwmSLaaINlqgqSHIJD8EAQycJogJ1IT5J2sJsiVqiZIVhMkrQnyTlYT5MpVEySrCZLVBLmw1fxLss8mSFYTJKk57/t3kIzmGkLcQHqa6Modq1RfExcIkTFIqWmm1wmkrxnbqH2wNCVZoDQYE4okERmDtCYUkIiMQQpNQTaRMUihace6N5BaNfHd/yNjSUJTfjLJ92wzyMDlXAwyQlMGc/9F7YI0Iq/rGgzyAk2n1YZM0CTJCzQJEnfKabIcIbMgocmRoUKTJLee5of1AJm6Q9B4gIx17t3rRSfRs27IuOikE85Op8h0msyoMUnWLlmHA5pnyeST+65oemREvc0xTY4mGfU2xzRJ3sTnVgCUQOLJtAd9SV5A+nObTEQ1zdFKRG/UHwBCk4iCJLLUi0JWM0vF8oBYkDWJaOCz1Ij9p0SWaq5p7SwV5+ayVH9NOypZqnluY1/34GtKiQTSTg8WLUv1kz0lS/WX7kXJUj1NSabDu0uVLNXXHI0s1dYclSyV2EQrrrinOStZqqcpyXp4d+mrkqX675uzkqU6mvJ35uO7S2c1S6U20YZI7C4dlSzV1pRkBmkOQZKszO7SomSplqYkE7W7tBBZqv4fSpXaXbooWSq1iTZxu0snJktN2vZbcndpUbJUYhNtYneX3sksFW1WslRNU4peyd2l0MkWCU3Z3VhbcjE08UtxGGSxNZ87Ta/VJaGJ9vbty2bvaIWmbD6ZTpP5KDkJTYKkNEG+KJo8mU+T9TC5KJo0mU6T+TRZWRKaZ8nEk9A8Wc9KkJOiSZLpNJkZcmQ1QdKaIHlNOWpmjhxITZALrSlnpESSMzRJciykJmb7FZokeYcmSc60JtZg6CxBYsHzniafV7dy5A/G3tuQK0gbbQAAAABJRU5ErkJggg==);
}
.process_wrap {
  position: relative;
  padding: 230px 0 100px;
}
.process_shape_rt {
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  height: 800px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmsAAAOqCAMAAAD0UeJzAAAApVBMVEUAAAD/6ur/////7Oz/6er//f3/6+v/7u7/8fH//v7/8vP////+7e3//v7/7+///Pz/9/f/9PT//f3//f3/7e3/+/v/+/v/8fH/+fn/7+//+Pj+7e3/9PT/9vb/6+v/7Oz/9fX/8PD//v7/+Pj/+fn/+/v/8vL/9vb/8PD/7+//8/P/6ur/9/f/+vr/9vb/+vr/9fX/9PX/8vP/9vf/+fr/+vv/6+tg0GGHAAAANnRSTlMA/QP1/R763a8NoQbrCcYmZ5AYFdY5LbdQ0VXniXfw5IS8EVtJM6dywMuY8GE+bkR9fZhhRDOlFmezAAArq0lEQVR42uzdW1PaUBSG4SwOkUMhiHKGCkUKVG3t6fv/P63YzjhlBhEMKybhfa64gLt39srOhhAAyagGQCI6FwGQgPq0pADwF60lWoO/wqQoWkMCumuJ1uCv/hiK1pCAxUCiNfirXpZEa0hA/0aiNfiLehKtwV9jWhStIQHzC4nW4G/RlGgN/tq1kmgN/qrfixKtwV2hNZJoDf761xKtwV9nJdEa/C16Eq3BX7diojX4iz6bRGtwF9VCidbgrlspSbQGd4un0mgN7h56kmgN3gr9pkRrcFf/eS3RGtxVJzcSrcFd+fKjRGtw91ApSbQGb/X5WhKtwVv7cSTRGtx1aqFEa/DWuB9IojV4i8Z3Eq3BW304M4nW4K08HUmiNTir93slidbgLRrfSKI1OGvcr0yiNXjrfLnTQYzWEMPVcqC/WNfgqT7shXpmOpbRGg7Sufyg+IzWsF95cq1XGDMUsX1qbe87uV6Di8awEmoLrcFB4bb28Yi5abSGt+4GRtqBdQ2nFU0v5Mdk2jBaO3vt5fq0Zf1jrGvY8ul+VtJezFCcJLReuGcPYHqF0RoOUZ1XQiXCaO2cNYaV4v8lmE7CWNewpfoU2sG4XsPbR2fxiAWJ1hAjtMOxN8DbXN3H3AxYrA8YrZ2JdmsWnrQkY4Zih/KyaXK2v0ajtXPQfRwoRQLk1GJ8oXQJkEOFh8u0hUZreVS//fFB/zOlQ4BcqQ5rH/VO+J+9M9Ju9UL5sOcXO5My1rVz0p00S0q1ADlQ6OzbdKbl4i1A1jX6tVEq26K1fNmcdBaVEQGyq7xclZy2kKZYOKPKld/TgRJn2xEa61ruNW6/3CgOO/p9PAf8HLVblaJrZ6YTMFrLuu7j2pQce37BM7HOyt/JmTVGa5nzTjc3jHseZ6Y7aVr62qG1vKl/i/9dNPPLzWgtJ67mlTttpGEwGutafkWTlblHYS9+wI64DUdrGbb/W9yW6ksz/t8gQz7NP98pfwKkTLSchacdlhb79527GeehGVZ4GF8rw4zWsqE6rH1QngVIhfLXWShfJpMT08t4DniaFDrjQRbu+7OuZdyOyWmpi8u0h/G83CyINpMz7vR7/wMF1rW0e9pzpm392kJr+bC5W5vvPSetpUM0WYXKFqO17Kn/ej7nzMoNjVeLM1pLn6uflTSec5pewgzNpvQ/2+U4Rmt/2DvbrqaBIArvTUsrFsQWgXoQQSwqqCgcz/z/nyZ4juUt3WaTbPfO7jwfoU03mZuZfZtZSnYXt2NZkt7q0YBpLRyifM4eAIU2nRGVi9+XQxr3hbDPmtb0sDtXmM/5gGlNC1tvjwZpO1Zg6845o3+qg5Y1hLBpcaBTVkwIMK31z/ayzCPfWBOb+yXza7HZuj4ahVoPEg1QTZw4I9qWR3CYuN+seJjWEhKeLACB6hlb01pL4icLgLHrtoHLw7TmoeWWx0CPRSsOzwVhfi0dy8ipJ8YhPP/YYigHd5GTYssjyLt0MK11HHPqTlBviPm1hCwjJ1Nvvg1W608BLJFTIc6wyOkFprX1qIqcINWH+bUGaI+cSCkl2PxaIlrtEGJ0U5AaYHlUJOzOb4+bWZBAXxyhE/IImNZYslJ86tD9Y+bXouZzQoRPHRCaVjlj1VkpPECywBl1Fd8JBQCeC8LWDfqp+P60hhAodPYfGrWFHDgqMK3VLguoCGkQlRHYGcv0px1vhiUYzUea4W5a8ycOt7GM2kM90eJeTWu9HKE+5FQEaVVw01orqmeTG6DyTaqVBdPak50bX76bNh7Ai7VR82t9ddFGEgJMjLCzasM5vLlE1voA47vjiqNquv6UdXRFo1ZZDO22ufZjoCrg+SgyS6/zA9NaUBdNow+iEMp6YFp7mEUDncIaeEZtiitda5G6aJB6kHkiezNKXHu/76LR+wKQ7rQ0vxayi/tolJG1tLStPK3tMZ7Ko08iq4Fp7f9eNFOEn6jaQyFamyyWh1jAqx2wjxu9aPO3Ljt8K+pIbwE+sdpeydZjgZyqCPEJs7ZdKE9r9WMBiB/wm1alHjPW2sHZu05W4FtUaAd4e54uBya/CjnQTpHms9Ta/VggA4tRNuo5KPlc5MzGAoxYXUnadYFygLwg07nci5djAcbXGbIKELRuHdZfc9VPqjJC+cyfPAeFa636c3UsRmJJIf9zW6pfVzvU9eyUAqkHpfq16s/tDoGUIOEUcvRULmc6HkxLDp2aqiRBt187PBvLEyxaRrsXdF/Kgto5j62T96IVPiUjqF1F9dfO337DZjNGoFVF7DhqqsWrkbQBa7fk5u6+CHHE7H04ZTI0YrYFQX+AyvfDsXJ+fSnN0OShkLwFIRShtbvYWdD2DXj+pUJ+iveAb92cRp9lQr9fRrneqing09qdSxtKJ9DbV0EYhTU2BZR+bXYzFj9ZGkNJ0yAeoCqGltVLoxAVxE+mY4P9E849aclNCwkgegOhX2uHVwOhgEMOkP7A8moIPbYjQ79WzT9JLeC1oKFRa+dfx3IPsWsIAyytIXu3XGr2ngdPsDwwMkvpx6Xl4BX6tzXCLoB4XWSS6Tp0uA7EC7Robf5GEoFiD7sLuGFk49cmP955LQfSKAiLvk0Bh9a2v55KE9T2vzTpDbKCHPza/tlHUWYk0mbpyFhEMq3tfxjIY8gfVFag06ehzK/NPEqL+0jR4PNJTIvc3jNQaG02HbA+oPxO1QZXsRG3UWZTklVPFb2cpmi5EbdB9qeD9XFOdaUBiAfoUMQDerW2/fu7JAfJrQvPv2iqKHcYTRBobXJdRjUOCJQ4JkRqDBKf6Vh9HnM/+H8g7zCWvLFuEyz01uPIwcYsuPhcfCM7WgyF6QK9fYs8t2X2ekjx9lN1jrq1C0ofjIvL5GQgvQG+x8f0PtDftYvKPP/UqCxVEWHKA1G1tuyoFWunesorahrdr51Ph+KHrYY1pCO22TfNnqLPx9n5MXrxJr/hJH5t71PmZij35si0tns2WvXgzaovKOahuAgs9I0+IZsE2jZL/mXvzHubiIEo7hcSCt1QzkIAUW6EECAuve//0aCINrTZy7te+43t3x8IUNbHzLOT9TGDIA+54Dw8ZjsK/TcNNI2AZPPas9zOc4ATgE75OoSe1D4E9SfyMnaIVkPMDEiltbdbniPlIIT6NDzLlbJChLIRU2sPbvEA6FwoLzcITfIGBNfabmugvwUiY3kXitvHrIwiVylF09rpUSizoTgf7EHQJ5EuTT2Wix2zelFiAG+TeOlKcF7bfKRRlNKmDaN0lh5ptPbsbEY7kX454RL5sO1gNDC+XkTTWnN/rWM10yrNGATR2uaElT7y2yqY2go3k19b41NNDUna21Gdd4PVN0zvCgymx5/nMkjHojlASmtvnvibCnpRfITOfPmBVBZAdK09PjLhEQlK6edCWtvdKMQPaGtnTY0cUWvf1/HMiIgL45DIO2EODFvRTaQ5NjdfiTUnBuAAiFmem8bDE+6pgii6bwvfN7h7pGA+pC4EgWMfQMGq80BorZ1uWfFDcJRFx01gJxM43qrVlWyAaCdGnD/31swJWbWCg9iq03nznV0g4A8RHDwgaVVZoSr2zvlyn5WK94lN+GttdTwwALRHlvq0pNaelPNa84Fk8pPvQndOK0udlWxuKTlIoQ0VD/ykVh0vNwYg16IQWmue0B/LbkyfoQIZ2YucOatpxqLVMnE+gO0gsNZWtxRHGIgox6pReN60uPNaAeE6EEwduPoPhZDjAgl+3Uh+UA/kOmHY78EcrX3TydObpxeRTXcwU2v3qIaelcFOoNrmuLgx7NbsQEdA4CGCITrAZQEhO0rdCE5vaLQZijoM2CLIGGwILJWPaqNxCldLMOB8oNJvxOm3G+T2U2WfJ1+az+MGfRTcEM1r9oFM9urkgJihEEFrn0gSZQ3AmOnAoRtzdAaYorWvZaco7wbmZywwMq6fLze5FGj9LwjZZgx1n3Q8fq+g4DnJ3aFcTSZggWJcH42F+KTWNAR2oPl7MiD1zlQvQjcHQZJ6gRIDae0ZOAHUtPwVX61tzrgHFnRSmEBx+UcUO2I5ra1OZjoW6UUE8R3LsgaH6+SVsJWgm04U3GOr8FlgjtZO1zrniZGNSyQA0+A6uHNEUyjKCxygsO2/7m3QygiyGzBY8Nmuvam8YqyNNAwUvd+C0cT4rpXmESthwUL+xEBZOhJmxzuo/ZGtZeYKOrT2+CYvMeYymA9VqQ8CzmsrjS13gZvaJSsqPP3nIzEzhkB4L0tULA14CCR27N0hD88s+wGcAUR0CE4Fwo5rW1oTVBAJE8lqYVHl4BJghNbeZ7+0Zh1wGMUNEHfAR/OXNrIGdg3rrrMzNubyBNJGRRitrR4VP/xIwmjeO4iWiFat3SMJhZ/BKHHSBHsxVB+G57U7Lz0KgOC1HxSgSKscLOMqgok6zyQYZpQz9piYqw5TtXbnOTMkP5nNBike95jWkn+BmllrQV4Rc7HEd2jzUsBR1xELJ18kCK+1z5wH9MbkEJpesVp9/2vk1bW1estJrZ2QO5tLENNeuga2DNSdB8UJVkKkglzZCa12rlwBS2ntMa1ThS5tr9FXQlF8LhLzXQXT4i65fYOVMoFHptAZKOecqvh5XLoe/K+1E45AtDc5JUmGRBwnLPDY/s1AbEyZAws/A7mFNl+yj40rbPtubFkBnlprttxjqJ8VO8bu2DOA0mlZtFeSk5PA5YDK6Rj3jw9G7rNKeZGk/Uv98bg4JKm1uAZOBZ4fM3qJxeQwu0hlwMLRfoPLg4uvUKtj5T+ynhOU2wYvrTVnTAd4DpR+LUKmkJxwf3nHGajEzYIxx2P/tzIEPWIhV2/GqFygtQk1SmuP2I5IB0WrMd2iWA3DNa1tKAymfVomdzjYCYwJM8R36E/2Y2kcleA0oxxuGshkKs9GKRDpNZgW94fVlgb5zd6Z7joNQ0F4hp2yr2IT+yoWAULz/o+GgEIbNSRxEidzHH9/rnTvbXyWsds09jlUJDbUdqoV7rV237r4cYPADyBpHo/8bHr3N2e+CyhfRJyqtd2EUZghsky7oeQsEaP37SG9a5IP1ppXq9BCV4SKANxRH1tRE4PY2YlvsnoehmaznLXbZ/HwVGvf/BrfVNGUCIBL6sR1RV54Wy37xg44jbjs9QBcDBEk1jUxOsC1cykpsptY0aXFxKU7cGlF4I3+EGXjPu36m1NSjqadjFwqn21ae6WK88owbPLSoSw61QnwvNvgssqnh1TbaMPMdvMDb7VZKIW45gH6lOegJCZdCbguEzZSsT6q3dMBQm5e64KWe8ioodCjM/f84JqWh+7NWEOn1PbWHjdUCQVnVDwXfS1+lNvduEFd1FYn2tdrPE11cW36SgXvVAolSGThr1256MEMPIkSnVAwT9TomQUO+x12Uu4JQ/s7pCPsF6m4AcGlaA7Wk/NRwYvEEDvUwYiiFmoQjDgzqGTwQU1o5ZEZG3Z9hgi1lsOqB0mCKY09tnms1rioVApMH+0ssrMl3fB8WmNZ0TKFOibY5cvb5mFQpGCjUN3gqZqsnmG/90DqFJPvfUNNB5w16HNZ8YB5s4eqhA1BrQk0Djo7lYZXm4GQkRtmPTy8ZM1tNyb1A6gJ4EL52Qi63zyMoUPBx61HQBKnukvfu2mjfJ1qjbZhCxTWmDBfpCkJz7QOrOopaZJRDfqeURXnfwBY/hYb/rMbD4N046xkroPIyQ1nqG7wPrBiuBnJR7b9eA+4BZ4V7GgokbhFoPB9/VK0MSPnCSXRdKrgiQrAc1Ws2JxFDpPwMIbmhuKUkiL4VGRrOJpfLw3X8FBJ4IFC4HUcjUqAzkWEuFi8KdxTP+wwwV1S9FmbVjcggRye43y4GG43ZcHjhSvnxhjvsTGiALj61bjYiMBjv5BVWjCUOdP+Abi+7do6LM4jg9bzbF6NcfsbUH2UMOQgTBylhgA8TzmHaOFZOzS4QgOrDYzs/yVzV5IFbmozUNOhUy9vz9nxP4DP4Xxi/UAW0h3gtvxwiMy2HcgBgKdaFOoURsidgw2hAXDdJu70yDj1BzpusAyneB5rbacR1PVitSq4jBo4AF9Kz7ovTgFndmsA/FDF4MOBE8zyhAHAHfnDFDf9+tlNgUYv5tR1Dc9kgV8pa0klDb32kSUALsf22igxz5GYVZMA8FWJbFUBtFmCbXcJskdrryWKFqauCDUUxnnSdsBgdQCAl+e0AgzQGsGvVeIwPE3BL+6qA0uzfe1wcc/QcPxiV0jM6HZ0rgGdtJBpF26/1m5qDz1Utr4F7gUJKTlUcGX6unYjjzP07EBio2Q345l5HPzmsXygumAxqtke+M3b9uSFmZEpVMfWAr+56Rhdrm9CCnSw0i8sR+DkA9t6zXNpHqsOqPrO0Hu+B394Vm446LGfdiAeJZLygD/s2mzzmJTc/7ALXZpvZQw6h9Y+FReAE0vMR6BRJVfO7ygPWrtttiUgUMYsYMf9iY1H2PNw7PMIllsjvQwj19AeO7X2RO2Y5YZaHraNzHhq4/yv5ah17XMGn2j/dT/VCm2UzyANHjnkL9hz5qqxJz7zu8mWTJsB/GW3+mkh80BTCfBkUWehsuIIrT2KOxMdbKgkaO3yWVnCMR+yfFtih5xYHDs+W7QW7+RewdmnaT8Hzrau4ZXZLuV44w+hMKepBND/Jho0NhRjdOErfIoc3EPnm2g9NeoNNQautEccBx6pQJj1qQzLWKzYE76ZAOzvROOm0WGvEee84+BcWsMlz+AdDRy4318QqHzgiEfepmaE3X+Kk07rNOCIK1dlgGec4tj3DzvPccwtjcR9u4TDkD/ZO9fdJmIgCp+TpoISCDRcwjVcBBREVZCQ5v0fDSEa1CS7G3u93pzx+vvXpl3PjI8dry9jNZj1kTymtecSd1Z7gRI5eCkTc0b1a3hmTuHpGjIFh4QisEtr77wl7+lG4CvHjX8pMGyaFzus5uaFSVRiWRHDLmupKQNaEKp1InLlkakEH0DYFBs1z4EJhdJnVhCO9wzssnhjqaRbLJZ5UEOtlHlIb7DHW3OEk/H6yZvLKVcq2K6187moM83lUesMbkRSTZmLH2ljgX3WJkjN2S3oKo8+nEe09jmDRcyYtYz9d9jrJ0BqhTEfU6T1YZ/ZvdoXSPSH1DcxVWu4ivaKypfr6NaHjBw40r/jgE9nZpbNG097Hp0l7E2D+b3DIZfWCBUu9Cqthie1Uo9DHtNC0Txg7rc2ygb/UToBT3356Fk0ThpADqu151YmvBMqaqe+LRI0sTQP+K9Sfx5wcK29thywdiF3LPbz4Lz92uyeY79oPaCev+U1SjRyY91Ih7UoaB1QLesHO3+DRh4pXfJYgFxp7QgVxryFo5l3Ngx0JgpB6bgyptM0NHPx0Esaf1orTsoSzcc/PGjhl1UUhZkJRtvO4bT26YdND1oj+uWw9WcK+Ywtrg8eeBtBFwTT+zU8PROONC0Syroi1DvmvscIrbyVu72tZGjGk0+PZQYRHRuDXKLgTkORwNNPWidaIIyZ8xAZsWnekiIib0pbF/pctPN0iq+iQQjvRqAx0/HbdNDBB822E4Pa68ikQQcXEvlzx4ODr0HTZYLXXJf7oosrq5ipDpMoqMX+Wnv0vjtEerPTSlqIHlIpOEPLBzq57h3KrdEK8atoBA+dzF6Zf6jRzQj2jbRRQTefbRe63E5dGQUe+QxH+GhilKlVWhTUSSDA8M9xhBdzqylWbnGaIkcGHOOBVaLwsqE5C0zS2rnSraKHrlBlPZLWjnoKQo6zgo2jfJhSN+8f4TrBUS7cnd/LXguMW5Xq+OuitJSuNVxHhMH3flnH9TjEKDLhQw6kNSxrTbqTNG2LzqMRwBcH6dDaQlJvRA2dXs8/wEAID3Siy8BQqag2CmeWM0O/htUPFfcmBy0AJ9k8EcSV7cCJyIta7cjVLgH21drimWWFsX9L9VdapRsVVYKAMH4W0QSpFv0Dik4PhUC+mgMUAlqCjZlupkAgq411cXpfzKxQK05/VGegByGUJ27jT0uBp5/JosjkDy0NhDL7bhWvUCKhIIL5Mte541wpV0g4Wr3MCEWyr9ZwaRVxSWg3M4Rz8d4KRqKaqG5g0qwmInhtQaSnyPKUmYC9y6WA9ePAeK3hvmx0tBaZS4LDhQQxrDbalUbBBWeh8JwaRPFbPWq0v0x8DNVoo8AxH8SxtjtQ8gBSWyHTXlVVsBU7+DrBt0+B1ZOO0BkQRHJTK6vZUYpvB+KIL/QcRmuzZeOzWcItrfWtIO+uOsTy+Mx/LK0YVaTCMceiiObKtnivRK1zbdSxPlMkEM3sWwkhGFJHnIbfyZUMAPVdtDKGDtGDJ16/wWhjQCepNTl2HaEPayFdVaSaOofW2vnGBoOe14goZU0DVHoSenFtzeiGSlcO0wH9uG8VGWgjw35fTujH0ze2B0XjIobL0/kDqR49+Tm3Sm1TUaAvl2EBpVTVUfJU72lg/Ho8E3YdMEFri1fWA/rYIPuX2s0N7QB68+LMtig6pruSqbJ/dMxT/EzTGm7MI9NbvJS59xkJrK0dCiTXKBefO+2QwKqUmw8qrUi8h/6b+PCSPygPTB6PUTcjdXRZzKo1vLUyUBBusFVuc+kjidlSvCY1RdQLuvcXaZxvUiJG5QlUnmaXCX3lJo8BibycO29st1Bucowe+3fm1BouVdystKEyKkEqi1f5vaB2Y3YFLRaqfIcCjzcC6ZYUmm0nzLe2wWHsok5u5nZeKw6aRPVHu0XZyPiimDBeSx+yUSs8IVD8eQolJYEBWCxNEb/aOQYF8nQxviwMwflDU0dHKNPlD3vnuttEDEThcwIltCUBJVwFpdByKUhICKR5/0dDsC0kIXtNdn1m7O9nouzanuPZjT2ewRaZRIRT+e0w+dSg3SGpNXxPP0TTn/Nk8krgvkANB8eyKc21SEZzXJsDR2I9lwoBTTza7JPqQ6LFexH1a/h4z7ZgpFHKuy+3UEZruC4WKRyUw7TURhNwCMeFqQ6V4XjMbpQGndKVoOhZrOmfocD6smVopLwFJ7U2xbwip7wem7V2+P+DCgpOWE5WEIwCbdUBR+WnOSeKadnrK/paX8vy/0EUZdYh7ddw/t4KrQu5HgOQKae1pv0DSg6rH9/kp6UTaQ3P37aMDmMeJ2J8rchprTrFNxxGMRZzLhzOabSGCyu4glaDvF8DzixjaDtQzeTD+0I9rS2W1gePU7QwYPAxBqtLLYXQhkIHOlZt1zRaw/N7gY4nB7X8LtTPsbCflxqHXZheCwwixbpeMLnW8DlH1/APhumJ/DMUwA/LHuY0v5hQazM3O6MMY2/xjRiMxumr2O8s6U3dcZJQxZ9iPE4eifSxsEVAvwY8uzd5rCxtG7qstZb8try9hBu/NsLKB10srjqE1gvqaQ1PbBOpqZu8FbR2qNNfwVjJHd7EWChgx6+oY1hB0JVSGH4EGEBnlNHaYulzBHUcE60JOtq8w9is5zYa1Kr0ovd8ZKK4YabRGh4rJzhl2c4cBybQWrXM5ossJSZeF7krHx6YKLQGnN9ND0zBdb6j7LUsnrt9g79chJnwjpoqB7rivYByJRIvl3Vwc1mt4czFUOm1yH+/aJxYa+cvTB6Obx+6D9akbUBJv4bFsttc05rOrPs8u/Nhm1D7GVptIFBBP5uomKHbjz0eqWcKreHk0u6gXv7qPwgtjjJeeme0IbdbpTBqpRPqWsPHt1mPdYXmGVSOcdiMCbWGb962RvcQxr1xhHq0FRTwa7tbo7T+UMmGtDAumjYIqj5DAVzfdzhIW6hYeRsKtKHt8piaJxOOD9s/pkBRmAYUZe3jv8EfLjr3ONu8Wh5gx4gWptQa3nXvAEuwbHLo2K/dFXfRHZM65JvMfZ/ptBMpOLOuUEtctKGUotGJtDb7ZFND2wf1ZBgYJGH2sLeZWGzvHfTEWThbAMUJ5fTYhG60hsWN4Ph5gzYlPHTxHKk4XVpBCLrPU9TA6RdzBP34nwrqNRDpuPqSx0NUe6uygUBaw/qVFTLSHXrgRmw0Mx8XraBMNe/DoajWsH5qndE5ouDbu/Qijl8DVk/HNya11OM2Xw2daw2rucpQ6hKlk0jNybxDYFEx3qFd4/HSXlOo3ntvsTlWA20vYvehRip9pKcSWxvOc6ExuVzTAwFWTx14lnTQ/ZqOkNZ+i61golOK7uM8dsWmttkT2F3SuhLRryl5Nlo9ovkRvAARdMQWDxVFQwUPG/GKKxyOokggw9pVPFtkaLUwhtZwtbQueHRUtchEaO8lrF8DTm/sf6TExaPE/VAlSIk2AnShNSzeWwMULmbrBlodMepRdWfhIDO9f2iTQV2t4bzUUY4LxDj/ZAUlzzTgtnSiNczOLApMnKWIYu+s0OOrFTT8WDMMoDW8iW6lRtj4hefaN1DkIkLEBq0zFO9KBR3Uex/AE/VywsnbQ4elg6BJxlW74wJRXj6wfahnlpWH1oNMtIYPpZzQLdpqYwCt4dlbK+ilp+7fGuprDc9fq87lg69Kta7UkMkzFMDJ3FMUQ0CYj9aweqU4ZJGgDYTRtIYrraS6RbTN+H1fqwLaMlCEUoNpG2T0vlbFGEmbxpOMWqHxkG7Su9YwcxX28Yu9M21uGgbC8L45mglMCUcpKaWhUMoVGKYc+/9/GkM4mgY7PhJF72r3+dSkrSNLj1dWLK3yryGgOa5B10QuTVUutA4Lu+JC1/HnmjwcsdZeTmDuHMUC86GdCu2MnbjkwjX5vDBUpUaANuHTtVbPq8y3xb5BrjODaddkPNGACbO5/g6bWgbaFfBEOZqCFOxaEWviDYviyrWSVo6aAg5dE7nRwDBiik9H2grrKykJgKpv1+TNsJit8mDkmSq8uibX5xGVrCLWGE94OgWGDfuZTrcCWHZNnjzQP8DYJAo7QFd4j2six7bzAaLhPTBfCah4q2TXZPCi7fmilM2UGTC/L7KlGW3l313tCEp0zV4GBhqZoP2Bx7gmcv1Sg+6gm0Luxwa/GZ/lDx40waoSgvS5KMM1mb7SwBRil/umVvOZALpOuLbGxUg7A7rZjwwatCwA/Lom8yHtvp4mQZLjQFGAa/LjpeYBThyEbgX284B3GY76jkSWEOtMbT8dZer5NgnXNhk8stdsIC7bLeHa/zw8YmgbaEaw8ZLyTKQEviw0LdAqwGJaJRSJ2cpzTWYT0nhjaQOtCiKuVfD6VVN7QcG8nN0C+PeDa9dk8PUQ0QfdOh73kaxM11YjBD5Aeah9Aa+uyZelsaaiL1nEtVpmdvJm4RBGIvdeRVj7sTDXViOERkoPSNBDAqdxrfEZQuLt5JBdF+6BtRTGt6OGqVdmYgizNeHaiqfnGrQxFmmDIxy4JuMP2gcY6IeMP7KX8jiO/JMkuU1QvGsiFyOuC9oZ8BPXROTNMlc8QNqWgzYB3rGqlMnshOjGhTrz0LaP97VXreep4ch2QOx0UDiLayJyM9IV6FtlhL1QUrrUQPShd5kveLYBBVdn2YG4X2t702aK/M+47hKu7XjThgxLc/sCdnvCtTUuC2suu4EOxbsm86X+InvOgcTAgnRSOrMznsreAri06FCM+M7jlulbVQXTpU5iUexHlYB3jKteiJI8RL7cPfLZ7Zw26H6Bw5zzHRk/yN58HJusdCLiWi/ufy2kvTpD5K944dNQ/4epJcrx3Nf8tSpOJ5v1gRLam7mAHubl1j2xKmPp219gQziXrolcHGklJQYaaCJQ/RLhWp4vP8BsYYdSR1zbgcfvtQZj7cYIwrWNLAwjZkWgBSPumC+VGlQIh+yrvRCu9Zv54SOMHHD6CVzs29KH49igr+11Fn3ozlwNtQ8kOY6tIj6ZnWnQSKzZ21OCGd6+xu4s73CtmofD2B5jK+Ha/jg9yaUFtB4cJLcC+vxPuNaf6b29tiVHam9ixDWVk9qsJdeF3kJ9cPHN6cluNY5d2wctu1C2PfPCtT7jUZoQUvwkX3HP1dBGS/UHBEcI1+J73a1EXNs7xx9Zgpjp8BmuteL50mLyZiSwHPqPcG2DZIuVXeSJxNZfhGtpGFyONLhDuJaM7+dMfVqJSPCXJ88MeMRSjorCIFwrNHmWQVslWON6kqNdwRav/hCuJWV6jz469AWZAiDCtTqeL7QBMGePR4fPQdObEdfq4MgLaC/g1RGupWdwU9gQATv+BcK1dDydaCuIh4eM4VWC6jz1gaoiXDsAVwuLGZVR9xY0LQjXSFKHc4SVbB+GcK2BwQXTEIHq/gtbXiLiGsNTBHZ+snfvTWkDURTA94BBQB4+EaX1QeurU2urM/f7f7ROaTsdFdIEkuy5y/n9l5GRjDnem8dmF7VGGspanuGzFQd/9UnzeTCZDlLoeSSvkQbJdXhqSYPl0j2PQkjmmBFlrbjxyFn9KPm1WPlRZa1xre8dKwxNxg9LtkHbXYMUcHNssaBwAOjP44IUMcxdFgEMq6nzC1LM02X8l3mdC1LQvO+y4hDtVZDCprPiRy/dxChrjTjqmhT6d4DGeWzs08CKUU1TXduaZ1bgi2+Qkl4u7B1Qz0XFUl2DlJVdr/jLw0dqilNdiy/Rx/HQcwNC2Yig9aGx6QhhWGNfoKxVonXnsbTBylJdYzAexR7qCm9pC5LEe1YxQVmr3eTMSqDthrBVVNd4EM4yA6LfoqxVajKKfyTd3NAL4vuCFPzzSSprVcnu7RWS8buE3xJkY/sXXMeUVZDNZV4Gf5SirHH6OrD36DscLJeyxumwa6v4DoiyRuh8lnJOFqCskZj3Y5Uq+KiHQarz+dLKwtqpAF0nhrLWoN4XRKovWPPHqKxOYvkmlLW6PO4SnBjVCFYCVNdqNbzq2C8giRei74GyVp/JA8vBjQ/KWr1a39pWHjxmD/aH3jcoxcVDK1glUPusklAPbcqnmXmhcbnezfs7Ua8DUGXGYFDWmD0emyhrzdj70bYcDJ0QlkNZ82R8bf8B3hMuKGu+vAxoyspmsM5HoKw16ai/w1CkGAR5b7uvEWBvQFlzY+9j25aiPrtaBsu/T2vVEslOyUJTF9gClLWIppdlkoSEAghlrWm9g86qyPi5LwKdr/lQZu4Pd2dyC1DWaLwMbJsFadD8GdzVCVYPKGvNu3mw4uAiR6prrFr7g3TSo6yRWzy1qgiYEwllLb6TB9tGQRqQ30hhjUBtjRnKGrP5Ad20zpWBskZmcm9bJkg057u2Bn/3QbQuMoHhVZs0HkV3ADpfcyPr+ipR64CyRuLpuGxeKvo8/m2ijuRqTiw+e3cXthHEqWowg+qaN4dlX39x2lyDEDgZ2Xqiz+AH9VBvWi8zqx0qL3xQXfOod0W9iJrmjklK1jUe0PxraXs8ozuf17VBqlpfZ5aPrXy9BWXNjd5V29/NDL0f6lR2u+MoSeqhvp3c22+87RL2FpQ1n6bxRxstqK5tgcVD0khQfVGEQVnjdfSBZJA4VNfSN77dMUpQ1tJzcu/vHofm+vNqemx/cdQm9dB0tfb9LDaUD8oavQYGgEDrh8pvh186iyy4aJTKmnPjW9gScBQ0Zc2Nm2umkgZlLWlPZ8bQNKG6tg3Odx00SmUtDa39S6JGqjHgaRveDWwNaCCaUF1LTe9H29XDAmXNs6ODtrkUxJ/suWO/0Fxh6tl7wrI+yeg21bUtsPHoNjS8Ioyy5tikSzCWEq83oLqWqJtT8yTIT/budqlNIArAMAcDISnERk1sbPyORlurdpye+7+0TjtOm1YhkCzHdXmfv/x9ZxdYdnnPvo0ajj+y5bwpKrTWVYuZVvHpSTXCOxdf9vUF8aMuWgvNy2VSzwY0WgtIscw9aorWwjZ4bHK+kWwXmNBat9U6Tdx4bhVaC9T00Jc7NGFcC97iQC1VVya0FjSvty5HCEvV1mXRVgmtdU1yLb58iUtrwZuMXBxGSmuo487H27YIQRrMU+9WDiIEatebt220Fr6jU/VKhHA9T6S+fPIRIWTTG10hDZthXEMTd7k3L9oiBG5/2HRClJKLwj+CsMZDX2vinCJsqZinPrz3iNAF01u1JbTWWfH92x9uFKEjkuztVqqE1jrmMm/cmLBGhY3sZRsPaUJraObpa/1tfW4IrXVVcqgN8O8zbOPuRFex3wArQhnaInTPx5Pt7/uF1lBHcqM1MK7Bgfg41WqcsQBXrg60bUJr+K0Yi1ZhjQrufMrVCeF+DevsnesaPBvgfTwi0BpWXPW1DK3BrYvMxcccQmuo4T7VP9jbglb9KJtHmUPh2kX22lhEa2jDMuV/VDAy6WsZYVyD63m0ktAanPnea2kDldAa/rM40X/wbIDW7M5WByJaQ4sG1/oXraFVy57+Ipwdg9Y95LpK2IuM1iQzrUeYQ7GlYqjPuF9DFfdv2lijQouOdnRT/KsWzVydqipzKCwkt7QGI0Wm6wmtwYWzHt+Aw8hlqs0I4xo2NMl1LWEOhQu7fZ4NYGR/RGuoYPY4KnWuCK2hnnjMuAYrxz1ag5GnlNZgZLFDazAyyWkNRqafaQ1Gkj6twcjejNZg5GJEazBSnNMajHzIaA1G4iGtwcqY1lDCq9gioIk5rcHKGa2hhD+xRUBDj7QGK8e0BivLHq3ByJLWUO7t79kiYBNntAYrc1qDlTGtwcoXWoOVIa3BSDykNRiJM1qDkeKc1mBkcEtr+NkuveQkDABQADT9awutVkghGlKNC8FfiPc/G7d4q5kzTMjcukZIfXKNkP3gGiG70jVCfhvXCDlWrhHy6hopZ9cIKTrXCNlsXSNkbl0jZBxcI2RXukbIUrlGyI9rpFxdI6RYXSPk/tk1QsbBNUL+G9cImVwj5eoaIf3qGiFz6xoh+9I1Qo6Va4S8uEZIsbpGyHxyjZCPxjVCJtdIeXCNkM3BNULG0jVC3l0j5ewaIf2na4TUF9cIWSrXCHl0jZD+4BohY+kaIZNrpHSuEfLWukbId+UaIX+uEVJsXSOkvrhGyJdrpHSuEfI03EHGcgPpQni3jYI2tAAAAABJRU5ErkJggg==);
}
.process_shape_rt span {
  position: absolute;
  background: -moz-linear-gradient(45deg, #fff0 0, #fe8a6c 100%);
  background: -webkit-linear-gradient(45deg, #fff0 0, #fe8a6c 100%);
  background: linear-gradient(45deg, #fff0 0, #fe8a6c 100%);
  left: 0;
  top: 0;
  transform: translateX(-50%);
}
.bluelogo img,
.img-hw-auto,
.processWall img {
  height: auto;
  width: auto;
}
.obcontactForm-submit button.btn,
.theme-btn a {
  background-color: #ef5c20;
}
.process_inner {
  max-width: 800px;
  margin: 0 0 50px;
}
.industries_content .theme-para p,
.process_inner .theme-para p {
  line-height: 30px;
}
.bcTech-head,
.bcTech-wall,
.cookiealert,
.covid-safety .last-solution p,
.cta-block,
.cts-link-new,
.erp-solutions .erp-h,
.features-panels,
.hiring_process_content,
.icon_box,
.img-center,
.mern-stack-img,
.nobe,
.ofr-label,
.other-dev,
.ourClients_top_content .theme-head-box h4,
.payText p,
.processWall,
.subText-style-5 p,
.tabing_head_holder,
.thanks-block,
.thanks-block p,
.tools-techno-wrapper .specific_fetaure,
div#entrybox,
figure.hire-remote-dev-img,
igure.hire-remote-dev-img,
ul.expList li,
ul.ob-facts li {
  text-align: center;
}
.industries_wrap {
  background-image: url(../img/homepage/industry-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0 0;
}
.obcontact_wrap,
.testimonial_wrap {
  position: relative;
  background-size: cover;
  background-position: center;
}
.bluelogo {
  display: table;
  margin: 0 auto;
}
.bluelogo img {
  max-width: 170px;
}
.industries_content {
  max-width: 650px;
}
.Benefitsdotnet .ob-description p,
.android_app a i,
.benefits-food-app .page-h2 span,
.blockchain-benefits-wrapper .page-h2,
.blockchain-benefits-wrapper .page-h2 span,
.business-scratch-solution .page-h2,
.emergingEvol-inner p,
.fuel-delivery-app.website-dev .calssified-type-wrapper .page-h2 span,
.fuel-delivery-app.website-dev .calssified-type-wrapper .some-description p,
.fullstack-web-wrapper .basic-text p,
.half_section .hd-1 a,
.hire-angularjs-developer .calssified-type-wrapper .card-body p,
.hire-angularjs-developer .calssified-type-wrapper .card-header .btn-link,
.hire-angularjs-developer .calssified-type-wrapper .page-h2,
.hire-angularjs-developer .calssified-type-wrapper .page-h2 span,
.hire-angularjs-developer .calssified-type-wrapper .some-description p,
.home-srv-advantages .page-h2,
.home-srv-advantages .page-h2 span,
.home-srv-advantages .some-description p,
.homeRev,
.industries_content .theme-head-box h4,
.industries_content .theme-para p,
.ios_app a i,
.link-heading a,
.link-heading a:active,
.link-heading a:focus,
.link-heading a:hover,
.lookingfor .page-h2,
.lookingfor p,
.nft-domains-wrapper .hd-1,
.nft-page .ent-srv-blocks .hd-1,
.nft-solution-wrapper .hd-1,
.portfolio-detail-wrapper .is-sticky .website-menu,
.portfolio-detail-wrapper.menu_open .website-menu,
.pos-btn,
.pos1,
.pos1 p,
.qCount,
.sales-dev-wrapper .hd-1,
.sales-dev-wrapper .ob-description p,
.service-item.style-1:hover .title,
.show-more-btn a:hover,
.solutionoffer-content .sol-title a,
.solutionoffer-content p a,
.solutionoffer-mobiledev h2.page-h2,
.testimonial_content .theme-head-box h4,
.why-mern-wrapper .ob-description p,
ul.expList li .explist-data:hover .exp-title {
  color: #fff;
}
.industries_content .theme-head-box h3 {
  color: #f64013;
}
.industries_list {
  padding-top: 30px;
}
.industries_list > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.industries_list > ul > li {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 72px;
}
.ind-Image,
.ourClients_wall {
  align-items: center;
  display: flex;
}
.industries_list > ul > li .ind-box {
  background-color: #321e77;
  display: block;
  border-radius: 25px;
  position: relative;
  padding: 75px 20px 115px;
  height: 100%;
}
.industries_list > ul > li .ind-box:hover {
  background-color: rgb(110 86 195 / 50%);
}
.industries_list > ul > li .ind-box img {
  max-width: 55px;
}
.ind-Image {
  background: #0f0038;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -50px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  width: 96px;
  height: 96px;
  border-radius: 50%;
}
.industries_list > ul > li .ind-box .industriesName {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  margin: 0 0 45px;
  text-align: center;
  position: relative;
}
.industries_list > ul > li .ind-box p {
  margin: 0;
  font-size: 15px;
  color: #fff;
}
.industries_list > ul > li .ind-box .serviceCard_arrow {
  bottom: 45px;
}
.ourClients_wrap {
  background-color: #fff;
  padding: 60px 0 40px;
  position: relative;
  z-index: 3;
}
.testimonial-owl,
.testimonial_content {
  position: relative;
  z-index: 2;
}
.ourClients_top_content .theme-para {
  max-width: 690px;
  padding-left: 50px;
}
.ourClients_top_content .theme-para p {
  line-height: 27px;
  font-size: 17px;
}
.ourClients_top_content {
  padding: 0 0 80px;
}
.ourClients_list > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.ourClients_list > ul > li {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 40px;
}
.ourClients_list > ul > li > a {
  overflow: hidden;
  background-color: #fff;
  display: block;
  border-radius: 10px;
  border: 1px solid #ddd;
  position: relative;
  padding: 35px 20px;
  height: 100%;
  text-align: center;
}
.ourClients_list > ul > li > a .brandName {
  font-weight: 800;
  color: #000;
  margin: 20px 0 15px;
}
.ourClients_wall {
  height: 120px;
  position: relative;
  padding: 0 10px;
}
.ourClients_wall::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: #ff621d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transition:
    -webkit-transform 0.5s,
    opacity 0.1s 0.3s;
  -moz-transition:
    -moz-transform 0.5s,
    opacity 0.1s 0.3s;
  transition:
    transform 0.5s,
    opacity 0.1s 0.3s;
}
.ourClients_wall:hover::before {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition:
    -webkit-transform 0.5s,
    opacity 0.1s;
  -moz-transition:
    -moz-transform 0.5s,
    opacity 0.1s;
  transition:
    transform 0.5s,
    opacity 0.1s;
}
.testimonial_card .theme-para,
.testimonial_rating,
.testimonial_user {
  display: flex;
  align-items: center;
}
.ourClients_list > ul > li > a img {
  height: auto;
  width: auto;
  margin: 0 auto;
  max-height: 108px;
}
.ourClients_list > ul > li > a p {
  font-weight: 600;
  color: #000;
  font-size: 17px;
  margin: 0;
}
.viewportfolio_btn {
  text-align: center;
  padding-top: 10px;
}
.ourClients_wrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -200px;
  width: 100%;
  height: 260px;
  z-index: -1;
  background-image: url(../img/shapeBg.png);
}
.testimonial_wrap {
  padding: 270px 0 0;
  background-image: url(../images/client_testimonial.webp);
  background-attachment: fixed;
  text-align: center;
}
.testimonial_wrap:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #ef5c20;
  background: -moz-linear-gradient(-45deg, #ef5c20 0, #fc686f 100%);
  background: -webkit-linear-gradient(-45deg, #ef5c20 0, #fc686f 100%);
  background: linear-gradient(135deg, #ef5c20 0, #fc686f 100%);
  opacity: 0.83;
}
.testimonial_content {
  max-width: 830px;
  margin: 0 auto;
}
.testimonial_content .theme-para p {
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 17px;
}
.testimonial_card {
  background-color: #fff;
  border-radius: 25px;
  padding: 30px;
  max-width: 400px;
  margin: 0 auto;
}
.testimonial_user figure {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.testimonial_user figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial_user_detail {
  flex: 1;
  -ms-flex: 1;
  text-align: left;
  padding-left: 20px;
}
.testimonial_user_detail .tuser_name {
  font-weight: 700;
  color: #1c100e;
  margin: 0;
  font-size: 18px;
}
.testimonial_user_detail .tuser_position {
  margin: 0;
  color: #1c100e;
  font-size: 15px;
}
.testimonial_card .theme-para {
  text-align: left;
  min-height: 155px;
  margin: 15px 0;
}
.testimonial_card .theme-para p {
  line-height: 24px;
  font-size: 15px;
}
.testimonial_rating span {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/png;    base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNUExMzU3RUQ0NzExRUJCMjgwQjM0N0U4Q0FDRUI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyNUExMzU4RUQ0NzExRUJCMjgwQjM0N0U4Q0FDRUI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjI1QTEzNTVFRDQ3MTFFQkIyODBCMzQ3RThDQUNFQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjI1QTEzNTZFRDQ3MTFFQkIyODBCMzQ3RThDQUNFQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7EojHSAAADCklEQVR42sSYTWgTQRTHZ5I0HzUhTYoEFGmRarRIix6KH4fcFPEjqNBSFbSao+BBBEEEjz2Il54EEfQgePCgVy891iJq/aCXIopfrRbBIqZNdnf8v91NzJJNuplZkgd/Znd2d/aX9968mQ1niibenA6xUumXeRIOp/nQQ01lvIAqEDOMG0zTEqboWNHUgTTtkutxJ4DE3HgeEOkaoLTZ1zEP6fqkp752ACGZt7FyeUfdBfSJt2e2tt9Duj7FhKjvD4cZi8XGZIflkt6JstXVP5hVQceFri7Gkkk6+gr184G7Wns8ZBiTdTABDJVIVM42Q6faFzJNu1DXRzABx3CX2wKEaT1hFsFa6+62wuW0fWKhMKKcQ3jhdjRZJGwWbR/aLVAG2gglEaqUI1yhEGM9PY3G/wK9hxZtLdntD+g7tcizZQeQeDk6ixkziJdF6/LCixEMQclbGfoJfYOmQ3D/HikQsmhUFcacm9AmW5kAi0TySMbWV2jOrdzxzz5Ch7hdV3axtbUZhG6D58cJxj+gF9BR5NOSOcuwh3kHT/Vjpix69k4s5hfMUyhHMI5pD6hlAPWh9M95yh3O/YCZgk4C5m/TpUO8GnuCEB5vOEwqxVgwqAJiQFcBcttTYeS7H+XhhVuuXqACqAZThEbdYNZdXFEkC1hE76BG/QePx62QyRkVwWOAmZFe7QGVY8XidLWjt1c2f6i0ZAHzQXUtKzvCJZ/MVEF19cVViHEHkJrtVwcyjJyPQAfUgXR9wLGyd9JDWFIyALJKMk119WI4hD1SXN5DQpz10Tvmz4JG5IEM47Bjz+xu89BBW/OqeRRYJ3+GmwCtQFegYdSWZyQ6tvtWZPOIN/1Xo1gsIWy8uomPRMxL0H3oWmWFrnt2oZBBQ1+w51ze8RtK41mjNQ8JcaQKU9lyMDZLm3cMNtEIxrwV1+geutd+ptbow21n6yET4kRNuOjXXLdhnnveVFr3EtRFe2Nfsb3Nynkj+wSvCBTD15hheT744LPUp7EVmnsI42O0N6Hz9teHq/0TYACk/P6DFURaWAAAAABJRU5ErkJggg==");
}
.onaddress_head span,
ul.bit-coin-list li span {
  display: block;
  font-weight: 700;
}
.testimonial_rating span:not(:last-child) {
  margin-right: 5px;
}
.rqpage_wrap,
.testimonial-owl.owl-carousel .owl-stage-outer {
  padding: 80px 0;
}
.obcontact_wrap {
  padding: 90px 0;
  background-color: #0e0c38;
}
.obcontactForm,
.obcontactFormhome,
.onaddress_details {
  padding: 30px 20px;
  height: 100%;
  border-radius: 15px;
  display: block;
  box-shadow: 0 0 106px 0 rgb(33 30 30 / 11%);
}
.obcontactForm_inner,
.onaddress_inner {
  max-width: 100%;
  margin: 0 auto;
}
#getquote_modal .modal-dialog,
.get_quote_form {
  max-width: 730px;
}
.obcontactFormhome {
  border: 1px solid rgb(255 255 255 / 0.1);
  background: rgb(97 201 197 / 0.85);
  backdrop-filter: blur(9.899999618530273px);
}
.obcontactForm_head {
  color: #fff;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 700;
}
.onaddress_details {
  border: 1px solid rgb(239 92 32 / 0.1);
  background: rgb(239 92 32 / 0.7);
  backdrop-filter: blur(28.200000762939453px);
}
.onaddress_head {
  font-size: 35px;
  color: #fff;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 30px;
}
.head_office {
  color: #fff;
  font-weight: 700;
  font-size: 23px;
  display: flex;
  gap: 12px;
  align-items: baseline;
}
.obcontactForm_inner .form-group {
  margin: 0 0 35px;
}
.obcontactForm-submit .spinner-border {
  position: absolute;
  right: 15px;
  top: 14px;
  display: none;
}
.onaddress_details_img {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.back-to-port a,
.clutch_certification,
.mv-heading,
.mv_img,
.post-data span,
.project-title h1,
.recent-post-image img,
.text-video,
a.see_more i {
  vertical-align: middle;
}
.onaddress_details_img.address_1 {
  width: 35px;
  height: 35px;
  background-size: 24px;
  left: -37px;
  top: -15px;
}
.onaddress_details_img.address_2 {
  background-size: 25px;
  background-position: 0 -38px;
}
.onaddress_details_img.address_3 {
  background-size: 25px;
  background-position: 0 -61px;
}
.onaddress_details_img.address_4 {
  background-size: 25px;
  background-position: 0 -87px;
}
.onaddress_details_txt,
.onaddress_details_txt a {
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: inline-block;
  line-height: 24px;
  position: relative;
}
.onaddress_details_txt a {
  padding-left: 30px;
}
.onaddress_bx {
  position: relative;
  margin-top: 5px;
}
.onaddress_bx_wrap {
  padding: 25px 20px 25px 40px;
  border-radius: 20px;
}
.onaddress_bx_wrap.onaddress_bx_active {
  background-color: #ef5c20;
}
.home_blog_wrap {
  padding: 55px 0;
  background-color: #f6fbff;
}
.excellenceBlock .page-h2,
.home_blog_wrap .theme-head-box,
.sohead-mobiledev,
.webfeatures-ob {
  margin: 0 0 45px;
}
.blogCard {
  overflow: hidden;
  height: 100%;
  margin: 0 auto;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  border-radius: 15px;
  border: 1px solid #d3e7f6;
  box-shadow: 0 4px 34px 0 rgb(0 0 0 / 0.1);
}
.blogCard:hover {
  border: 1px solid var(--brand-orange);
  box-shadow: 0 0 34px 0 rgb(250 76 33 / 0.31);
}
.blogContent {
  padding: 20px 25px 35px;
}
.blogDate {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 600;
  color: #32caca;
  margin: 0 0 18px;
  letter-spacing: 1px;
}
.blogContent h4,
.blogContent h5 {
  font-size: 21px;
  line-height: 31px;
  color: #09192c;
}
.blogContent p {
  font-size: 16px;
  color: #6e6e6e;
  line-height: 24px;
  font-weight: 600;
}
.blogRead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-weight: 700;
  color: #fe5000;
  font-size: 17px;
  letter-spacing: 2px;
}
.blogRead svg {
  fill: #ff420c;
  width: 14px;
  height: 22px;
  transform: rotate(180deg);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.viewblogs_btn {
  text-align: center;
  margin: 45px 0 0;
}
.certification_logos_wrap {
  background: linear-gradient(180deg, #ffe3d8 0%, #fff 100%);
}
.certification_logos_list {
  font-size: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.clutch_certification,
.doctor-on-demand .webSolution-wrapper .initiative-img {
  padding: 0 10px;
}
.clutch_certification img {
  max-width: 100%;
  display: inline-block;
  max-height: 80px;
  transition: 0.3s;
  width: auto;
}
.section_footer {
  padding: 50px 0 0;
  clear: both;
  position: relative;
  background: linear-gradient(0deg, #094245 0%, #010f0f 100%);
}
.main-footer--two .footer-widget--about::after {
  content: "";
  width: 4px;
  height: calc(100% + 83px);
  position: absolute;
  top: -20px;
  right: 12px;
  border-radius: 10px;
  background: linear-gradient(
    0deg,
    #fff0 0%,
    #fa4721 25%,
    #f29a1c 50%,
    #fff0 100%
  );
}
.footer-inside {
  position: relative;
}
.about-widget {
  position: relative;
}
.about-widget::after {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  top: -20px;
  right: 12px;
  border-radius: 0;
  background: linear-gradient(
    0deg,
    #fff0 0%,
    #fa4721 25%,
    #f29a1c 50%,
    #fff0 100%
  );
}
.footer_txt_info h4 {
  color: #fff;
  margin: 0 0 10px;
  font-size: 22px;
}
.footer_txt_info p {
  color: rgb(255 255 255 / 0.7);
  font-size: 14px;
  text-align: left;
  line-height: 25px;
  font-weight: 300;
  margin: 0 0 20px;
}
.footer_txt_info {
  margin: 0 0 20px;
  padding-right: 50px;
}
.footer_link_heading {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}
.footer_link_ul {
  list-style: none;
  padding-left: 0;
}
.footer_link_ul > li {
  position: relative;
  padding-left: 18px;
  margin: 5px 0;
  color: rgb(255 255 255 / 0.7);
}
.footer_link_ul > li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 1px;
  color: rgb(255 255 255 / 0.4);
  line-height: 1;
  transition: color 0.3s ease;
  font-size: 22px;
}
.footer_link_ul > li:hover::before {
  color: var(--brand-orange);
}
.footer_link_ul > li > a {
  font-size: 13px;
  color: inherit;
  display: inline-block;
  background: linear-gradient(
      to right,
      var(--brand-orange) 0%,
      var(--brand-orange) 100%
    )
    0 95% / 0 1px no-repeat;
  transition: all 500ms ease;
}
.footer_link_ul > li:hover {
  color: var(--brand-orange);
}
.footer_link_ul > li:hover > a {
  background-size: 100% 1px;
}
.alcohol-delivery-app-development .heroContent,
.android-app-development .heroContent,
.b2b-portal-development .heroContent,
.banking-software-development .heroContent,
.beauty-and-wellness .heroContent,
.classified-website-development .heroContent,
.construction-management-software-development .heroContent,
.cross-platform-app-development .heroContent,
.cts-block-new.blue-style-bg .cts-hd,
.cts-block-new.blue-style-bg .cts-link-new,
.custom-software-development .bullets-points li,
.data-analytics .heroContent,
.dating-app-development .heroContent,
.digital-transformation .heroContent,
.django-development .heroContent,
.dotnet-development .heroContent,
.drupal-development .heroContent,
.e-commerce-development .heroContent,
.e-learning-app-development-company .heroContent,
.ecommerce-platform-development .heroContent,
.erp-software-development .heroContent,
.event-management-mobile-app-development .heroContent,
.fintech-software-development .heroContent,
.fitness-app-development .heroContent,
.food-ordering-app-development .heroContent,
.footer_links,
.fuel-delivery-app .calssified-type-wrapper .page-h2,
.fuel-delivery-app .calssified-type-wrapper .some-description,
.fuel-delivery-app .covid-safety .col-01:nth-child(odd) > div > div,
.fuel-delivery-app .features-panels p,
.fuel-delivery-app-development .heroContent,
.grid-box-flex,
.grocery-app-development .heroContent,
.bitcoin-app-development .heroContent,
.sitefinity .heroContent,
.healthcare-software-development .heroContent,
.hire-android-app-developer .heroContent,
.hire-angularjs-developer .calssified-type-wrapper .some-description,
.hire-angularjs-developer .heroContent,
.hire-dedicated-shopify-developer .heroContent,
.hire-developers .heroContent,
.hire-dot-net-core-developer .heroContent,
.hire-full-stack-developer .heroContent,
.hire-ios-developer .heroContent,
.hire-laravel-developer .heroContent,
.hire-nodejs-developers .heroContent,
.hire-php-developer .heroContent,
.hire-python-developer .heroContent,
.hire-react-native-developer .heroContent,
.hire-reactjs-developer .heroContent,
.hire-salesforce-developer .heroContent,
.hybrid-app-development .heroContent,
.innerpagehero.automotive-software-development .heroContent,
.innerpagehero.b2b-portal-development .heroContent,
.innerpagehero.blockchain-development .heroContent,
.innerpagehero.custom-software-development .heroContent,
.innerpagehero.devops-consulting-services .heroContent,
.innerpagehero.doctor-on-demand-app-development .heroContent,
.innerpagehero.logistics-software-development .heroContent,
.insurance-application-development .heroContent,
.ios-app-development .heroContent,
.iot-development .heroContent,
.laundry-app-development .heroContent,
.left_techno .technology_card,
.machine-learning .heroContent,
.manufacturing-it-solutions .heroContent,
.matrimonial-app-development .heroContent,
.mean-stack-development-company .heroContent,
.medicine-delivery-solution .heroContent,
.mern-stack-development-company .heroContent,
.mobile-app-development .heroContent,
.mobile-app-development-company-in-new-york .heroContent,
.native-app-development-company .heroContent,
.on-demand-app-development .heroContent,
.on-demand-delivery-app-development .heroContent,
.on-demand-home-service-marketplace .heroContent,
.ott-platform-development .heroContent,
.python-development .heroContent,
.real-estate-app-development .heroContent,
.retail-app-development .heroContent,
.saas-software-as-a-service .heroContent,
.school-management-app-development .heroContent,
.services_view,
.social-media-app-development .heroContent,
.supply-chain-management .heroContent,
.taxi-booking-app-development .heroContent,
.telemedicine-app-development .heroContent,
.travel-and-tourism-website-development .heroContent,
.website-development .heroContent {
  text-align: left;
}
.certified_section {
  text-align: center;
}
.social_link_ul_foot li {
  display: inline-block;
  padding: 0 8px;
}
.social_link_ul_foot li:first-child a svg {
  width: 18px;
  height: 18px;
}
.social_link_ul_foot li a svg {
  width: 20px;
  height: 20px;
  color: #262626;
}
.bcsmartControl-list > li:nth-child(2n) .bcsmartControl-card {
  margin-left: auto;
}
.cpyright_certification p {
  color: #fff;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}
.cpyright_certification a {
  font-weight: 700;
  color: #fff;
}
.footer_txt_info figure {
  max-width: 320px;
  margin: 0 0 30px;
}
.request_quote_btn {
  color: #fff;
  display: inline-block;
  background-color: #ef5c20;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 25px;
  border-radius: 8px;
}
.social_link_ul_foot {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.social_link_bx {
  display: table;
}
.social_link_ul_foot li a {
  font-size: 18px;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
}
.social_link_ul_foot li a:hover {
  background-color: #fe3800;
}
.rightContact_bx {
  position: fixed;
  flex-wrap: wrap;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 0;
  z-index: 100;
  transition: 0.3s;
  font-size: 14px;
}
.rc_bx_inner,
.rcbx_icon {
  position: relative;
  display: flex;
}
.rc_bx_inner {
  transform: translateX(60px);
  right: 55px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.rc_bx_inner.open {
  transform: translateX(-127px);
}
.rcbx_icon {
  width: 60px;
  height: 54px;
  align-items: center;
  justify-content: center;
  background-color: #00ebcc;
  z-index: 1;
  cursor: pointer;
}
.rcbx_icon svg {
  height: 27px;
  width: 60px;
  fill: #fff;
}
.rcbx_text {
  width: 185px;
  padding: 5px 10px;
  background-color: #fff;
  height: 54px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.callBox.rc_bx_inner .rcbx_icon,
.mailBox.rc_bx_inner .rcbx_icon {
  border-radius: 15px 0 0 15px;
}
.rcbx_text a {
  color: #08063f;
}
.skypeBox.rc_bx_inner {
  z-index: 2;
  transform: scale(1.2);
  right: -11px;
}
.skypeBox.rc_bx_inner .rcbx_icon {
  background-color: #00ebcc;
  border-radius: 15px 0 0 15px;
  border: 1px solid;
  border-right: 0;
  margin-right: -1px;
}
.skypeBox.rc_bx_inner .rcbx_icon,
.skypeBox.rc_bx_inner .rcbx_icon svg {
  fill: #00ebcc;
  color: #00ebcc;
}
.skypeBox.rc_bx_inner.open {
  right: 142px;
}
.skypeBox.rc_bx_inner .rcbx_icon svg {
  width: 50px;
  height: 35px;
}
.getQuote_bx {
  padding: 18px 14px 16px;
  background-color: #65c7c6;
  border-radius: 25px 25px 0 0;
  transform: rotate(-90deg);
  z-index: 9;
  width: 155px;
  position: absolute;
  bottom: -140px;
  right: calc(-100% - -5px);
  font-weight: 700;
  color: #fff;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}
.getQuote_bx:hover {
  color: #fff;
  background-color: #00ebcc;
}
.body_open_pop .bodybox_open_pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.contactform_upload_dv figure,
.invalid-feedback:before {
  left: 10px;
  position: absolute;
  transform: translateY(-50%);
}
.get_quote_form_left.budget_form {
  background-image: url(../images/currency_sumbols.webp);
  background-size: 70px auto;
  background-position: 5px 70px;
  background-repeat: no-repeat;
}
.get_quote_form_left {
  width: 80px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #f15c22;
  text-align: center;
  display: flex;
  align-items: flex-start;
}
.get_quote_form_left button.close {
  border: 1px solid #000;
  color: #000;
  font-weight: 400;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  margin: 19px auto 0;
  border-radius: 50%;
  right: 0;
  text-align: center;
  opacity: 1;
  font-size: 21px;
}
.about-us .hero-banner-item:before,
.career .hero-banner-item:before,
.owl-carousel.owl-portfolio .item figure img,
.portfolio-detail-wrapper .website-logo img,
.share ul {
  opacity: 0;
}
.get_quote_form_left svg {
  transition: 0.3s;
  width: 27px;
  height: 27px;
}
.get_quote_form_left button.close:hover svg,
.modal-body.modal-owe-popup i.fa.fa-times:hover {
  transform: rotate(90deg);
  transform-origin: 50%;
}
.modal-backdrop.show {
  opacity: 0.75;
}
.get_quote_form {
  padding: 0;
  position: relative;
  width: 100%;
  background: rgb(255 255 255 / 0.15);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
}
.get_quote_field label {
  display: block;
  text-align: left;
  line-height: normal;
  margin: 0 0 5px;
  font-size: 13px;
  color: #4d555f;
  font-weight: 500 !important;
}
.get_quote_form_right {
  padding: 10px;
}
.get_quote_field input,
.get_quote_field select,
.get_quote_field textarea {
  border: 0;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #94a3b8;
  box-shadow: none;
  height: 38px;
  line-height: 1.9;
}
.modal .get_quote_field input,
.modal .get_quote_field select,
.modal .get_quote_field textarea {
  width: 100%;
  box-shadow: none !important;
  height: 39px !important;
  line-height: 1.9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 4px 16px !important;
  font-size: 15px !important;
  color: #0f172a !important;
  background-color: #f8fafc;
  transition: all 0.3s ease;
  font-weight: normal !important;
}
.get_quote_field.wpcf7-form-control-wrapbudget_range .form-control {
  background-color: #f8fafc;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 12px;
}
.get_quote_field textarea {
  min-height: 57px;
}
.contactform_upload_dv {
  position: relative;
  height: 48px;
}
.obcontactForm_inner .form-control:focus {
  color: #000;
  border-color: unset;
  box-shadow: unset;
}
.obcontactForm_inner .custom-file-input:focus ~ .custom-file-label {
  border-color: unset;
  box-shadow: unset;
}
.contactform_upload_dv figure {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 4px 0 4px 4px;
  background-color: #d64d18;
  top: 50%;
  z-index: 2;
}
.contactform_upload_dv figure:after,
.contactform_upload_dv figure:before,
.inputfile-5 + label figure::after,
.inputfile-5 + label figure::before {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.contactform_upload_dv:hover figure,
.inputfile-5 + label:hover figure,
.inputfile-5.has-focus + label figure,
.inputfile-5:focus + label figure {
  background-color: #722040;
}
.contactform_upload_dv figure:before {
  border-top: 10px solid #dfc8ca;
  border-left: 10px solid #fff0;
}
.contactform_upload_dv:hover figure:after {
  border-bottom-color: #f15c22;
}
.contactform_upload_dv figure:after {
  border-bottom: 10px solid #722040;
  border-right: 10px solid #fff0;
}
.contactform_upload_dv label figure + span {
  display: block;
  color: #999;
  margin: 0 0 0 10px;
  font-size: 15px;
  overflow: hidden;
  text-align: left;
  padding: 10px 0 0 10px;
  text-overflow: ellipsis;
}
.obcontactForm_inner .contactform_upload_dv .custom-file-label {
  width: 100%;
  background-color: #fff;
  border: 0;
  height: 48px;
  border-radius: 12px;
  padding: 16px 20px 0 55px;
  color: #000;
  font-size: 15px;
  margin: 0;
}
.agileUi-block ul > li i,
.automative-page .circle-effect::before,
.contact-tab-content .fade:not(.show),
.contactform_upload_dv label.custom-file-label::after,
.cts-block-new.blue-style-bg::after,
.cts-wrapper.nft-fold01 .cts-block-new:after,
.cts-wrapper.nft-fold01 .cts-block-new:before,
.cts-wrapper.nft-fold02 .cts-block-new:after,
.cts-wrapper.nft-fold02 .cts-block-new:before,
.cts-wrapper.nft-fold03 .cts-block-new:after,
.cts-wrapper.nft-fold03 .cts-block-new:before,
.custom-software-development .obcontact_wrap + .certification_logos_wrap,
.div_services_text .block-body h2:after,
.div_services_text .block-body h2:before,
.fuel-delivery-app .circle-effect::before,
.healthcare-software-development .hero-banner-item::before,
.hire-angularjs-developer .hero-banner-item:before,
.hire-angularjs-developer .keyBenefits::before,
.hire-dot-net-core-developer .hero-banner-item:before,
.hiring-devider > div:last-child:before,
.home .hero-banner-item::before,
.innerpagehero.automotive-software-development .hero-banner-item:before,
.innerpagehero.blockchain-development .hero-banner-item:before,
.innerpagehero.custom-software-development .hero-banner-item::before,
.innerpagehero.doctor-on-demand-app-development .hero-banner-item::before,
.keyBenefits.automative-page::before,
.portfolio-detail-wrapper .services_banner::before,
.project-slide,
.resume_upload_dv input#resume,
.rightContact_bx,
.testimonial_wrap + .certification_logos_wrap,
.website-development .hero-banner-item::before,
.website-development .testimonial_wrap + .certification_logos_wrap,
.why-obhire-wrapper.no-bg:before {
  display: none;
}
.btn.get_quoteSubmit {
  display: table;
  background-color: #ef5c20;
  font-weight: 500;
  color: #fffefe;
  font-size: 15px;
  padding: 11px 28px;
  border-radius: 35px;
  text-align: center;
  margin: 0 0 0 auto;
}
.btn.get_quoteSubmit:focus {
  box-shadow: 0 0 0 0.2rem rgb(241 92 34 / 20%);
}
.social_link_ul li a {
  font-size: 18px;
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
}
.social_link_ul > li:not(:last-child) {
  margin-right: 10px;
}
.social_link_ul > li > a svg {
  fill: #fff;
  width: 32px;
  height: 32px;
}
.contact_form_tabs,
.mobilemajorTech,
.mobilemajorTech-left ul,
.social_link_ul {
  display: flex;
  flex-wrap: wrap;
}
.invalid-feedback {
  z-index: 1;
  background-color: #d61313;
  color: #fff;
  padding: 5px 10px 5px 33px;
  position: relative;
  border-radius: 4px;
}
.invalid-feedback:before {
  content: "⚠";
  top: calc(50% - 1px);
  font-size: 16px;
}
.get_quote_form .contactform_upload_dv .custom-file-label {
  border: 0;
  border-bottom: 1px solid #ddd !important;
  background: #fff;
  border-radius: 0;
  padding: 6px 0 0 39px;
  width: 100%;
  font-weight: 400;
  height: 38px;
  line-height: 1.9;
  display: block;
  color: #999;
  font-size: 15px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  box-shadow: unset !important;
}
.get_quote_form .contactform_upload_dv figure {
  left: 0;
  top: 0;
  transform: unset;
}
.section_title span:after,
.section_title span:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 2px;
  top: 50%;
}
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #000;
  }
}
@keyframes animate-svg-fill-1 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #000;
  }
}
.svg-elem-1 {
  -webkit-animation: 0.6s 1.1s both animate-svg-fill-1;
  animation: 0.6s 1.1s both animate-svg-fill-1;
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-2 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-2 {
  -webkit-animation: 0.6s 1.2000000000000002s both animate-svg-fill-2;
  animation: 0.6s 1.2000000000000002s both animate-svg-fill-2;
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-3 {
  -webkit-animation: 0.6s 1.3s both animate-svg-fill-3;
  animation: 0.6s 1.3s both animate-svg-fill-3;
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-4 {
  -webkit-animation: 0.6s 1.4000000000000001s both animate-svg-fill-4;
  animation: 0.6s 1.4000000000000001s both animate-svg-fill-4;
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-5 {
  -webkit-animation: 0.6s 1.5s both animate-svg-fill-5;
  animation: 0.6s 1.5s both animate-svg-fill-5;
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-6 {
  -webkit-animation: 0.6s 1.6s both animate-svg-fill-6;
  animation: 0.6s 1.6s both animate-svg-fill-6;
}
@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-7 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-7 {
  -webkit-animation: 0.6s 1.7000000000000002s both animate-svg-fill-7;
  animation: 0.6s 1.7000000000000002s both animate-svg-fill-7;
}
@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-8 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-8 {
  -webkit-animation: 0.6s 1.8000000000000003s both animate-svg-fill-8;
  animation: 0.6s 1.8000000000000003s both animate-svg-fill-8;
}
@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
@keyframes animate-svg-fill-9 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #34383a;
  }
}
.svg-elem-9 {
  -webkit-animation: 0.6s 1.9000000000000001s both animate-svg-fill-9;
  animation: 0.6s 1.9000000000000001s both animate-svg-fill-9;
}
@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
@keyframes animate-svg-fill-10 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
.svg-elem-10 {
  -webkit-animation: 0.6s 2s both animate-svg-fill-10;
  animation: 0.6s 2s both animate-svg-fill-10;
}
@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
@keyframes animate-svg-fill-11 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
.svg-elem-11 {
  -webkit-animation: 0.6s 2.1s both animate-svg-fill-11;
  animation: 0.6s 2.1s both animate-svg-fill-11;
}
@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-12 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-12 {
  -webkit-animation: 0.6s 2.2s both animate-svg-fill-12;
  animation: 0.6s 2.2s both animate-svg-fill-12;
}
@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-13 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-13 {
  -webkit-animation: 0.6s 2.3000000000000003s both animate-svg-fill-13;
  animation: 0.6s 2.3000000000000003s both animate-svg-fill-13;
}
@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-14 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-14 {
  -webkit-animation: 0.6s 2.4000000000000004s both animate-svg-fill-14;
  animation: 0.6s 2.4000000000000004s both animate-svg-fill-14;
}
@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-15 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-15 {
  -webkit-animation: 0.6s 2.5s both animate-svg-fill-15;
  animation: 0.6s 2.5s both animate-svg-fill-15;
}
@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-16 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-16 {
  -webkit-animation: 0.6s 2.6s both animate-svg-fill-16;
  animation: 0.6s 2.6s both animate-svg-fill-16;
}
@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
@keyframes animate-svg-fill-17 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
.svg-elem-17 {
  -webkit-animation: 0.6s 2.7s both animate-svg-fill-17;
  animation: 0.6s 2.7s both animate-svg-fill-17;
}
@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
@keyframes animate-svg-fill-18 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
.svg-elem-18 {
  -webkit-animation: 0.6s 2.8000000000000003s both animate-svg-fill-18;
  animation: 0.6s 2.8000000000000003s both animate-svg-fill-18;
}
@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
@keyframes animate-svg-fill-19 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #62cbc8;
  }
}
.svg-elem-19 {
  -webkit-animation: 0.6s 2.9000000000000004s both animate-svg-fill-19;
  animation: 0.6s 2.9000000000000004s both animate-svg-fill-19;
}
@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-20 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-20 {
  -webkit-animation: 0.6s 3s both animate-svg-fill-20;
  animation: 0.6s 3s both animate-svg-fill-20;
}
@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-21 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-21 {
  -webkit-animation: 0.6s 3.1s both animate-svg-fill-21;
  animation: 0.6s 3.1s both animate-svg-fill-21;
}
@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
@keyframes animate-svg-fill-22 {
  0% {
    fill: #fff0;
  }
  100% {
    fill: #ff7a17;
  }
}
.svg-elem-22 {
  -webkit-animation: 0.6s 3.2s both animate-svg-fill-22;
  animation: 0.6s 3.2s both animate-svg-fill-22;
}
.text-video {
  text-align: center;
  width: 100%;
  margin: auto;
  display: table-cell;
}
.about_page_banner .text-video {
  vertical-align: bottom;
  padding: 0 0 40px;
}
.about_page_banner .text-video .banner_heading,
.blockChainpanel-content .page-h2,
.resume_upload_dv,
.technology_list ul li {
  margin: 0 0 20px;
}
.text-video p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}
.what_we_offer {
  padding: 60px 0 10px;
}
.section_heading {
  text-align: center;
  padding-bottom: 30px;
}
.section_title {
  font-size: 36px;
  font-weight: 500;
  display: inline;
  color: #f15c22;
  position: relative;
}
.section_title span {
  font-size: 36px;
  font-weight: 600;
  color: #f15c22;
  text-transform: capitalize;
}
.section_title span:before {
  background: linear-gradient(90deg, #fff, #ddd);
  left: -94px;
}
.section_title span:after {
  background: linear-gradient(-90deg, #fff, #ddd);
  right: -94px;
}
.inner_banner .full_banner_item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #211f19;
  height: 460px;
}
.full_banner_item_image_content {
  height: 100%;
  display: table;
  width: 100%;
}
.about-text p,
.appwork-block p,
.blockChainpanel-content p,
.desc,
.scaleup-content p,
.stage-text,
.webstage-text p {
  text-align: justify;
}
.owebes_intro_video {
  padding: 28px 0 0;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
ul.default-listing {
  padding: 5px 0 0;
  margin: 0 0 30px;
  width: 100%;
}
.responsibility_list,
.technology_list ul,
.specific_fetaure {
  padding: 0;
  list-style: none;
}
ul.default-listing > li {
  background-position: 0 5px;
  background-image: url(../img/checkSign.png);
  display: block;
  float: none;
  margin: 0;
  padding: 0 0 15px 32px;
  width: auto;
  text-align: left;
  border: none;
  font-weight: 500;
  font-size: 16px;
  background-repeat: no-repeat;
}
.mv-heading,
.mv_img {
  display: inline-block;
}
.technology_section .section_title_holder {
  margin: 0 0 50px;
  text-align: center;
}
.mv-heading {
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 31px;
  line-height: 37px;
}
.mission_vision_box {
  margin: 30px auto;
  text-align: left;
}
.mission_vision_box p {
  line-height: 27px;
}
.mv-heading span {
  display: block;
  color: #000;
}
.row.mv_row {
  margin-top: 50px;
  margin-right: -25px;
  margin-left: -25px;
}
.row.mv_row .col-md-4 {
  padding-right: 25px;
  padding-left: 25px;
}
.mv_img {
  margin-right: 17px;
  margin-bottom: 31px;
}
.mv_img img {
  max-width: 90px;
  position: relative;
}
.bordered_box {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.core_response_heading {
  font-size: 36px;
  font-weight: 600;
  margin: 0 auto 50px;
  line-height: normal;
  color: #f15c22;
}
.responsibility_list {
  text-align: left;
  margin: 0 auto;
}
ul.responsibility_list li {
  line-height: 26px;
  margin: 0 0 13px;
  background: url(../img/checkSign.png) left 8px no-repeat;
  padding: 0 20px 0 35px;
  text-align: justify;
}
.our_partners_section {
  background: #f1f1f1;
  padding: 30px 0;
}
.our_partner_head {
  text-align: left;
  font-size: 40px;
  line-height: normal;
  color: #f1632b;
  font-weight: 600;
}
.our_partner_image {
  line-height: 84px;
  text-align: center;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: 0.3s;
}
.technology_section {
  padding: 62px 0 44px;
}
.technology_image {
  line-height: 70px;
  margin: 0 0 10px;
}
.bcsmartControl-list > li:nth-child(odd) .bcsmartControl-card,
.covid-safety .col-01:nth-child(odd) > div > div,
.right_techno .technology_card,
.tel-block {
  text-align: right;
  width: 100%;
}
.technology_text {
  font-size: 15px;
}
.cms_content {
  padding: 60px 0 30px;
}
.cms_page_content .div_services_text {
  padding: 0 0 20px;
}
.div_services_text h2 {
  margin: 0 0 30px;
}
.div_services_text .second_heading,
.div_services_text h2 {
  text-align: center;
  line-height: normal;
}
.div_services_text p,
.specific_fetaure > li {
  word-wrap: break-word;
  color: var(--para-color);
}
.service_detail {
  border-bottom: 1px solid #eee;
  padding: 50px 0;
  float: left;
  width: 100%;
}
.div_services_text {
  padding: 40px 0 30px;
}
.about_text_container {
  padding: 30px 0 15px;
}
.innerpagehero .testimonial_wrap {
  padding: 60px 0 0;
}
.career .hero-banner-inner,
.career .hero-banner-item,
.innerpagehero .hero-banner-inner,
.innerpagehero .hero-banner-item {
  min-height: auto;
  height: 460px;
}
.innerpagehero .heroContent {
  align-items: end;
  padding: 150px 0 30px;
  min-height: auto;
  bottom: unset;
}
.innerpagehero .banner_heading {
  font-weight: 700;
  margin: 30px 0 20px;
}
.innerpagehero .heroContent p {
  color: rgba(255, 255, 255, 0.88);
  max-width: 100%;
  margin: 20px 0;
}
.core_response {
  padding: 15px 0 45px;
}
.appdevservice-contntInner ul > li:not(:last-child),
.recent-post,
.scaleupList > li:not(:last-child),
.specific_fetaure {
  margin: 0 0 25px;
}
.specific_fetaure > li {
  margin: 0;
  font-size: 17px;
  padding: 0 0 10px 32px;
  background: url(../img/checkmark.png) left 3px no-repeat;
}
.bcsmartControl-list
  > li:nth-child(odd)
  .bcsmartControl-card.nft-marketplace-development
  .heroContent,
.specific_fetaure li:last-child {
  padding-bottom: 0;
}
a.see_more {
  color: #65c7c6;
  font-size: 20px;
  font-weight: 600;
}
.isotope-filters-2 a,
.isotope-filters-2 button {
  margin: 2px;
  color: #000;
  background: 0 0;
  text-transform: capitalize;
  cursor: pointer;
}
a.see_more i {
  color: inherit;
  font-size: 16px;
  margin: 0 0 0 3px;
}
a.see_more:focus,
a.see_more:hover {
  color: #ea3d3d;
}
.isotope-filters-2 a {
  border: none;
  padding: 8px 27px;
  font-size: 22px;
  border-radius: 33px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.blog-box-block:hover .post-info-box.blog-created,
.isotope-filters-2 a.active,
.isotope-filters-2 a:hover,
.read-post:active,
.read-post:focus,
.read-post:hover {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.isotope-filters-2 {
  margin: 0 auto 40px;
}
.isotope-filters-2 button {
  border: none;
  padding: 11px 29px;
  font-size: 23px;
  border-radius: 23px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.isotope-filters-2 button:focus {
  outline: 0;
  outline-offset: 0;
}
.isotope-filters-2 button.active,
.isotope-filters-2 button:hover {
  background: #65c7c6;
  color: #fff;
  border-color: #65c7c6;
}
.masonry .grid-sizer,
.masonry.columns-2 .masonry-item {
  width: 50%;
  padding: 5px;
}
.full-screen .grid-item,
.masonry .masonry-item {
  float: left;
}
.masonry .masonry-item img {
  display: block;
  width: 100%;
  border: 1px solid #f0f0f0;
}
.masonry .portfolio-item .portfolio-overlay .portfolio-item,
.project-slide .owl-carousel .owl-stage-outer,
.service-item.style-1:hover:before,
.work-blocks img {
  width: 100%;
}
.full-screen .portfolio-item .portfolio-overlay,
.masonry .portfolio-item .portfolio-overlay {
  display: inline-block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 100%;
}
.masonry .portfolio-item .portfolio-overlay a.title {
  background: 0 0;
  width: 100%;
  color: #fff;
  padding: 0 10px;
  margin: 0 0 11px;
  font-weight: 600;
}
.masonry .portfolio-item .portfolio-overlay a.title:hover {
  color: #65c7c6;
  background: 0 0;
}
.masonry .portfolio-item .portfolio-overlay ul.port-tag {
  margin-bottom: 5px;
}
.masonry .portfolio-item .portfolio-overlay ul.port-tag li {
  display: inline-block;
  margin: 0 6px;
}
.masonry .portfolio-item .portfolio-overlay ul.port-tag li a {
  background: 0 0;
  color: #fff;
  margin-right: 20px;
}
.masonry .portfolio-item .portfolio-caption a:hover,
.masonry .portfolio-item .portfolio-overlay ul.port-tag li a:hover,
.portfolio-caption a span:hover,
.recent-post-info a:hover,
.widget-menu ul li.hover a,
.widget-menu ul ul a:hover,
.widget-menu ul ul li a span:hover {
  color: #00a9da;
}
.masonry.columns-3 .masonry-item {
  width: 33.33333%;
  padding: 5px;
}
.masonry.full-screen .masonry-item {
  width: 33.33333%;
  padding: 12px;
}
.full-screen .portfolio-item,
.masonry .portfolio-item {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.masonry .portfolio-item .portfolio-caption {
  background: rgb(0 0 0 / 0.7);
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  top: -100%;
  color: #fff;
}
.masonry .portfolio-item:hover .portfolio-caption {
  top: 0;
}
.masonry .portfolio-item .portfolio-caption a.title {
  display: inline-block;
  color: #fff;
  font-size: 18px;
}
.masonry .portfolio-item .portfolio-caption a span {
  font-size: 15px;
  padding: 10px 0 20px;
  display: block;
  color: #00a9da;
  text-transform: capitalize;
}
.full-screen .grid-item img {
  display: block;
  width: 100%;
}
.arrow-seprator {
  background: url(../images/arrow-right-icon.png) 0 center no-repeat;
  padding: 0 35px;
  margin: 0 0 0 9px;
  text-decoration: underline;
}
.project-breadcrumb {
  color: #65c7c6;
  font-size: 25px;
}
.project-close-btn {
  float: right;
  font-weight: 700;
  color: #fff;
  font-size: 17px;
  background: #65c7c6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 39px;
}
.project-slide .item-bg-box {
  padding: 25px 7px 25px 25px;
  box-shadow: 0 1px 15px rgb(0 0 0 / 0.13);
  -moz-box-shadow: 0 1px 15px rgb(0 0 0 / 0.13);
  -ms-box-shadow: 0 1px 15px rgb(0 0 0 / 0.13);
  -o-box-shadow: 0 1px 15px rgb(0 0 0 / 0.13);
  -webkit-box-shadow: 0 1px 15px rgb(0 0 0 / 0.13);
  border-radius: 13px;
  height: 570px;
  overflow: hidden;
}
.project-slide .owl-carousel .owl-stage {
  padding-top: 18px;
  padding-bottom: 18px;
}
.project-dtls h1,
.project-feedback h2 {
  margin: -4px 0 20px;
  text-align: center;
  font-weight: 700;
  font-size: 29px;
}
.project-dtls {
  padding: 0 20px;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
}
.project-dtls p,
.project-feedback p {
  font-size: 14px;
  font-style: italic;
  line-height: 23px;
}
.project-screenshot img {
  border: 1px solid #ececec;
}
.project-feedback {
  margin: 80px 0 20px;
  text-align: center;
}
.project-feedback h2 span {
  display: block;
  font-size: 17px;
  color: rgb(0 0 0 / 0.5);
}
.owl-carousel .owl-item .feedback-data img {
  width: auto;
  max-width: 100%;
  display: inline-block;
}
.feedback-data {
  padding: 0 25px;
  position: relative;
}
.feedback-data p:first-child:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 6px;
  width: 21px;
  height: 15px;
  background: url(../images/double-quote.png) no-repeat;
}
.feedback-data p:last-child:after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 35px;
  height: 15px;
  background: url(../images/double-quote.png) center 0 no-repeat;
}
.cts-wrapper.nft-fold03 .cts-block-new,
.hire-salesforce-wrapper.fintech-dev-page .salesforce-devs-wrapper .devs-blocks,
.portfolio-detail-wrapper .is-sticky .website-logo,
.portfolio-detail-wrapper.menu_open .website-logo,
.project-slide .owl-theme .owl-nav [class*="owl-"]:hover,
.salesforce-devs-wrapper.no-bg-img {
  background: 0 0;
}
.custom_scrolling {
  overflow: auto;
  position: relative;
  height: 523px;
}
.projec-screenshot img {
  display: block;
  border: 1px solid #f2f2f2;
  margin: 0 auto;
}
.show-more-btn,
.show-more-btn a {
  text-align: center;
  margin: 40px auto 0;
}
.custom_scrolling .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #65c7c6;
  filter: "alpha(opacity=1)";
  -ms-filter: "alpha(opacity=1)";
  width: 10px;
}
.custom_scrolling
  .mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar,
.custom_scrolling .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.custom_scrolling .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #65c7c6;
  filter: "alpha(opacity=1)";
  -ms-filter: "alpha(opacity=1)";
}
.custom_scrolling .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f0f0f0;
  filter: "alpha(opacity=1)";
  -ms-filter: "alpha(opacity=1)";
  width: 10px;
}
.portfolio-wrapper {
  padding: 52px 0;
}
.show-more-btn a {
  font-size: 19px;
  font-weight: 500;
  color: #181818;
  border-radius: 25px;
  border: 3px solid;
  padding: 8px 30px;
}
.portfolio-detail-wrapper {
  background-color: #eee;
  height: 100%;
  width: 100%;
}
.portfolio-detail-inner {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  margin: 170px 0 60px;
  position: relative;
}
.portfolio-detail-inner:after,
.portfolio-detail-inner:before {
  content: "";
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 13px;
  left: 0.18em;
  width: 50%;
  height: 20px;
  -webkit-box-shadow: 0 13px 8px #a1a0a0;
  -moz-box-shadow: 0 13px 8px #a1a0a0;
  box-shadow: 0 13px 8px #a1a0a0;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.portfolio-detail-inner:after {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
  left: auto;
  right: 0.18em;
}
.android_app,
.bcTech-head .page-h2 span,
.mp-currency ul li,
.portfolio-detail-wrapper header .logo,
.portfolio-overlay .icon li,
.similar-project-box .icon li,
.t-1,
.tab-image,
.tab-text,
.tag,
.tags li,
ul.bit-coin-list li,
ul.expList li {
  display: inline-block;
}
.portfolio-detail-wrapper header .right-menu {
  float: right;
}
.project-title h1 {
  font-weight: 700;
  color: #65c7c6;
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 30px;
  padding-left: 50px;
}
.project-title {
  margin: 20px 0 23px;
  position: relative;
}
.owl-carousel.owl-portfolio .item figure {
  background-size: contain;
  background-repeat: no-repeat;
  border: 1px solid #eee;
  margin: 0;
  min-height: 194px;
  background-position: center;
}
.custom-bullets li:last-child,
.owl-carousel.owl-portfolio .item .similar-project-box figure {
  border: 0;
}
.owl-carousel.owl-portfolio .owl-dot,
.owl-carousel.owl-portfolio-testimonial .owl-dot {
  outline: 0;
}
.portfolio-desc-head {
  position: relative;
  margin: 10px 0 20px;
}
.portfolio-desc-head h2 {
  font-weight: 700;
  text-transform: capitalize;
  color: #65c7c6;
  display: inline-block;
  margin: 0;
  position: relative;
  background-color: #fff;
  z-index: 1;
  padding-right: 15px;
  font-size: 24px;
}
.portfolio-desc-head:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eee;
  width: 100%;
  height: 1px;
}
.portfolio-about-wrapper p {
  margin-bottom: 20px;
}
.portfolio-detail-inner ul.breadcrumb {
  background-color: #fff;
  margin: 0;
  padding-left: 0;
}
.portfolio-detail-inner ul.breadcrumb li,
.portfolio-detail-inner ul.breadcrumb li a {
  font-size: 13px;
  color: #9c9c9c;
}
.benefits-box:hover .benefits-h3,
.portfolio-detail-inner ul.breadcrumb li a:hover {
  color: #65c7c6;
}
.back-to-port {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.back-to-port a img {
  max-width: 20px;
}
.back-to-port a {
  display: inline-block;
  background: #65c7c6;
  width: 36px;
  height: 36px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
}
.back-to-port a:hover,
.portfolio-about-wrapper.portfolio-testimonial .owl-dots .owl-dot.active span {
  background: #50adac;
}
.portfolio-about-wrapper {
  padding-bottom: 10px;
}
h5.testimonial-client-name {
  display: inline-block;
  font-size: 23px;
  font-weight: 700;
  color: #65c7c6;
  text-transform: capitalize;
}
.assist-links,
.btn.reg-btn,
.cry-srv-h1,
.excellenceList-head,
.ofr-label,
.pagination-row,
.post-time,
.protfolio-specs,
.share-post,
.sign,
.t-1 {
  text-transform: uppercase;
}
h5.testimonial-client-position {
  display: inline-block;
  margin-left: 7px;
  font-size: 16px;
  color: rgb(0 0 0 / 0.4);
  font-weight: 700;
}
.portfolio-testimonial-inner p {
  font-family: Georgia, "Times New Roman", serif !important;
  font-style: italic;
  font-size: 16px;
  text-align: justify;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 10px;
}
.portfolio-testimonial-wrapper {
  background-color: #fafafa;
  position: relative;
  border-radius: 4px;
  padding: 30px 22px 20px 94px;
}
.portfolio-testimonial-inner {
  padding: 0 7px;
}
.portfolio-testimonial-wrapper:after {
  content: "\F6B0";
  position: absolute;
  left: 20px;
  top: 45px;
  font-size: 60px;
  color: #dff1f1;
  font-family: "bootstrap-icons";
  font-weight: 900;
}
.portfolio-about-wrapper.portfolio-testimonial {
  padding-bottom: 35px;
}
.alcohal-apps .keyBenefits .benefitsText,
.keyBenefits.automative-page .benefitsText,
.portfolio-about-wrapper.portfolio-testimonial .owl-nav.disabled + .owl-dots {
  margin-top: 20px;
}
.portfolio-about-wrapper.portfolio-testimonial .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  background: #e2e2e2;
}
.outer-thumb-owl .owl-theme .owl-nav [class*="owl-"].disabled:hover {
  background-color: #d6d6d6;
}
.owl-carousel.portfolio-new-owl {
  position: relative;
  margin: 30px 0;
  border: 0;
}
.owl-carousel.portfolio-new-owl .owl-item img {
  border: 1px solid #eee;
}
.owl-carousel.portfolio-new-owl .owl-nav [class*="owl-"] {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  background-color: #65c7c6;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  top: 50%;
  transform: unset;
  opacity: 0;
  font-size: 18px;
  line-height: 15px;
  outline: 0;
  position: absolute;
  text-align: center;
  display: inline-block;
  margin-top: -18px;
}
.owl-carousel.portfolio-new-owl .owl-nav button.owl-prev {
  left: -20px;
}
.needCard_img.needCrd_img_right,
.owl-carousel.portfolio-new-owl .owl-nav button.owl-next {
  right: -20px;
}
.owl-carousel.portfolio-new-owl button.owl-prev.disabled {
  background: #91bfbf;
}
a.view_project_btn i {
  padding-left: 5px;
  color: #fff;
}
a.view_project_btn {
  background-color: #f15c22;
  border: 1px solid #f15c22;
  padding: 7px 14px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 27px;
  display: inline-block;
}
a.view_project_btn:hover,
a.view_site_icon {
  background-color: #65c7c6;
}
a.view_project_btn:hover {
  border: 1px solid #65c7c6;
}
.webscreen_wrapper figure {
  text-align: center;
  box-shadow: 0 0 10px #e1e1e1;
  border-radius: 10px;
  padding: 10px;
}
.col-auto,
.doctor-on-demand .alcohal-apps .covid-safety .initiative-img img,
.expertise-wrapper .container,
.hire-angularjs-developer .bcTech-head,
img {
  max-width: 100%;
  height: auto;
}
.similar-project-box {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.portfolio-overlay .icon li a:hover,
.similar-project-box .icon li a:hover {
  border-radius: 50%;
  color: #fff !important;
}
.similar-project-box:before {
  content: "";
  width: 0;
  height: 100%;
  background: rgb(0 0 0 / 0.8);
  position: absolute;
  top: 0;
  left: -100%;
  bottom: 0;
  z-index: 1;
  transition: 0.5s;
}
.similar-project-box:hover:before {
  width: 100%;
  left: 0;
}
.similar-project-box .box-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: scale(0) translateY(0);
  z-index: 2;
  transition: 0.3s;
}
.box5 .icon,
.excellenceList,
.excellenceList > li ol,
.portfolio-overlay .icon,
.similar-project-box .icon {
  list-style: none;
  padding: 0;
}
.similar-project-box:hover .box-content {
  transform: scale(1) translateY(-50%);
}
.similar-project-box .title {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 4px;
}
.similar-project-box .post {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #bbb;
  margin-bottom: 20px;
}
.portfolio-overlay .icon li a,
.similar-project-box .icon li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 19px;
  color: #fff;
  margin-right: 6px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 3px;
  text-align: center;
  position: relative;
}
a.visit_site_icon {
  background-color: #f15c22;
}
.owl-portfolio {
  margin-top: 23px;
}
.portfolio-detail-inner .masonry.full-screen .masonry-item {
  width: 100%;
  padding: 0;
}
.mails,
.phones,
.portfolio-detail-inner .masonry .portfolio-item .portfolio-caption a.title {
  font-size: 15px;
}
.portfolio-desc-head.innerpages_h1 {
  margin: 40px 0 0;
}
.portfolio-detail-inner .masonry-main.page-section-ptb {
  margin: 23px 0 10px;
}
.hide,
.pro-img img {
  display: none !important;
}
.portfolio-caption .title {
  color: #fff;
  margin: 0 0 11px;
  display: block;
  font-size: 14px;
}
.blog-wrapper {
  padding: 13px 0 40px;
  background: #eee;
}
.blog-box-block {
  position: relative;
  padding-left: 105px;
}
.blog-listing:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #ddd;
  top: 23px;
  left: 40px;
  position: absolute;
}
.blog-block:after,
.share ul:before {
  position: absolute;
  width: 0;
  height: 0;
}
.blog-posted {
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 1;
}
.blog-block,
.single-post-block {
  background: #fff;
  padding: 21px;
  margin: 0 0 48px;
  box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -o-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
}
.blog-block:after {
  left: 79px;
  top: 50px;
  border: 13px solid #fff0;
  content: " ";
  pointer-events: none;
  border-right-color: #fff;
  margin-top: -13px;
}
.share .share-button,
.share ul {
  border-radius: 3px;
  position: absolute;
}
.blog-title a {
  font-size: 25px;
  color: #2e2e2e;
  font-weight: 600;
  margin: 12px 0 20px;
  display: block;
  padding: 4px 0 6px 14px;
  border-left: 4px solid #4cbdbc;
  line-height: 34px;
}
.blog-loader button:hover,
.blog-title a:hover,
.post-info-box.blog-likes,
.sidebar-widget .recent-post-info a:hover,
.widget-archives li a:hover {
  color: #4cbdbc;
}
.blog-block figure {
  margin: 0 auto 27px;
  display: block;
  text-align: center;
}
.blog-description {
  font-size: 15px;
  line-height: 27px;
  text-align: justify;
  color: #959393;
  border-top: 1px solid #ededed;
  padding-top: 23px;
  margin-bottom: 30px;
  font-weight: 400;
}
.blog-description p {
  font-size: 16px;
  line-height: 28px;
  color: #0c0c0c;
  font-weight: 500;
}
.read-post {
  background: #4cbdbc;
  color: #fff;
  padding: 11px 25px;
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
}
.share .share-button {
  background: #4cbdbc;
  padding: 9px 15px;
  color: #fff;
  right: 0;
  z-index: 99;
}
.bg-stye2,
.btn-enq,
.cts-block.orange-block,
.expert-description.bg2,
.oppening_list_item a:hover,
.share ul,
.share-button:hover,
.t-1 {
  background: #f15c22;
}
.share ul {
  float: left;
  padding: 5px 15px;
  right: 10px;
  width: 185px;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.share ul:before {
  z-index: 999;
  content: "";
  right: -12px;
  top: 12px;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: #fff0 #fff0 #fff0 #f15c22;
}
.share ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: inherit;
}
.share ul li a {
  display: block;
  padding: 4px 10px;
}
.share ul li a:hover {
  color: #363636;
}
.share:hover ul {
  visibility: visible !important;
  opacity: 1;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  right: 59px;
}
.share.small {
  min-height: 47px;
  width: 48px;
  margin: 0 0 0 auto;
}
.share.small .share-button {
  padding: 9px 15px;
  font-size: 18px;
}
.share.small ul {
  padding: 5px 10px;
  width: 170px;
  margin: 0;
  visibility: hidden;
}
.share.small ul li a {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  color: #fff;
}
.share.small ul li a:hover {
  color: #facbb8;
}
.share.small ul:before {
  border-width: 6px 0 6px 10px;
  top: 50%;
  margin-top: -7px;
  right: -10px;
}
.post-info-box {
  background: #fff;
  border-radius: 4px;
  width: 81px;
  position: relative;
  font-size: 41px;
  color: #f15c22;
  font-family: arial;
  font-weight: 800;
  text-align: center;
  margin: 0 0 20px;
  box-shadow: 0 3px 2px rgb(0 0 0 / 0.15);
  -moz-box-shadow: 0 3px 2px rgb(0 0 0 / 0.15);
  -ms-box-shadow: 0 3px 2px rgb(0 0 0 / 0.15);
  -o-box-shadow: 0 3px 2px rgb(0 0 0 / 0.15);
  -webkit-box-shadow: 0 3px 2px rgb(0 0 0 / 0.15);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.post-info-box strong,
.post-time,
.tech-solution ul li .techDesc p {
  font-weight: 400;
  line-height: 27px;
}
.post-info-box strong {
  font-style: italic;
  font-size: 13px;
  width: 100%;
  display: none;
  position: relative;
  margin-top: -11px;
}
.post-info-box.blog-likes strong {
  border-top: 1px solid rgb(0 0 0 / 0.07);
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}
.post-info-box.blog-likes strong:before,
.post-time:before {
  content: "";
  width: 11px;
  height: 11px;
  background: #eee;
  position: absolute;
  left: -5px;
  border-radius: 50%;
  top: -6px;
}
.post-info-box.blog-likes strong:after,
.post-time:after {
  content: "";
  width: 11px;
  height: 11px;
  background: #eee;
  position: absolute;
  right: -5px;
  border-radius: 50%;
  top: -6px;
}
.assist-links a.callus::after,
.assist-links a.chat::after,
.assist-links a.whatsapp::after {
  width: 64px;
  height: 50px;
  content: "";
  position: absolute;
  left: 0;
}
.features-flex-wrapper .features-flex:nth-child(2n) .features-flex-col,
.hire-python-developer .crm-srv-block,
.portfolio-detail-wrapper .is-sticky .mob_nav span,
.portfolio-detail-wrapper .is-sticky .mob_nav::after,
.portfolio-detail-wrapper .is-sticky .mob_nav::before,
.portfolio-detail-wrapper.menu_open .mob_nav span,
.portfolio-detail-wrapper.menu_open .mob_nav::after,
.portfolio-detail-wrapper.menu_open .mob_nav::before,
.sidebar-widget,
.wellness-apps-service .crm-srv-block {
  background: #fff;
}
.post-time {
  display: block;
  position: relative;
  font-size: 13px;
  font-family: arial;
  color: #787d7d;
  border-top: 1px solid rgb(0 0 0 / 0.07);
}
.blog-loader svg {
  max-width: 15px;
  display: inline-block;
}
.blog-loader button {
  text-align: center;
  font-size: 14px;
  border: 1px solid;
  padding: 11px 24px;
  color: #f15c22;
  border-radius: 3px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.blog-loader {
  text-align: center;
  margin: 0 auto;
  padding-left: 100px;
}
.widget-search input {
  padding-right: 30px;
  color: #626262;
  height: 45px;
  border-color: #eceff7;
  font-size: 14px;
}
.widget-search i,
.widget-search svg {
  position: absolute;
  right: 0;
  margin: 16px 12px;
  font-size: 14px;
  color: #626262;
  cursor: pointer;
}
.widget-search input:focus {
  border-color: #f7d3c5;
}
.widget-menu ul li a {
  font-size: 14px;
  display: block;
  color: #626262;
  position: relative;
}
.widget-menu i {
  padding-top: 4px;
  position: absolute;
  right: 18px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.widget-menu ul li a span {
  padding: 10px 10px 10px 0;
  display: block;
  font-size: 14px;
}
.widget-menu ul li a span:hover {
  text-decoration: none;
  color: #00a9da;
}
.widget-menu ul li.active {
  border-bottom: none;
}
.widget-menu ul li.hover a span {
  background: 0 0;
  color: #00a9da;
}
.sidebar-widget .recent-post-info a,
.widget-menu ul ul li a span {
  color: #626262;
}
.widget-menu ul ul {
  display: none;
  padding-left: 20px;
}
.widget-menu ul ul a {
  display: block;
  color: #626262;
  font-size: 14px;
}
.widget-menu ul li.active i,
span.custom_cross:hover {
  transform: rotate(90deg);
}
.sidebar-widget .recent-post-info span svg {
  margin-right: 2px;
  height: 15px;
}
.sidebar-widget .recent-post-info span {
  padding-top: 4px;
}
.inputfile-5 + label,
.sidebar-widget .recent-post-info i {
  color: #f15c22;
}
.sidebar-widget .recent-post:last-child {
  margin-bottom: 10px !important;
}
.recent-post-image {
  float: left;
  display: none;
}
.recent-post-image img {
  max-width: 63px;
}
.recent-post-info {
  display: table-cell;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 9px;
}
.recent-post-info a {
  color: #fff;
  font-size: 14px;
  vertical-align: top;
  line-height: 10px;
}
.recent-post-info span {
  color: #f15c22;
  font-size: 12px;
  display: table;
  padding-top: 5px;
}
.recent-post-info i {
  color: #6d6d6d;
  font-size: 14px;
  padding-right: 5px;
}
.widget-archives li {
  display: block;
  margin-bottom: 2px;
}
.widget-archives li a {
  font-size: 14px;
  color: #626262;
  line-height: 27px;
  display: block;
}
.widget-archives li i,
.widget-archives li svg {
  font-size: 15px;
  margin-top: -4px;
  padding-left: 0;
  margin-right: 2px;
  border: 0 solid #626262;
  border-radius: 50%;
  width: 19px;
  height: 9px;
  font-weight: 300;
  text-align: center;
}
.pagination-post .prev-post,
a.dash-toogle-btn span {
  text-align: left;
  float: left;
}
.widget-archives li a:hover i {
  border-color: #4cbdbc;
  color: #4cbdbc;
}
.sidebar-widget {
  padding: 18px;
  margin: 0 0 30px;
  box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -o-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
  -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 0.07);
}
.sidebar-widget h3 {
  margin: 0 -19px 22px;
  border-left: 4px solid #f15c22;
  padding: 6px 0 8px 14px;
  font-weight: 500;
  font-size: 20px;
  color: #333;
}
.widget-archives {
  margin: 0;
  padding: 0;
}
.blog-box-block:hover .post-time {
  color: #fff;
  border-top: 1px solid #e08d6d;
}
.share-post {
  font-size: 13px;
  letter-spacing: 2px;
  margin-top: 14px;
}
.pagination-row {
  overflow: hidden;
  margin: 30px 0;
  padding: 0 0 3px;
  text-align: center;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.pagination-post .next-post,
.pagination-post .prev-post {
  width: 45%;
}
.pagination-post .post-list-link {
  float: left;
  width: 10%;
  margin-top: 5px;
  text-align: center;
}
.pagination-post .next-post {
  float: right;
  text-align: right;
}
.pagination-post .prev-post .arrow {
  float: left;
  margin-right: 10px;
  color: #000;
}
.pagination-post .arrow {
  color: #e5e5e5;
  font-size: 34px;
  line-height: 59px;
}
.pagination-post .next-post .arrow {
  float: right;
  margin-left: 10px;
  color: #000;
}
.pagination-post .post-list-link a {
  color: #000;
  outline: 0;
  font-size: 30px;
}
.pagination-post .pagination-txt {
  margin-top: 18px;
  color: #000;
}
.pagination-post a {
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.pagination-post a:hover .arrow,
.pagination-post a:hover i,
.pagination-post a:hover span {
  color: #4cbdbc !important;
}
.pagination-post a,
.pagination-post a .arrow,
.pagination-post a:hover,
.pagination-post a:hover .arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #4cbdbc;
}
.blog-titles {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 33px;
  line-height: 41px;
  color: #f15c22;
}
.post-data i {
  color: #f15c22;
  margin-right: 4px;
}
.post-data {
  margin: 0 0 7px;
  font-size: 13px;
  color: #888;
}
.post-likes {
  margin: 0 0 0 17px;
}
.single-post-block .blog-description,
.single-post-block .blog-description p {
  color: #0c0c0c;
}
a.dash-toogle-btn {
  font-size: 18px;
  background: #eee;
  padding: 0 19px;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: -9px 10px 0 0;
  border-radius: 3px;
  color: #555;
}
a.dash-toogle-btn i {
  padding-right: 15px;
}
a.dash-toogle-btn span {
  font-family: "Helvetica Medium";
  padding: 8px 0 0 14px;
  font-size: 17px;
  color: #575454;
}
body.lg-on .logo_menu_div {
  z-index: 1;
}
.client-box {
  margin: 30px 0 0;
}
.portfolio-detail-wrapper .logo_menu_div {
  padding: 14px 25px;
}
.portfolio-detail-wrapper .services_banner {
  padding: 35px 0 63px;
  background-image: none !important;
}
.portfolio-detail-wrapper .website-logo {
  background: url(../images/new-logo-dark.png) 0/100% no-repeat;
}
#entry-level .oppening_list_item a:hover,
.portfolio-detail-wrapper .mob_nav span,
.portfolio-detail-wrapper .mob_nav::after,
.portfolio-detail-wrapper .mob_nav::before {
  background: #000;
}
.col-inside,
.portfolio-detail-wrapper .website-menu,
.solutionoffer-content .sol-title a:hover,
.website-development .calssified-type-wrapper .card-header .btn-link {
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .blog-titles {
    font-size: 28px;
    line-height: 35px;
  }
  .pagination-post .arrow {
    font-size: 30px;
    line-height: 59px;
  }
  .pagination-post .prev-post .arrow {
    margin-right: 10px;
  }
  .pagination-post .next-post .arrow {
    margin-left: 10px;
  }
  .project-title h1 {
    font-weight: 500;
    font-size: 25px;
    padding-left: 37px;
  }
  .back-to-port {
    top: 0;
  }
  .back-to-port a img {
    max-width: 13px;
  }
  .back-to-port a {
    width: 26px;
    height: 26px;
    line-height: 22px;
  }
  .isotope-filters-2 a {
    padding: 7px 20px;
    font-size: 19px;
  }
}
@media all and (max-width: 767.98px) {
  .blog-titles {
    font-size: 24px;
    line-height: 31px;
  }
  .pagination-post .arrow {
    font-size: 30px;
    line-height: 59px;
  }
  .pagination-post .prev-post .arrow {
    margin-right: 10px;
  }
  .pagination-post .next-post .arrow {
    margin-left: 10px;
  }
  .blog-description p,
  .blog-description .specific_fetaure li {
    font-size: 16px;
    line-height: 28px;
  }
  .blog-wrapper .current_page_path {
    padding: 0 0 23px;
  }
  .isotope-filters-2 {
    margin: 0 auto 23px;
    text-align: center;
  }
  .isotope-filters-2 a {
    margin: 2px;
    padding: 4px 13px;
    font-size: 14px;
    display: inline-block;
  }
  .project-title h1 {
    font-weight: 500;
    font-size: 23px;
    padding-left: 40px;
  }
  .back-to-port {
    top: 3px;
  }
  .back-to-port a img {
    max-width: 13px;
  }
  .back-to-port a {
    width: 26px;
    height: 26px;
    line-height: 24px;
  }
}
.b2c-erp-icon,
.crm-icon,
.shipping-auto-icon {
  top: 50px;
  margin: 0 auto;
}
.img-caption,
.stats-source {
  font-size: 13px;
  font-style: italic;
}
.ind_block,
.tech-solution ul li .tech-data {
  box-shadow: 4px 4px 30px -2px rgb(0 0 0 / 0.08);
}
.blog-description .row.mtop-50 {
  margin-top: 47px;
}
.engage-modules-wrapper .mb-30,
.mernstak-service-wrapper .mb-30,
.solutionoffer-block > .row > [class*="col-"],
.stats-source,
blockquote {
  margin: 0 0 30px;
}
.img-caption {
  text-align: left;
  margin: 0 auto 24px;
}
.light-bordered-img {
  margin: 20px auto 8px;
  border: 2px solid #ddd;
}
.sub-h5 {
  background: #e9f9f9;
  padding: 7px 11px;
  display: table;
  font-size: 18px;
}
.blog-description h3 {
  text-align: left !important;
  font-size: 24px;
  font-weight: 800;
}
.escooter-app ul {
  padding: 0;
  margin: 0 0 0 40px;
  list-style: disc;
}
.escooter-app ul li {
  margin: 20px 0;
}
.tech-solution ul li,
ul.industries-list li {
  margin-bottom: 30px;
  padding: 0 15px;
  vertical-align: top;
  list-style: none;
}
.escooter-app ul li h5 {
  background: #e5f5f4;
  font-size: 16px;
  font-weight: 500;
  display: table;
  padding: 4px 11px;
  margin: 0 0 9px;
}
.specific_fetaure.alphalist {
  list-style: lower-alpha;
  margin: 0 0 20px 16px;
}
.specific_fetaure.alphalist li {
  background: no-repeat;
  padding: 0 0 0 7px;
}
.scaleupList,
.services_detail_content {
  padding: 50px 0;
}
.tech-solution {
  padding-top: 20px;
}
.tech-solution ul,
ul.solution-listings {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tech-solution ul li .tech-data {
  background: #fff;
  height: 100%;
  padding: 20px 20px 5px;
  border-radius: 10px;
  border-bottom: 4px solid #e8e8e8;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.tech-solution ul li .tech-data:hover {
  box-shadow: 0 5px 21px rgb(101 199 198 / 0.3);
  border-bottom: 4px solid #65c7c6;
}
.tech-solution ul li .techIcon {
  margin: 14px auto 0;
  background: #f9f9f9;
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
}
.tech-solution ul li .techIcon img {
  max-width: 55px;
}
.tech-solution ul li .techName {
  font-size: 19px;
  margin: 23px auto 25px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 25px;
}
.blog-description blockquote p a,
.div_services_text p a {
  color: var(--brand-primary);
  font-weight: 600;
  text-decoration: underline;
  font-size: 15px;
}
.tech-solution ul li {
  width: 16.666666%;
  display: inline-block;
}
.tech-solution.column-3 li {
  width: 33.3333%;
}
.callusbox {
  background: url(../images/cta-bg.jpg) 0 0 / cover;
  padding: 11px 0 4px;
  border-radius: 10px;
  margin: 30px auto;
}
.callusbox h3 {
  margin: 0;
  font-size: 41px;
  color: #fff;
  font-weight: 300;
  line-height: 46px;
}
.call-text span {
  display: block;
  font-weight: 600;
  color: #fff;
  font-size: 41px;
  line-height: normal;
}
.call-text.call-bg-img {
  background-image: url(../images/call-bg-img.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 93px;
  padding-left: 114px;
}
.tel-box {
  margin: 15px 0 15px auto;
  display: table;
  background: #fff;
  border-radius: 24px;
  padding: 7px 27px 7px 50px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  min-width: 244px;
}
.tel-box.usa-call::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background: url(../images/us-flag.png) 0 0 / cover no-repeat;
  top: 7px;
  left: 9px;
  border-radius: 50%;
}
.tel-box.head_office-call:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  left: 9px;
  background: url(../images/in-flag.png) 0 0 / cover no-repeat;
  border-radius: 50%;
}
.default-h2 {
  margin: 40px 0 17px;
  padding: 0;
  display: block;
  font-size: 28px;
  color: var(--heading-color);
  line-height: normal;
  font-weight: 700;
}
.services_view figure {
  margin: 0 auto 1rem;
  text-align: center;
}
.live-assistance-wrapper {
  border-radius: 10px;
  background: url(../images/live-assistance-bg.jpg) center 0 / cover no-repeat;
  padding: 35px 0;
  margin: 35px 0 37px;
}
.key-panels .nav-tabs .nav-item,
.live-assistance-wrapper.mbottom-0,
.ob-description.sales-desc,
.section-space.solutionoffer-mobiledev {
  margin-bottom: 0;
}
.assist-text {
  font-size: 44px;
  color: #fff;
  font-weight: 300;
  line-height: 46px;
  display: inline-block;
}
.assist-text span {
  display: block;
  font-weight: 600;
  color: #fff;
}
.assist-links a,
.ind-heading {
  font-weight: 500;
  position: relative;
}
.assist-links {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  vertical-align: top;
  margin-top: 44px;
  margin-left: 19px;
}
.tabing_head_image,
.tabing_head_text {
  vertical-align: middle;
  display: inline-block;
}
.assist-links a {
  color: #fff;
  padding: 16px 15px;
  border: 2px solid #fff;
  border-radius: 5px;
  margin-left: 10px;
  text-align: left;
}
.assist-links a.callus,
.assist-links a.chat {
  padding-left: 64px;
}
.assist-links a.whatsapp {
  padding-left: 53px;
}
.assist-links a.chat::after {
  background: url(../images/chat-icon.png) 15px 13px/34px no-repeat;
  top: 0;
}
.assist-links a.callus::after {
  background: url(../images/email-icon.png) 15px/32px no-repeat;
  top: 0;
}
.assist-links a.whatsapp::after {
  background: url(../images/whatsapp-icon.png) 15px 14px/26px no-repeat;
  top: 0;
}
.assist-wrapper {
  display: table;
  padding: 0 18px 0 0;
  margin: 0 auto;
}
.industries-wrapper {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  background: #f3f8fd;
  padding: 50px 0;
  margin: 0 auto;
  clear: both;
}
.ind-heading {
  font-weight: 700;
  text-align: center;
  line-height: normal;
  font-size: 34px;
  color: var(--heading-color);
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
p.ind-sub-heading {
  text-align: center;
  margin: 0 0 46px;
}
ul.industries-list {
  padding: 0;
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
ul.industries-list li {
  width: 33.3333333%;
  display: inline-block;
}
.ind_block {
  display: block;
  background: #fff;
  height: 100%;
  -webkit-box-shadow: 4px 4px 30px -2px rgb(0 0 0 / 0.08);
  -o-box-shadow: 4px 4px 30px -2px rgb(0 0 0 / 0.08);
  padding: 30px 20px 9px;
  border-radius: 10px;
  text-align: center;
  transition: 0.5s;
  border-bottom: 3px solid #fff0;
}
.ind_block img {
  max-height: 67px;
}
.ind_name {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin: 24px auto 23px;
  position: relative;
}
.ind_page {
  font-size: 15px;
  color: #288383;
  border-radius: 20px;
  padding: 6px 21px;
  margin: 23px auto 18px;
  display: table;
  border: 1px solid #288383;
  font-weight: 500;
}
.ind_page:hover {
  border: 1px solid #f15c22;
  color: #f15c22;
}
.ind_block:hover {
  border-bottom: 3px solid #f15c22;
}
.contact_form_tabs_wrapper {
  margin-top: -69px;
  z-index: 9;
  position: relative;
  background: #fff;
  min-height: 61px;
}
.contact_form_tabs a {
  flex-basis: 0%;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #666 !important;
  font-weight: 600;
  line-height: 26px;
  border-right: 1px solid #e8e8e8;
  background: #f6f6f6;
  padding: 9px 0;
  cursor: pointer;
}
.contact_form_tabs a span {
  display: block;
  color: #666 !important;
  font-weight: 300;
}
.contact_form_tabs a.active,
.contact_form_tabs a.active span {
  color: #f15c22 !important;
  background: #fff;
}
.contact-tab-content,
.mern-stack-img {
  margin: 30px auto 0;
}
address {
  color: #9e9e9e;
  padding-bottom: 25px;
}
address strong {
  margin: 0 auto 12px;
  font-size: 18px;
  color: #000;
}
.mails span,
.phones span {
  display: block;
  color: #666;
  font-weight: 600;
  font-size: 18px;
  margin: 0 auto 12px;
}
.contact_map_canvas:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -moz-linear-gradient(top, #fff 0, #fff0 100%);
  background: -webkit-linear-gradient(top, #fff 0, #fff0 100%);
  background: linear-gradient(to bottom, #fff 0, #fff0 100%);
}
.contact-form-block {
  max-width: 550px;
  margin: 60px auto;
}
.contact-form-block h2 {
  text-align: center;
  font-size: 29px;
  font-weight: 500;
}
.sml-text {
  font-size: 14px;
  color: #9e9e9e;
  margin: 0;
  padding: 20px 0 30px !important;
  text-align: center;
}
.contact-form-block label {
  margin-bottom: 5px;
  font-weight: 500;
}
.contact-form-block span.wpcf7-form-control-wrap input.form-control {
  border-radius: 5px !important;
  border: 0;
  background: #f2f2f2;
  height: 46px;
  padding: 0 11px 2px 15px;
  box-shadow: unset;
}
.wpcf7-form-control.wpcf7-textarea {
  height: 130px;
  margin-bottom: 4px;
  border: 0;
  background: #f2f2f2;
  box-shadow: unset;
}
.wpcf7-submit.btn {
  margin: 16px 0 0;
  font-size: 20px;
  background: #f75a2f;
  font-weight: 400;
  text-shadow: none;
  padding: 9px 37px;
  height: auto !important;
  width: auto;
  border-radius: 50px;
  color: #fff;
}
.form_apply .career_apply_now_btn:hover,
.wpcf7-submit.btn:hover,
a.decline.hides {
  background: #62cbc8;
  color: #fff;
}
.btn.reg-btn {
  font-size: 15px;
  color: #fff;
  border-radius: 31px;
  padding: 11px 21px;
  margin: 23px auto 18px;
  border: 0;
  background: #65c7c6;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  width: 93%;
  left: 0;
  right: 0;
}
.internship-page-blocks .tech-solution ul li .tech-data {
  position: relative;
  padding-bottom: 70px;
}
.internship-page-blocks .call-text span {
  font-size: 25px;
}
.section_head_lower_text {
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 26px;
  color: #888;
  text-align: justify;
}
.section_head_lower_text > p {
  margin: 20px 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.why_owebest_list {
  margin: 30px 0 20px;
}
.hire-python-developer .hiring-models .hd-1,
.why_owebest_list_item_head {
  margin: 0 0 24px;
}
.why_owebest_list_item_image {
  float: left;
  width: 110px;
  text-align: center;
  line-height: 70px;
  margin-right: 20px;
}
.why_owebest_list_item_heading {
  overflow: hidden;
  color: #f15c22;
  text-align: left;
  font-size: 29px;
  line-height: normal;
  padding: 3px 0 0;
  font-weight: 500;
  max-width: 250px;
}
.why_owebest_list_item_text {
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  text-align: left;
}
.tabing_head_holder ul.nav.nav-tabs {
  border: none;
  justify-content: center;
}
.tabing_head_holder .nav-tabs > li {
  display: inline-block;
  position: relative;
  float: none;
  border-bottom: none;
  margin: 0 20px;
  vertical-align: bottom;
  padding: 56px 170px;
}
.tabing_head_holder .nav-tabs > li > a {
  color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: 0 0;
  font-size: 30px;
  background: #f15c22;
  border: none;
  border-radius: 8px 8px 0 0;
}
.tabing_head_holder .nav-tabs > li > a.active {
  background: #000;
  color: #fff;
}
.tabing_head_image {
  width: 100px;
  margin-top: 9px;
  margin-right: 20px;
}
.tabing_head_text {
  font-size: 30px;
  color: #fff;
  line-height: normal;
  text-align: left;
}
.tabing_head_text span {
  display: block;
  color: #fff;
  font-size: 26px;
}
.tabing_head_holder .nav-tabs > li > a.active .tabing_head_text span {
  color: #fff;
}
.career_page_tabbing .tab-pane {
  padding: 50px 0;
  margin-top: 0;
}
.entry_level_tab,
.experienced_level_tab {
  background-image: url(../img/experienced_bg.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #121212;
}
.tabbing_content_heading {
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: normal;
  font-weight: 500;
  margin: 0 0 30px;
}
.modal-body.modal-owe-popup,
.tabing_content_inner {
  padding: 0;
}
.oppening_list_item {
  text-align: center;
  min-height: 200px;
  line-height: normal;
}
.oppening_list_item a {
  display: block;
  transition: 0.3s;
  padding: 30px 0;
  border-radius: 8px;
  margin: 10px 0;
}
.oppening_list_item_image {
  text-align: center;
  line-height: 70px;
  margin: 0 0 20px;
}
.doctor-on-demand .bfts-icon img,
.oppening_list_item_image img {
  max-height: 60px;
  margin: 0;
}
.oppening_list_item_text {
  font-size: 18px;
  line-height: normal;
  margin: 0 0 10px;
  color: #fff;
}
.oppening_list_item_exp {
  color: #ddd;
  font-size: 18px;
}
.hiring_process {
  padding: 70px 0 0;
}
.hiring_process_flow {
  width: 100%;
  float: left;
  position: relative;
  margin: 70px 0;
}
#entrybox .hiring_process_flow {
  display: inline-block;
  width: 670px;
  float: none;
}
.hiring_process_flow_item {
  padding: 58px 0;
  width: 14.27%;
  float: left;
  text-align: center;
  z-index: 1;
  position: relative;
}
#entrybox .hiring_process_flow .hiring_process_flow_item {
  width: 25%;
}
.hiring_process_flow_item_text {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 18px;
  color: #f15c22;
  font-weight: 400;
}
.hiring_process_flow_item span {
  border-radius: 50%;
  background: #f15c22;
  width: 41px;
  height: 41px;
  line-height: 38px;
  display: inline-block;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
.hiring_process_flow_item:after {
  content: "";
  position: absolute;
  bottom: 27px;
  right: -50%;
  background-image: url(../css/themes/corp/img/hiring_down_arrow.png);
  width: 100px;
  background-size: auto;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 30px 0 0;
}
.hiring_process_flow
  .hiring_process_flow_item:nth-child(2n + 2)
  .hiring_process_flow_item_text {
  top: -6px;
  bottom: auto;
}
.hiring_process_flow::after {
  position: absolute;
  content: "";
  top: 50%;
  height: 10px;
  background: #65c7c6;
  width: 85.8%;
  left: 7%;
  margin: -5px 0 0;
  border-radius: 5px;
}
#entrybox .hiring_process_flow::after {
  width: 79%;
  left: 10%;
}
.get_quote_form_left.internship_form {
  background-image: url(../css/themes/corp/home/images/internship_bg.png);
  background-size: 70px auto;
  background-position: 5px 70px;
  background-repeat: no-repeat;
}
.modal-body.modal-owe-popup .get_quote_form .field-info {
  border: 1px solid #dadada;
  background-color: #f8fafc;
  font-size: 15px;
  font-weight: 400;
  color: #94a3b8;
  box-shadow: none;
  padding-top: 3px;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 12px;
}
.modal-body.modal-owe-popup .field-info {
  padding: 0.375rem 0.75rem;
  margin: 0 !important;
  width: 100% !important;
  height: 38px;
  background: rgb(100 100 100 / 0.8);
  border: none;
  color: #e3e3e3;
}
.modal-owe-popup label.request_label {
  font-weight: 500;
  display: block;
  text-align: left;
  font-size: 15px;
  line-height: normal;
  margin: 0 0 7px;
  color: var(--para-color);
}
.modal-body.modal-owe-popup i.fa.fa-times {
  transition: 0.3s;
}
.small-size-captcha .g-recaptcha {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.modal-body.modal-owe-popup .get_quote_form .form_apply .career_apply_now_btn {
  background-color: #ef5c20;
  font-weight: 400;
  text-shadow: none;
  padding: 10px 27px;
  border-radius: 50px;
  margin: 9px 0 0;
  border: 0;
  color: #fff;
  width: 100%;
}
.block-image {
  position: relative;
  margin-bottom: 50px;
  min-height: 60px;
}
.techblock-image {
  max-width: 57px;
  max-height: 57px;
}
.block-image::after {
  content: "";
  border-bottom: 3px solid #f15c22;
  position: absolute;
  bottom: -25px;
  width: 52px;
  left: 0;
}
.block-body {
  font-size: 18px;
  color: #000;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 46px;
}
.div_services_text .block-body h2 {
  text-align: left;
  line-height: normal;
  font-size: 19px;
  font-weight: 600;
  color: #484848;
  margin: 0 0 20px;
}
.div_services_text .block-body p {
  text-align: unset;
}
.ind_img {
  max-width: 66px;
  margin: 0 auto;
}
.dark-bg-popup {
  background: #212020;
  border-radius: 5px;
  overflow: hidden;
}
.left_orange {
  min-height: 670px;
  background: #f15c22;
  padding-top: 15px;
  border-radius: 6px 0 0 6px;
}
.job_description_left {
  padding: 15px;
  border-radius: 5px;
}
.job_description_left_upper {
  margin: 0 0 20px;
  width: 100%;
  float: left;
}
.job_description_left_upper_image {
  float: left;
  margin-right: 20px;
}
.job_description_left_upper_image img {
  min-width: 50px;
  text-align: center;
  max-height: 50px;
}
.job_description_left_upper_text {
  line-height: normal;
  font-size: 20px;
  color: #fff;
  margin: 0 0 4px;
}
.job_description_left_upper_exp {
  font-size: 18px;
  line-height: normal;
  color: #ddd;
}
.job_description_left_lower_text {
  color: #eee;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 20px;
}
.blog-description blockquote div,
.blog-description blockquote p,
.covid-safety .col-01:nth-child(odd) > div .d-flex,
.job_description_left_lower_text ul {
  padding-left: 20px;
}
.job_description_left_lower_text ul li {
  color: #eee;
  position: relative;
  list-style: disc;
  margin: 0 0 5px;
}
.job_description_left_lower_heading {
  font-size: 20px;
  line-height: normal;
  color: #fff;
  margin: 0 0 10px;
}
.job_description_left_lower_text p {
  color: #eee;
}
.modal-header.popip-head {
  padding: 15px 0 0 8px;
  border-bottom: none !important;
}
.modal-header.popip-head .modal-title {
  color: #fff;
  text-align: center;
  font-size: 34px;
  line-height: normal;
  font-weight: 500;
  margin: 30px 0 20px;
}
.apply_now_model .modal-header.popip-head .modal-title {
  margin: 10px auto 15px;
}
.tab-panale-section h4 {
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  line-height: normal;
  margin-top: 16px;
}
.career-tem-box textarea.box-career.field-info {
  padding: 7px;
  margin: 0 !important;
  width: 100%;
  height: 130px;
  background: rgb(100 100 100 / 0.8);
  border: none;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
}
.resume_upload_dv label {
  cursor: pointer;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0 0 5px;
  max-width: none;
  background: #585858;
  border-radius: 4px;
}
.form_apply .career_apply_now_btn {
  width: 100%;
  height: 48px;
  border: none;
  font-size: 15px;
  color: #fff;
  background: #f75b2f;
  border-radius: 4px;
  margin-top: 23px;
  cursor: pointer;
}
.resume_upload_dv label figure {
  float: none;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 13px;
  width: 46px;
  height: 40px;
  border-radius: 4px 0 0 4px;
}
.inputfile-5 + label figure {
  background-color: #f15c22;
  position: relative;
  margin: 0;
}
.inputfile-5 + label figure::after {
  border-bottom: 20px solid #722040;
  border-right: 20px solid #fff0;
}
.inputfile-5 + label figure::before {
  border-top: 20px solid #dfc8ca;
  border-left: 20px solid #fff0;
}
.resume_upload_dv label figure + span {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 14px;
  font-family: Arial;
  color: #e3e3ce;
}
.inputfile-5 + label:hover,
.inputfile-5.has-focus + label,
.inputfile-5:focus + label {
  color: #722040;
}
.modal-body.modal-owe-popup .field-info:focus {
  box-shadow: unset;
}
.modal-body.modal-owe-popup .field-info::-webkit-input-placeholder {
  color: #969697;
  opacity: 1;
}
.modal-body.modal-owe-popup .field-info::-moz-placeholder {
  color: #969697;
  opacity: 1;
}
.modal-body.modal-owe-popup .field-info:-ms-input-placeholder {
  color: #969697;
  opacity: 1;
}
.modal-body.modal-owe-popup .field-info::-ms-input-placeholder {
  color: #969697;
  opacity: 1;
}
.modal-body.modal-owe-popup .field-info::placeholder {
  color: #969697;
  opacity: 1;
}
.apply_now_model button.close {
  position: absolute;
  right: 0;
  z-index: 1000;
  opacity: 1;
}
span.custom_cross {
  display: inline-block;
  width: 50px;
  position: relative;
  height: 20px;
  margin: 40px 20px 0 0;
  transition: 0.3s;
  z-index: 10000;
}
span.custom_cross::after,
span.custom_cross::before {
  content: "";
  width: 100%;
  background: #fff;
  height: 2px;
  display: block;
  margin: 2px 0;
  position: absolute;
  transition: 0.3s;
}
span.custom_cross::before {
  transform: rotate(45deg);
  top: 6px;
}
span.custom_cross::after {
  transform: rotate(-45deg);
  top: 6px;
}
.second_heading ~ .second_heading {
  color: var(--heading-color);
  margin-top: 35px;
  margin-bottom: 21px;
}
.firbase .listing-with-icon {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.firbase .listing-with-icon li {
  text-align: center;
  padding: 15px;
  margin: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.firbase .listing-with-icon li span {
  display: block;
  margin: 33px auto 14px;
  font-size: 20px;
  color: #000;
  font-weight: 500;
  line-height: 28px;
}
ol.industries_list {
  position: relative;
  padding: 0 0 10px;
  margin-top: 20px;
}
ol.industries_list li {
  display: block;
  color: var(--para-color);
  padding: 0 0 10px 32px;
  background: url(../img/checkmark.png) left 3px no-repeat;
  position: relative;
}
ul.bullets {
  list-style: disc;
  padding: 0 0 0 16px;
  font-size: 16px;
}
.portfolio-detail-inner ul.breadcrumb > li + li::before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.tags {
  list-style: none;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0;
}
.tag {
  background: #65c7c6;
  border-radius: 3px 0 0 3px;
  color: #fff;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.tag:hover {
  background-color: #f15c22;
  color: #fff;
}
.tag::after,
.tag::before {
  background: #fff;
  content: "";
  position: absolute;
}
.tag::before {
  border-radius: 10px;
  box-shadow: inset 0 1px rgb(0 0 0 / 0.25);
  height: 6px;
  left: 10px;
  width: 6px;
  top: 10px;
}
.tag::after {
  border-bottom: 13px solid #fff0;
  border-left: 10px solid #65c7c6;
  border-top: 13px solid #fff0;
  right: 0;
  top: 0;
}
.tag:hover::after {
  border-left-color: #f15c22;
}
.portfolio-detail-wrapper .webheader.is-sticky .webnav_toggle svg {
  fill: #fff;
}
.portfolio-detail-wrapper .home_blog_wrap {
  padding: 80px 0;
  margin: 0;
}
ul.bit-coin-list {
  margin: 40px auto;
  padding: 0;
  list-style: none;
  font-size: 0;
}
ul.bit-coin-list li {
  width: 20%;
  margin: 0;
  padding: 0;
  color: #484848;
  font-size: 28px;
  font-weight: 400;
  vertical-align: middle;
  line-height: 30px;
}
.mp-currency {
  border: 1px solid #1f1343;
  border-radius: 12px;
  overflow: hidden;
  margin: 50px 0;
}
.mp-currency .ob-white-text {
  color: #fff;
  font-size: 33px;
  font-weight: 600;
  margin: 0;
  padding: 24px 10px;
  background: #000;
  text-align: center;
}
.mp-currency ul {
  margin: 20px auto;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}
.mp-currency ul li {
  position: relative;
  width: 10%;
  margin: 0;
  padding: 96px 0 0;
  color: #484848;
  font-size: 30px;
  font-weight: 400;
  vertical-align: top;
  line-height: 33px;
}
.mp-currency ul li img {
  position: absolute;
  text-align: center;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mp-currency ul li span {
  display: block;
  font-size: 12px;
}
.cry-service {
  background: #ee5c2e;
  padding: 75px 0 85px;
  margin: 32px auto;
}
.cry-srv-h1 {
  font-size: 69px;
  color: #fff;
  line-height: 65px;
  margin: 0 0 10px;
  font-weight: 700;
}
.cry-srv-h1 i {
  font-weight: 400;
  font-style: normal;
  color: #fff;
}
.cry-srv-h1 span {
  font-weight: 500;
  font-size: 50px;
  line-height: 75px;
  color: #fff;
}
.tab-text,
.tab-text p {
  color: #666;
  line-height: 30px;
}
.cry-srv-tab {
  margin-top: 46px;
}
.cry-service .nav-tabs {
  border-bottom: 0;
  background: rgb(255 255 255 / 0.2);
  font-size: 0;
}
.cry-service .nav-tabs li {
  display: inline-block;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  line-height: normal;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
}
.cry-service .nav-tabs > li > a {
  border: 0;
  display: inherit;
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  padding: 11px 25px 23px;
  color: #fff;
}
.cry-service .nav-tabs li:first-child {
  width: 20%;
}
.cry-service .nav-tabs li:nth-child(2),
.cry-service .nav-tabs li:nth-child(5) {
  width: 23%;
}
.cry-service .nav-tabs li:nth-child(3),
.cry-service .nav-tabs li:nth-child(4) {
  width: 17%;
}
.cry-service .nav-tabs > li a.active,
.cry-service .nav-tabs > li a.active:focus,
.cry-service .nav-tabs > li a.active:hover {
  color: #ee5c2e;
  border: 0;
  background: #fff;
  display: block;
}
.cry-service .tabing_content_holder {
  background: #fff;
  font-size: 25px;
  color: #484848;
  padding: 51px;
}
.tab-pane {
  margin: 50px auto 0;
  padding: 0 28px;
  text-align: center;
}
.tab-image {
  float: left;
  width: 24%;
}
.tab-text {
  float: left;
  width: 76%;
  padding-top: 36px;
}
.tab-text p {
  font-size: 20px;
  font-weight: 400;
}
.why-choose-obtech {
  font-size: 42px;
  color: #ee5c2e;
  display: block;
  text-align: center;
  line-height: 50px;
  margin: 60px auto 40px;
  max-width: 760px;
  font-weight: 400;
}
p.choose-desc {
  font-size: 23px;
  line-height: 34px;
  text-align: center;
}
ul.choose-option-list {
  margin: 78px 0 0;
  padding: 0;
  list-style: none;
}
ul.choose-option-list li {
  margin: 0;
  padding: 0 0 115px 320px;
  display: block;
  list-style: none;
  position: relative;
  color: #484848;
}
ul.choose-option-list li figure {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.cts-block::before,
.why-obhire-wrapper:before {
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  left: 0;
}
.shape-1,
.shape-2 {
  bottom: -30px;
  display: none;
}
.b2b-icon,
.b2c-icon,
.b2c-market-icon {
  top: 50px;
  margin: 0 auto;
}
.default-subheading,
.exp-h3,
.innerpagehero.mobile-app-development .banner_heading,
.ofr-prices,
.ppc-ofr-h2,
.srvTitle {
  line-height: normal;
}
ul.choose-option-list li h5 {
  margin: 0 0 23px;
  padding: 0;
  display: block;
  font-size: 28px;
  color: #484848;
  font-weight: 600;
}
ul.choose-option-list li p {
  font-size: 20px;
  line-height: 30px;
  color: #484848;
}
.headings-style-5 {
  color: #374a5e;
  text-align: center;
  font-size: 34px;
  font-weight: 900;
  margin: 0 0 45px;
}
.portfolio-column {
  margin: 30px 20px 50px;
}
.work-blocks {
  border: 1px solid #e7e9ec;
  border-radius: 10px;
  overflow: hidden;
}
.portfolios-thumb {
  border-radius: 10px 10px 0 0;
}
.protfolio-titles {
  font-size: 17px;
  color: #374a5e;
  padding: 0 7px;
  font-weight: 600;
  margin: 21px 0 14px;
}
.protfolio-specs {
  color: #f15c22;
  padding: 0 7px;
  font-size: 10px;
  margin: 0 0 21px;
}
.work-blocks:hover {
  border: 1px solid #21d5d3;
}
.cts-texts.mt-6,
.portfolio-column.mtop-50 {
  margin-top: 100px;
}
.btn-portfolios {
  font-size: 17px;
  background: #f15c22;
  padding: 10px 20px;
  border-radius: 12px;
  color: #fff;
  margin: 0 auto;
  min-width: 146px;
  display: table;
}
.btn-enq:focus,
.btn-enq:hover,
.btn-portfolios:focus,
.btn-portfolios:hover {
  background: #21d5d3;
  color: #fff;
}
.features-flex-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 30px;
}
.features-flex-col {
  padding: 15px;
  height: 100%;
  border-radius: 10px;
}
.features-flex-wrapper .default-subheading {
  margin: -15px -15px 24px;
  text-align: center;
  color: var(--heading-color);
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  padding: 24px 10px 23px;
  font-weight: 700;
}
.div_services_text .features-flex-wrapper p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 27px;
  text-align: unset;
}
.features-flex-wrapper ul.default-listing,
.hire-python-developer .salesforce-uses-wrapper {
  margin-bottom: 8px;
}
.features-flex {
  padding: 0 15px;
  margin: 0 0 30px;
}
ul.default-listing.custom-list-25 li {
  width: 25%;
  float: left;
}
.default-subheading2 {
  font-size: 18px;
  font-weight: 600;
}
.default-subheading {
  margin: 30px 0 12px;
  padding: 0;
  display: block;
  font-size: 19px;
  color: #333;
  font-weight: 600;
}
.default-listing .default-subheading {
  margin: 0 0 12px;
}
.pdt-100 {
  padding-top: 65px;
}
.hd-1 {
  font-size: 39px;
  color: var(--heading-color);
  font-weight: 800;
  margin-bottom: 20px;
}
.expertise-dev-wrapper {
  background: #fbf9ed;
  background: -moz-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
  background: -webkit-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
  background: linear-gradient(to bottom, #fbf9ed 0, #fbeaf8 100%);
  padding: 60px 0 49px;
  margin: 70px auto 0;
}
.expertise-dev-wrapper .hd-1 {
  margin: 0 0 48px;
}
.crm-srv-block,
.expertise-dev-wrapper .mb-0030,
.hire-blocks .crm-srv-bloc,
.mern-dev-wrapper {
  background: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 30px;
  text-align: center;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  height: 100%;
  border-radius: 8px;
  border: 2px solid #f3f3f3;
  box-shadow: 0 0 24px 0 rgb(1 44 118/5%);
}
.expertise-dev-wrapper .crm-srv-block {
  border: 1px solid #d4f0ff;
  background: #fff;
  -webkit-box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
  box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
}
.salesforce-uses-wrapper .crm-srv-block,
.why-hireus-wrapper .crm-srv-block,
.why-obhire-wrapper .crm-srv-block {
  -webkit-box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
}
.srvIcon {
  font-size: 45px;
  margin: 0 0 30px;
  height: 66px;
}
.expertise-dev-wrapper .srvIcon img {
  max-width: 60px;
  margin: 10px auto 21px;
}
.srvTitle {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 22px;
}
.cts-block.my-50 {
  margin: 72px auto 30px;
}
.cts-block {
  background: #0bb1b7;
  border-radius: 10px;
  padding: 34px 43px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.cts-block::before {
  z-index: -1;
  content: "";
  pointer-events: none;
  opacity: 0.2;
  background: url(../img/footer-shape.png) center center/cover no-repeat;
  height: 100%;
}
.cts-block .cts-hd {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
}
.cts-links {
  text-align: right;
  margin-top: 26px;
}
.cts-link {
  background: #f15c22;
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  padding: 12px 20px;
  font-size: 25px;
}
.cts-link:hover {
  background: #e34508;
  color: #fff;
}
.cts-block.orange-block .cts-link {
  background: #0bb1b7;
  font-size: 26px;
}
.cts-block.orange-block .cts-link:hover {
  background: #1ddbe1;
  color: #fff;
}
.salesforce-devs-wrapper {
  background: url(../img/hire-salesforce/wave-bg.png) center bottom/contain
    repeat-x;
  position: relative;
  padding: 60px 0 65px;
}
.why-obhire-wrapper {
  overflow: hidden;
  position: relative;
  background: #fffaf5;
  background: -moz-linear-gradient(top, #fffaf5 0, #f8ecff 100%);
  background: -webkit-linear-gradient(top, #fffaf5 0, #f8ecff 100%);
  background: linear-gradient(to bottom, #fffaf5 0, #f8ecff 100%);
  padding: 70px 0 46px;
  z-index: 1;
}
.why-obhire-wrapper:before {
  z-index: -1;
  content: "";
  background: url(../img/hire-remote-dev/banner-shap-2.png) left 0 / contain
    no-repeat;
  height: 100vh;
  display: none;
}
.hire-remote-dev-wrapper .salesforce-uses-wrapper {
  margin-bottom: 82px;
}
.salesforce-uses-wrapper {
  position: relative;
  overflow: hidden;
  background: #e0f8ff;
  background: -moz-linear-gradient(top, #e0f8ff 0, #fff0e5 100%);
  background: -webkit-linear-gradient(top, #e0f8ff 0, #fff0e5 100%);
  background: linear-gradient(to bottom, #e0f8ff 0, #fff0e5 100%);
  padding: 50px 0;
}
.abs-image-stages,
.homeRev,
.keyBenefits::before,
.qCount,
.shapes,
.stage-blocks,
.typesModelsimg {
  position: absolute;
}
.shape-1 {
  left: 0;
}
.image_cover.image_cover_right,
.shape-2 {
  right: 0;
}
.salesforce-uses-wrapper .srvIcon img,
.why-obhire-wrapper .srvIcon img {
  max-width: 76px;
  margin: 10px auto 18px;
}
.industry-block-wrapper .srvIcon img {
  max-width: 77px;
  margin: 9px auto 14px;
}
.engage-modules-wrapper .srvIcon img,
.why-hireus-wrapper .srvIcon img {
  max-width: 80px;
  margin: 10px auto 16px;
}
.why-hireus-wrapper {
  margin: 75px auto;
  background: url(../img/hire-salesforce/section-bg.png) center center/contain
    no-repeat;
}
.salesforce-uses-wrapper .crm-srv-block,
.why-obhire-wrapper .crm-srv-block {
  border: 1px solid #d4f0ff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
  background: #fff;
}
.industry-block-wrapper .crm-srv-block {
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 24px 0 rgb(3 5 77/8%);
}
.why-hireus-wrapper .crm-srv-block {
  background: #fff;
  border-radius: 8px;
  box-shadow: 4px 4px 30px -2px rgb(0 0 0 / 0.08);
  border-bottom: 3px solid #fff0;
}
.cts-block .cts-hd span {
  font-size: 23px;
  display: block;
  color: #fff;
  font-weight: 400;
  margin: 11px 0 0;
}
.hybrid-img {
  margin: 40px auto 0;
}
.hire-remote-dev-wrapper .salesforce-dev-wrapper {
  padding: 60px 0 250px;
}
.salesforce-dev-wrapper {
  background: url(../img/hire-salesforce/dot-shape.png) center top/cover
    no-repeat #fff8f2;
  padding: 60px 0 320px;
  margin: 60px auto 71px;
}
.hire-blocks {
  margin: -300px auto 80px;
}
.hire-remote-dev-wrapper .hire-blocks {
  margin: -300px auto 34px;
}
.hire-blocks .crm-srv-block {
  border: 0;
  -webkit-box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
  box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
}
.hire-blocks .crm-srv-block.bg01 {
  background: #fbeefd;
  border-bottom: 4px solid #f6bcff;
}
.hire-blocks .crm-srv-block.bg02 {
  background: #f3f5ff;
  border-bottom: 4px solid #b0bdff;
}
.hire-blocks .crm-srv-block.bg03 {
  background: #effdff;
  border-bottom: 4px solid #9ff3ff;
}
.hire-blocks .crm-srv-block.bg04 {
  background: #fff3e6;
  border-bottom: 4px solid #ffc093;
}
.hire-blocks .srvIcon img {
  max-height: 60px;
  margin: 10px auto 21px;
}
.devs-blocks {
  display: block;
  background: #fff;
  box-shadow: 0 11px 20px rgb(123 149 162/15%);
  font-weight: 400;
  font-size: 14px;
  padding: 30px 30px 16px;
  border-radius: 40px 0;
  height: 100%;
  border: 1px solid #d4f0ff;
  -webkit-box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
  box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
}
.salesforce-devs-wrapper .srvTitle {
  font-size: 24px;
  line-height: 32px;
  position: relative;
  padding-left: 71px;
}
.salesforce-devs-wrapper .srvTitle img {
  margin-right: 12px;
  position: absolute;
  max-height: 43px;
  left: 0;
  right: 0;
}
.similar_projects_wrapper .section_title {
  text-align: center;
  display: table;
  margin: 0 auto 30px;
}
.similar_projects_wrapper {
  padding: 50px 0 50px;
  background: #fff;
}
.services .similar_projects_wrapper {
  padding: 36px 0 60px;
  margin-top: 60px;
}
.callusbox h3 a {
  color: #85e8e6;
}
.engage-modules-wrapper {
  padding: 60px 0 49px;
  margin: 10px auto 0;
}
.engage-modules-wrapper .crm-srv-block {
  border-radius: 0 40px;
  border: 0;
  -webkit-box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
  box-shadow:
    0 3.4px 2.7px -30px rgb(0 0 0/6%),
    0 8.2px 8.9px -30px rgb(0 0 0/7%),
    0 25px 40px -30px rgb(0 0 0/20%);
}
.bgstyle-1 {
  background: #7affdb;
}
.bgstyle-2 {
  background: #e3ff8e;
}
.bgstyle-3 {
  background: #97ffaf;
}
.bgstyle-4 {
  background: #6cfffa;
}
.hd-1 span {
  color: #ef5c20 !important;
  font-weight: 900;
}
.highlight-text {
  display: block;
}
.mernstak-service-wrapper {
  margin: 75px auto 0;
}
.mernstak-service-wrapper .crm-srv-block {
  background-color: #fff;
  border: 2px solid #f3f3f3;
  box-shadow: 0 0 24px 0 rgb(1 44 118/5%);
}
.mernstak-service-wrapper .srvIcon img {
  max-height: 66px;
  margin: 8px auto 11px;
}
.why-hirenodejs-wrapper .specific_fetaure {
  text-align: left;
  font-size: 0;
}
.ofr-label {
  font-size: 15px;
  color: #fff;
}
.banner_heading_new {
  font-size: 38px;
  margin: 0;
  font-weight: 700;
  color: #fff;
}
.ppc-ofr-h2 {
  font-size: 20px;
  color: #fff;
  margin: 20px 0 0;
}
.ofr-prices {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin: 10px 0 20px;
}
.btn-enq {
  font-size: 16px;
  padding: 12px 30px;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
}
.about-ob {
  margin: 0 0 101px;
}
.t-1 {
  font-size: 20px;
  padding: 10px 49px 10px 23px;
  color: #fff;
  font-weight: 800;
  margin: 0 0 49px;
  position: relative;
}
.exp-title,
ul.ob-facts li {
  font-size: 17px;
  font-weight: 600;
}
.b2b-icon,
.b2c-erp-icon,
.b2c-icon,
.b2c-market-icon,
.crm-icon,
.shipping-auto-icon,
.t-1::after {
  position: absolute;
  right: 0;
}
.t-1::after {
  content: "";
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 15px;
  border-color: #fff0 #fff0 #fff;
  line-height: 0;
}
ul.ob-facts {
  display: flex;
  flex-flow: row wrap;
  border-bottom: 2px solid #ff6c38;
  background: #effefb;
  margin-top: 48px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
ul.ob-facts li {
  flex: 1 1 auto;
  color: #374a5e;
  border-right: 1px solid #a0d1d6;
  padding: 30px 0;
}
.expertise-wrapper {
  padding: 80px 0 90px;
  margin: 0 auto;
  max-width: 920px;
}
ul.expList {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.expList li {
  list-style: none;
  width: 25%;
  padding: 0 15px;
  margin: 15px 0;
}
ul.expList li .explist-data {
  background: #effefb;
  border-radius: 12px;
  padding: 125px 10px 20px;
  position: relative;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.b2b-icon {
  height: 53px;
  left: 0;
  width: 48px;
  background: url(../img/ppc-img/b2b.webp) no-repeat;
}
ul.expList li .explist-data:hover .b2b-icon {
  background: url(../img/ppc-img/b2b-2.webp) no-repeat;
}
.b2c-icon {
  height: 65px;
  left: 0;
  width: 65px;
  background: url(../img/ppc-img/buy.webp) no-repeat;
}
ul.expList li .explist-data:hover .b2c-icon {
  background: url(../img/ppc-img/buy-2.webp) no-repeat;
}
.b2c-market-icon {
  height: 52px;
  left: 0;
  width: 57px;
  background: url(../img/ppc-img/market.webp) no-repeat;
}
ul.expList li .explist-data:hover .b2c-market-icon {
  background: url(../img/ppc-img/market-2.webp) no-repeat;
}
.shipping-auto-icon {
  height: 44px;
  left: 0;
  width: 75px;
  background: url(../img/ppc-img/shipping.webp) no-repeat;
}
.enterprise-ecom-icon,
.erp-icon {
  height: 51px;
  position: absolute;
  top: 50px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
ul.designDevList li,
ul.featuresList li {
  position: relative;
  display: block;
  color: #374a5e;
}
ul.expList li .explist-data:hover .shipping-auto-icon {
  background: url(../img/ppc-img/shipping-2.webp) no-repeat;
}
.erp-icon {
  width: 51px;
  background: url(../img/ppc-img/erp.webp) no-repeat;
}
ul.expList li .explist-data:hover .erp-icon {
  background: url(../img/ppc-img/erp-2.webp) no-repeat;
}
.enterprise-ecom-icon {
  width: 52px;
  background: url(../img/ppc-img/ecom.webp) no-repeat;
}
ul.expList li .explist-data:hover .enterprise-ecom-icon {
  background: url(../img/ppc-img/ecom-2.webp) no-repeat;
}
.crm-icon {
  height: 50px;
  left: 0;
  width: 68px;
  background: url(../img/ppc-img/crm.webp) no-repeat;
}
ul.expList li .explist-data:hover .crm-icon {
  background: url(../img/ppc-img/crm-2.webp) no-repeat;
}
.b2c-erp-icon {
  height: 53px;
  left: 0;
  width: 54px;
  background: url(../img/ppc-img/b2erp.webp) no-repeat;
}
ul.expList li .explist-data:hover .b2c-erp-icon {
  background: url(../img/ppc-img/b2erp-2.webp) no-repeat;
}
.exp-title {
  margin: 0;
  color: #000;
}
.other-dev,
.srv-data p {
  font-size: 14px;
}
ul.expList li .explist-data:hover {
  background: #f15c22;
  cursor: auto;
}
.technologies-wrapper {
  margin: 0 0 110px;
}
ul.technoList {
  display: flex;
  margin: 20px auto 38px;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
}
ul.technoList li {
  flex: auto;
  padding: 0 15px;
}
.headings-style-5 span {
  color: #65c7c6;
  font-weight: 900;
}
.other-dev {
  margin: 14px auto 30px;
  color: #444;
}
.why-us-wrapper {
  background: #eefefb;
  z-index: 1;
  padding: 30px 0;
  position: relative;
  margin: 90px 0 80px;
}
.why-us-wrapper::before {
  content: "";
  position: absolute;
  background: url(../img/ppc-img/why-bg.webp) 0 0 / cover no-repeat;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  z-index: -1;
  border-radius: 0 25px 25px 0;
  -webkit-transform: scaleY(1.1);
  transform: scaleY(1.1);
}
.why-us-wrapper .t-1 {
  font-size: 33px;
  margin: 63px 0 54px;
}
.why-us-wrapper .t-1::after {
  border-width: 0 0 71px 15px;
  border-color: #fff0 #fff0 #69cdce;
  line-height: 0;
}
.why-us-wrapper .hd-1 {
  color: #172f2f;
  font-size: 38px;
}
.why-us-wrapper .ob-description p {
  color: #172f2f;
}
.why-us-wrapper .pdlr-50 {
  padding-left: 55px;
}
.srv-titles {
  font-size: 20px;
  font-weight: 700;
  color: #374a5e;
  margin: 15px auto 20px;
}
.srv-titles span {
  color: #65c7c6;
  display: block;
  font-weight: 700;
}
ul.featuresList {
  margin: 40px auto 38px;
  list-style: none;
  padding: 0;
}
ul.featuresList li {
  padding: 0 0 20px 37px;
  font-size: 18px;
  font-weight: 700;
}
ul.featuresList li:before {
  content: "";
  position: absolute;
  background: url(../img/ppc-img/bullet.webp) no-repeat;
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
}
.subText-style-5 p {
  margin: 0 auto;
  max-width: 900px;
}
.subText-style-5 {
  margin: 0 auto 20px;
}
ul.designDevList {
  margin: 0 auto 38px;
  padding: 40px 0 0;
  list-style: none;
}
ul.designDevList li {
  padding: 0 40px 45px 125px;
}
.designDevList.bdr-md-2 {
  border-right: 1px solid #21d5d3;
}
ul.designDevList li.ecom-icn {
  background: url(../img/ppc-img/cart.webp) no-repeat;
}
ul.designDevList li.analysis-icn {
  background: url(../img/ppc-img/analysis.webp) no-repeat;
}
ul.designDevList li.ecomdev-icn {
  background: url(../img/ppc-img/e-com.webp) no-repeat;
}
ul.designDevList li.help-icn {
  background: url(../img/ppc-img/supports.webp) no-repeat;
}
ul.designDevList li.shipping-icn {
  background: url(../img/ppc-img/shippings.webp) no-repeat;
}
ul.designDevList li.e-coms-icn {
  background: url(../img/ppc-img/ecom-srv.webp) no-repeat;
}
ul.designDevList li.conversion-icn {
  background: url(../img/ppc-img/lead.webp) no-repeat;
}
ul.designDevList li.module-icn {
  background: url(../img/ppc-img/module.webp) no-repeat;
}
ul.designDevList li .designs-titles {
  padding: 0 0 15px;
  margin: 0;
  font-size: 23px;
  font-weight: 700;
  color: #ef5c20;
}
ul.designDevList li p {
  margin: 0;
}
.calling-wrapper {
  background: url(../img/ppc-img/cls-bg.webp) center/cover no-repeat;
}
.caller-thumb {
  position: absolute;
  bottom: 0;
  margin: 0;
  right: 0;
}
.call-h1 {
  font-size: 38px;
  color: #fff;
  font-weight: 900;
  margin: 62px 0 40px;
}
.btn-free-cons {
  font-size: 23px;
  background: #f15c22;
  padding: 10px 25px;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
}
.btn-free-cons:hover {
  background: #f5723f;
  color: #fff;
}
.cts-texts {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  padding: 20px 0 20px 75px;
}
.calling-wrapper .container {
  position: relative;
  min-height: 335px;
}
.cts-phone {
  background: url(../img/ppc-img/phone.webp) 0 9px no-repeat;
}
.cts-email {
  background: url(../img/ppc-img/email.webp) 0 9px no-repeat;
}
.feature-payments-wrapper {
  min-height: 458px;
  background: url(../img/ppc-img/pay-bg2.webp) center/cover no-repeat;
  z-index: 1;
  position: relative;
}
.pays-thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.payText p {
  position: relative;
  z-index: 1;
  font-size: 34px;
  color: #fff;
  max-width: 630px;
  margin: 0 auto;
  line-height: 52px;
  padding-top: 180px;
}
.android_app a,
.ios_app a {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 30px;
  font-size: 19px;
  box-shadow: 0 2px 3px rgb(0 0 0 / 0.3);
  display: inline-block;
}
.payText p strong {
  font-weight: 800;
  color: #fff;
}
.app-icons-block {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
}
.android_app a {
  background: #98c11f;
}
.android_app a svg,
.ios_app a svg {
  width: 18px;
}
.ios_app {
  display: inline-block;
  margin-left: 5px;
}
.ios_app a {
  background: #6a6b6f;
}
.service-description p {
  font-size: 16px;
  text-align: justify;
  font-weight: 500;
  color: #fff;
}
.image_cover {
  display: block;
  position: absolute;
  width: 50%;
  z-index: 2;
  top: 0;
  bottom: 0;
  background-position: 50% 50%;
}
.background_cover,
.image_cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ls.ms {
  background-color: #f4f4f5;
}
.benefits-box:hover .benefits-h figure,
.bg-stye1,
.expert-description.bg1,
.half_section,
.hiring-models .hire-btns.btn-hire {
  background: #229b9b;
}
.choose-list li::before,
.icon-tick,
blockquote p:before,
blockquote:before {
  background-repeat: no-repeat;
}
.half_section {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
}
.half_section .hd-1 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 23px;
}
.welcome-one__solutions {
  display: flex;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  margin: 37px -15px 0;
  flex-wrap: wrap;
}
.welcome-one__solutions-single {
  display: flex;
  align-items: center;
  transition: 0.5s;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 15px;
}
.welcome-one__solutions .abslinks {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.welcome-one__solutions-single-box {
  border: 1px solid rgb(255 255 255 / 0.3);
  border-radius: 10px;
  padding: 15px 20px;
  width: 100%;
  margin: 0 0 15px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  position: relative;
}
.welcome-one__solutions-icon {
  display: flex;
  align-items: center;
}
.welcome-one__solutions-icon span {
  font-size: 20px;
  color: #fff;
  transition: 0.5s;
}
.welcome-one__solutions-text-box {
  margin-left: 20px;
}
.welcome-one__solutions-text-box .link-heading {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  transition: 0.5s;
  text-align: left;
}
.half_section .pdr-30 {
  padding-right: 30px;
}
.bcservice-offer .basic-text,
.half_section .pdl-30,
.marketplace-page .expert-services {
  padding-left: 30px;
}
.welcome-one__solutions-single-box:hover {
  border: 1px solid #fff;
}
.icon-tick {
  color: #fff;
  width: 17px;
  height: 13px;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 9L9.33333 15L19.3333 3' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 991px) {
  .image_cover {
    height: 0;
    padding-bottom: 70%;
    width: auto;
    position: relative;
    right: 0 !important;
  }
  .bg-stye1,
  .bg-stye2 {
    padding: 0 0 27px;
  }
  .half_section .hd-1 {
    margin: 30px 0 23px;
  }
  .welcome-one__solutions {
    display: block;
    margin: 33px -15px 0;
  }
  .welcome-one__solutions-single-box {
    margin: 0 0 14px;
  }
  .welcome-one__solutions-single {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .welcome-one__solutions {
    display: block;
    margin: 33px -15px 0;
  }
  .welcome-one__solutions-single-box {
    margin: 0 0 14px;
  }
  .welcome-one__solutions-single {
    max-width: 100%;
  }
}
.requestquote_header a {
  display: flex;
  font-weight: 600;
  color: #fffefe;
  font-size: 16px;
  padding: 10px 24px;
  border-radius: 35px;
  text-align: center;
  margin: 0 auto;
  border: 2px solid;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  background-size: 300% 100%;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.requestquote_header a:hover {
  border: 2px solid var(--brand-secondary);
  background-image: linear-gradient(
    to right,
    #00e5ff,
    #40e495,
    #30dd8a,
    #2bb673
  );
  color: #000;
  background-size: 100%;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.requestquote_header a svg {
  width: 19px;
  height: 19px;
}
.projectCount_list > li {
  min-width: 140px;
}
.services_banner.service_detail_page {
  padding: 170px 0 10px;
  position: relative;
  background-position: center;
  background-attachment: unset;
  background-size: cover;
}
.services_banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(40 40 40 / 0.85);
  z-index: 0;
}
.services_banner_content {
  text-align: center;
  color: #fff;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.services_banner_content h1 {
  color: #fff;
  font-size: 36px;
  margin: 0 0 10px;
  font-weight: 900;
}
.page_title_block {
  box-shadow: none;
}
.current_page_path {
  padding: 15px 0;
}
.page_title_block .breadcrumbs,
.page_title_block .breadcrumbs a {
  color: #666;
}
.current_page_path .breadcrumbs a {
  color: #666;
  font-size: 13px;
}
.current_page_path .breadcrumbs span.current {
  position: relative;
  padding: 0 0 0 23px;
  font-size: 13px;
}
.current_page_path .breadcrumbs span.current:before {
  position: absolute;
  content: "";
  left: 8px;
  font-size: 13px;
  top: 4px;
  color: #b6b6b6;
  width: 8px;
  height: 8px;
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07969 0.00624847L0.404694 0.681248L5.22532 5.5L0.404694 10.3187L1.07969 10.9937L6.23594 5.8375L6.55751 5.5L6.23547 5.1625L1.07922 0.00624847H1.07969Z' fill='%23888888'%3E%3C/path%3E%3C/svg%3E");
}
.second_heading {
  font-size: 34px;
  margin-top: 36px;
  color: var(--heading-color);
  text-align: left;
}
blockquote p:before {
  content: "";
  display: block;
  width: 27px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 12px;
  background-image: url(../img/blockquote.png);
  background-position: 0 0;
}
blockquote {
  padding: 0;
  border: none !important;
  font-style: italic;
}
.blog-description .specific_fetaure li {
  color: #0c0c0c;
  margin: 0;
  font-size: 16px;
  padding: 0 0 4px 24px;
  background: url(../img/sign-icon.png) left 7px/13px no-repeat;
  font-weight: 500;
}
.blog-description p a {
  color: #007bff;
}
.sales-dev-wrapper {
  position: relative;
  overflow: hidden;
  padding: 110px 0 150px;
  background-color: #65c7c6;
  margin: 78px 0;
}
.sales-dev-wrapper:before,
.waves {
  position: absolute;
  left: 0;
  width: 100%;
}
.sales-dev-wrapper:before {
  content: "";
  top: 0;
  height: 76px;
  background: url(../img/salesforce-app/wave.png) 0 0 / cover;
}
.waves {
  bottom: 0;
  height: 15vh;
  margin-bottom: -8px;
  min-height: 100px;
  max-height: 150px;
}
.waves .content {
  position: relative;
  height: 20vh;
  text-align: center;
  background-color: #fff;
}
.parallax > use {
  -webkit-animation: 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite
    move-forever;
  animation: 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite move-forever;
}
.parallax > use:first-child {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}
@-webkit-keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
  }
}
@keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
  }
}
@-webkit-keyframes move-up-down {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes move-up-down {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
.salesforce-wrapper {
  margin-top: -39px;
  margin-bottom: 80px;
}
.sales-services {
  margin: 0 auto 83px;
}
.sales-dev-hiring {
  margin: 0 auto 54px;
}
.force-wrapper {
  margin: 80px auto;
  background: #fff8f8;
  padding: 68px 0;
}
.sales-srv-text {
  text-align: center;
  margin: 31px auto 52px;
}
.salesforce-intro {
  margin: 0 auto 61px;
}
.expert-description {
  background: #65c7c6;
  padding: 24px 24px 24px 141px;
  border-radius: 8px;
  position: relative;
  height: 100%;
}
.exp-h3 {
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  margin: 0 auto 17px;
}
.exp-icon {
  position: absolute;
  top: 33px;
  left: 27px;
  width: 95px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  height: 95px;
  text-align: center;
  line-height: 85px;
}
.Benefitsdotnet .hd-1,
.expert-description p {
  color: #fff;
  margin: 0;
}
.exp-icon img {
  max-width: 62px;
  margin: 0 auto;
}
.hire-python-developer .live-assistance-wrapper,
.hire-react-native-developer .live-assistance-wrapper,
.home-service-app .benefits-h figure,
.request-a-quote .modal-content .get_quote_form_right {
  border-radius: 0;
}
.request-a-quote .obcontact_input label {
  margin: 0 0 7px;
  color: #fff;
}
.request-a-quote .modal .contactform_upload_dv .custom-file-label {
  padding-left: 41px;
  padding-top: 3px;
  height: 38px;
}
.request-a-quote .btn.get_quoteSubmit {
  padding: 11px 38px;
}
.request-a-quote .btn.get_quoteSubmit:hover {
  background-color: #f33b08;
}
.ob-description {
  margin-top: 30px;
}
.mern-block {
  background: #fff;
  box-shadow: 0 9px 21px 0 rgb(0 0 0/8%);
  margin: 110px auto 75px;
  border-radius: 10px;
  padding: 25px;
}
.mern-block ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mern-block ul li {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
  padding: 9px 33px;
  position: relative;
}
.tech-text {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEwOSAxMTkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA5IDExOS4yIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA5IDc5LjRWMzkuOGMwLTcuMi0zLjgtMTMuOC0xMC0xNy4zTDY0LjUgMi43Yy02LjItMy42LTEzLjktMy42LTIwLjEuMEwxMCAyMi41QzMuOCAyNi4xLjAgMzIuNy4wIDM5Ljh2MzkuNmMwIDcuMiAzLjggMTMuOCAxMCAxNy4zbDM0LjQgMTkuOGM2LjIgMy42IDEzLjkgMy42IDIwLjEuMGwzNC40LTE5LjhDMTA1LjIgOTMuMiAxMDkgODYuNiAxMDkgNzkuNHoiLz48L3N2Zz4=);
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background: #000;
  box-shadow: 0 3px 7px rgb(0 0 0/11%);
  line-height: 4;
  position: absolute;
  top: -67px;
  left: 0;
  right: 0;
  color: #000;
  font-size: 16px;
}
.mern-block ul li:first-child .tech-text {
  background: #e6e6e6;
}
.mern-block ul li:nth-child(2) .tech-text {
  background: #f9eae9;
}
.mern-block ul li:nth-child(3) .tech-text {
  background: #edf6fd;
}
.mern-block ul li:nth-child(4) .tech-text {
  background: #eef7da;
}
.mern-dev-wrapper {
  background-color: #f7fafb;
  padding: 60px 0 48px;
  margin: 0 auto 71px;
}
.some-description {
  text-align: center;
  margin: 0 auto 25px;
}
.mern-dev-wrapper .hd-2 {
  margin: 13px auto 30px;
  font-size: 25px;
}
.mern-dev-wrapper .crm-srv-block {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgb(1 44 118/8%);
}
.mern-dev-wrapper .srvIcon {
  margin: 0 auto 15px;
  max-width: 100px;
}
.why-mern-wrapper {
  position: relative;
  background: url(../img/mern-stack/mern-bg.jpg) center center/cover no-repeat;
  padding: 60px 0 70px;
  margin: 43px auto 70px;
  z-index: 1;
}
.why-mern-wrapper::before {
  content: "";
  background: linear-gradient(
    85deg,
    rgb(26 44 121 / 0.93) 30%,
    rgb(232 5 102 / 0.9) 100%
  ) !important;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}
.why-mern-wrapper .hd-1 {
  color: #fff;
  position: relative;
  margin: 0 0 60px;
}
.why-mern-wrapper .ob-description {
  margin-top: 0;
}
.industry-block-wrapper {
  margin: 0 auto 50px;
  background: url(../img/hire-salesforce/section-bg.png) center center/contain
    no-repeat;
}
.choose-ob-wrapper {
  margin: 0 auto 72px;
  background: #34bbbb;
}
.col-left-1 {
  max-width: 565px;
  margin: 0 0 0 auto;
  padding: 60px 25px 51px 0;
}
.choose-ob-wrapper .hd-1 {
  font-size: 45px;
  color: #fff;
  font-weight: 800;
}
.choose-ob-wrapper .hd-1 span {
  color: #fff;
  font-weight: 600;
  display: block;
  font-size: 26px;
  margin: 9px 0 32px;
}
.business-scratch-solution p,
.choose-text p,
.fullstack-web-wrapper .fs-text p {
  color: #fff;
  text-align: justify;
}
.choose-ob-wrapper .bg-block {
  position: relative;
  padding: 50px 20px;
  background-position: center;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.col-right-1 {
  max-width: 540px;
  margin: 0;
}
.choose-list {
  margin: 0;
  padding: 31px 26px;
  list-style: none;
}
.choose-list li {
  font-size: 19px;
  margin: 18px auto;
  position: relative;
  padding: 0 0 0 35px;
  color: #fff;
}
.choose-list li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background-size: 22px;
  width: 22px;
  height: 20px;
  font-size: 21px;
  color: #65c7c6;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1 4.95H16.0605C16.1285 4.60415 16.1627 4.25249 16.1625 3.9C16.1625 1.65403 14.5185 0 11.85 0C9.72586 0 9.17798 2.27517 8.30119 3.693C7.93861 4.27486 7.50459 4.78598 7.08942 5.25173L7.08328 5.25858L7.07723 5.26552C6.35916 6.0847 5.98894 6.375 5.6625 6.375H5.53692C5.26753 6.14288 4.90242 6 4.50005 6H1.5C0.671578 6 0 6.60441 0 7.35V18.15C0 18.8956 0.671578 19.5 1.5 19.5H4.5C4.90238 19.5 5.26748 19.3571 5.53688 19.125H5.66245C7.0072 19.125 8.8095 21 11.625 21H12.6233C15.555 21 17.2546 19.1879 17.308 16.7276C17.8931 15.8926 18.1748 14.8158 18.0573 13.7843C18.2243 13.4565 18.3492 13.109 18.429 12.75H20.1C22.2298 12.75 24 10.9882 24 8.85C24 6.73598 22.214 4.95 20.1 4.95ZM20.1 10.5H15.8332C16.4349 11.1876 16.5089 12.5074 15.6011 13.3617C16.1274 14.2826 15.6802 15.5003 14.9953 15.8754C15.3011 17.7095 14.523 18.75 12.6234 18.75H11.625C9.49261 18.75 8.00578 17.0666 6 16.8902V8.60489C7.18308 8.46595 8.01403 7.61011 8.76914 6.74883C9.29766 6.15586 9.7875 5.56289 10.2128 4.87969C10.8916 3.78338 11.4378 2.25 11.85 2.25C12.9457 2.25 13.9125 2.6625 13.9125 3.9C13.9125 5.55 12.675 6.38789 12.675 7.2H20.1C20.9637 7.2 21.75 7.97344 21.75 8.85C21.75 9.73945 20.9895 10.5 20.1 10.5ZM4.125 16.5C4.125 17.1213 3.62133 17.625 3 17.625C2.37867 17.625 1.875 17.1213 1.875 16.5C1.875 15.8787 2.37867 15.375 3 15.375C3.62133 15.375 4.125 15.8787 4.125 16.5Z' fill='%2365C7C6'/%3E%3C/svg%3E%0A");
}
.choose-ob-wrapper .bg-block::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.8;
}
.bordered-image {
  border: 1px solid #ddd;
}
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button.collapsed:after,
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button:not(.collapsed):after {
  font-size: 18px;
  text-align: center;
  width: 37px;
  height: 37px;
  line-height: 36px;
  border-radius: 23px;
  position: absolute;
  right: -63px;
  top: 13px;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  font-weight: 300;
  content: "";
}
.blockchainNetwork-block .basic-text .page-h2,
.cwd-block .expert-description p {
  margin: 0 0 15px;
}
.cwd-block .exp-h3 {
  font-size: 28px;
  margin-bottom: 24px;
}
.cwd-block .expert-description {
  padding: 34px;
  border-radius: 48px 0;
}
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button:not(.collapsed):after {
  background-color: #65c7c8;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7344 0.183594H0.265625C0.171094 0.183594 0.09375 0.260937 0.09375 0.355469V1.64453C0.09375 1.73906 0.171094 1.81641 0.265625 1.81641H15.7344C15.8289 1.81641 15.9062 1.73906 15.9062 1.64453V0.355469C15.9062 0.260937 15.8289 0.183594 15.7344 0.183594Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button.collapsed:after {
  background-color: var(--brand-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.56659 19.5V1.02344H10.6224V19.5H9.56659Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3Cpath d='M1.28906 10.7896V9.73379H18.9V10.7896H1.28906Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
}
.calssified-type-wrapper {
  background: #f7fafb;
  padding: 50px 0 45px;
  margin: 70px auto 71px;
}
.calssified-type-wrapper .accordion > .card {
  overflow: hidden;
  border: 0;
  margin: 0 0 11px;
  border-radius: 5px !important;
  -webkit-box-shadow: 0 30px 100px 0 rgb(0 0 0 / 8%);
  box-shadow: 0 30px 100px 0 rgb(0 0 0 / 8%);
}
.calssified-type-wrapper .card-header {
  padding: 0 78px 0 8px;
  background-color: #fff0;
  border-bottom: 0;
}
.calssified-type-wrapper .card-header .btn-link {
  font-weight: 700;
  color: #000;
  font-size: 20px;
  text-decoration: none;
  white-space: normal;
}
.calssified-type-wrapper .card-header .btn-link.focus,
.calssified-type-wrapper .card-header .btn-link:focus {
  text-decoration: none;
  box-shadow: none;
}
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button:not(.collapsed) {
  font-weight: 700;
  color: #1ba4a2;
}
.calssified-type-wrapper .card-header .btn-link:hover {
  color: var(--brand-primary);
  text-decoration: none;
}
.calssified-type-wrapper .card-body p {
  margin: 0;
  padding: 14px ​1.25rem 1.25rem 1.25rem;
}
.service-item {
  background: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
}
.service-item.style-1 {
  border-radius: 10px;
  overflow: hidden;
  padding: 15px 30px 32px;
  background: #fff;
  height: calc(100% - 30px);
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-box-shadow: 0 16px 32px 0 rgb(0 0 0 / 0.06);
  box-shadow: 0 16px 32px 0 rgb(0 0 0 / 0.06);
  text-align: left;
}
.lookingfor-wrapper,
.service-item.style-1 .service-item-content {
  position: relative;
  z-index: 1;
}
.service-item.style-1 .number {
  font-size: 120px;
  line-height: 95px;
  font-weight: 700;
  margin-bottom: 35px;
  -webkit-text-stroke: 2px #ef5c20;
  -webkit-text-fill-color: #fff0;
}
.service-item.style-1 .title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.6px;
  margin-top: 0;
  margin-bottom: 23px;
}
.service-item.style-1 .title span {
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(currentcolor),
      to(currentcolor)
    )
    0 89%/0 2px no-repeat;
  background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0
    89%/0 2px no-repeat;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}
.service-item.style-1:before {
  content: "";
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  background: var(--brand-primary);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--brand-primary)),
    to(#ff774a)
  );
  background: linear-gradient(to right, var(--brand-primary), #ff774a);
}
.service-item.style-1:hover .number {
  -webkit-text-stroke: 2px #fff;
}
.service-item.style-1:hover .desc {
  color: rgb(255 255 255 / 0.8);
}
.ent-srv-blocks {
  background: #f7fafb;
  padding: 50px 0 48px;
  margin: 42px auto 0;
}
.cookiealert,
.portfolio-detail-wrapper #webheader {
  background: #1b1038;
}
.ssc_icon_box {
  padding: 0 0 30px 125px;
}
.icon_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border: 1px solid #e7e7e7;
  border-radius: 22px;
}
a.accept.hides,
a.decline.hides {
  padding: 8px 20px;
  border-radius: 4px;
  text-decoration: none;
}
.bgr_icon {
  line-height: 83px;
}
.bgr_icon img {
  max-height: 53px;
}
.ssc_title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 11px;
}
.ssc_icon_box p {
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 25px;
}
.services_banner_content p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}
.alm-btn-wrap .alm-load-more-btn {
  background: #f15c22 !important;
}
.alm-btn-wrap .alm-load-more-btn:hover {
  background-color: #32caca !important;
}
.request-a-quote .hero-banner-inner,
.request-a-quote .hero-banner-item {
  height: 270px;
  min-height: auto;
}
.request-a-quote .heroContent {
  padding: 0;
  top: unset;
}
.request-a-quote .obcontactForm-submit button.btn:hover {
  background-color: #eb3603;
}
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  padding: 12px;
  color: #fff;
  z-index: 99999999;
  font-size: 14px;
}
.cookiealert p {
  margin: 0;
  font-size: 15px;
  line-height: 26px;
  color: #b7b6b6;
}
.cookiealert a {
  color: #fff;
  text-decoration: underline;
}
.cookie-btn {
  display: block;
  margin: 18px auto;
}
a.accept.hides {
  background: #ef5c20;
  color: #fff;
}
.ios-andriod-block {
  display: flex;
  margin: 0 0 15px;
}
.ios-andriod-block .ios-andriod-col {
  margin: 10px 16px 7px 0;
}
.thanks-block {
  margin: 60px auto;
}
.thanks-block p {
  font-size: 20px;
  margin: 27px auto;
}
.cms_page_content .thanks-block h3 {
  font-size: 32px;
  color: #f15c22;
}
.thanks-block figure {
  margin: -10px auto 22px;
}
.cta-block {
  background: #f15c22;
  padding: 15px;
  border-radius: 6px;
  margin: 40px auto;
  background: -moz-linear-gradient(-45deg, #f15c22 0, #65c7c6 100%);
  background: -webkit-linear-gradient(-45deg, #f15c22 0, #65c7c6 100%);
  background: linear-gradient(135deg, #f15c22 0, #65c7c6 100%);
}
.cta-title {
  color: #fff;
  font-size: 34px;
  margin: 0;
  padding: 7px 0 5px;
}
a.btn.btn-homepage {
  background: #f15c22;
  color: #fff;
  padding: 11px 30px;
  font-size: 24px;
  margin: 27px auto 20px;
  font-weight: 600;
  border: 1px solid rgb(255 255 255 / 0.5);
  border-radius: 6px;
}
.hire-btns:hover,
.hiring-models .hire-btns.btn-hire:hover,
.pos-btn:hover,
a.btn.btn-homepage:hover {
  background: #65c7c6;
  color: #fff;
}
.expert-services ul li::before,
.models-box .block-list li::before {
  color: #65c7c6;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00001 7.33333C5.84095 7.33333 7.33334 5.84095 7.33334 4C7.33334 2.15905 5.84095 0.666668 4.00001 0.666668C2.15906 0.666668 0.666672 2.15905 0.666672 4C0.666672 5.84095 2.15906 7.33333 4.00001 7.33333Z' stroke='%2365C7C6' stroke-width='0.666667'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
  .service-item.style-1 {
    padding: 30px 15px;
  }
  .service-item.style-1 .number {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .fbitem_right_image img {
    padding-top: 40px;
    max-width: 200px;
  }
  .cta-title {
    font-size: 29px;
  }
  a.btn.btn-homepage {
    padding: 11px 20px;
    font-size: 22px;
  }
}
.single-post-block h5 {
  font-size: 19px;
  font-weight: 700;
}
.hire-blocks .crm-srv-block.bg05 {
  background: #eefdf4;
  border-bottom: 4px solid #a1ed9f;
}
.hire-salesforce-wrapper.fintech-dev-page .salesforce-devs-wrapper {
  background-color: #f9fafb;
  margin-top: 41px;
}
.travel-page .engage-modules-wrapper {
  padding: 60px 0 49px;
  margin: 44px auto 0;
  background: #f1fafd;
}
.expertise-dev-wrapper.benefits-dev-wrapper {
  margin: 0;
  padding: 0;
  background: 0 0;
}
.why-obhire-wrapper.no-bg {
  background: 0 0;
  padding: 66px 0 0;
}
.choose-option-list .highlight-text {
  font-size: 21px;
}
.wellness-apps-service {
  background: url(../img/hire-salesforce/wave-bg.png) center bottom/contain
    repeat-x;
  position: relative;
  padding: 50px 0 65px;
}
.srvIcon img {
  max-height: 70px;
}
.cmmi-text {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.expert-services,
.faq-box .single-item .item-nav a {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  .wellness-apps-service .mb-30 {
    margin-bottom: 30px;
  }
}
.highight-boldtext {
  margin: 50px auto 0;
  font-weight: 700;
  font-style: italic;
}
.highight-boldtext p,
.hire-angularjs-developer .key-panels .nav-tabs .nav-link {
  font-size: 16px;
}
.fitness-app-panels .nav-tabs {
  justify-content: center;
  border-bottom: 2px solid #efefef;
}
.fitness-app-panels .nav-tabs .nav-link {
  font-weight: 700;
  font-size: 19px;
  padding: 16px 20px;
  color: #838181;
  border: 3px solid #fff0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fitness-app-panels .nav-tabs .nav-link:focus,
.fitness-app-panels .nav-tabs .nav-link:hover {
  border-color: #fff0;
}
.fitness-app-panels .nav-tabs .nav-link.active {
  color: #65c6ca;
  border-bottom-color: #65c6ca;
}
.fitness-app-panels {
  background: #fff;
  border-radius: 13px;
  box-shadow: 0 1px 20px rgb(0 0 0 / 0.05);
  overflow: hidden;
}
.expert-services,
.rfq-btn {
  border-radius: 10px;
  position: relative;
}
@media (max-width: 575.98px) {
  .fitness-app-panels .nav-tabs .nav-link {
    font-weight: 600;
    font-size: 17px;
    padding: 16px 8px;
    color: #838181;
  }
}
.calssified-type-wrapper .card-body {
  padding: 2px 1.25rem 1.25rem;
}
figure.classified-figures {
  border-radius: 4px;
  overflow: hidden;
}
.expert-services {
  padding: 32px 30px 32px 118px;
  z-index: 0;
  background-color: #f9fcff;
  margin-bottom: 0;
  transition: 0.3s ease-in-out;
  height: 100%;
}
.expert-services .img-expert {
  width: 65px;
  text-align: center;
  position: absolute;
  left: 30px;
}
.expert-services h3 {
  font-size: 23px;
}
.expert-services p {
  font-size: 15px;
  margin: 0;
}
.btn-mrg {
  text-align: center;
  margin: 70px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rfq-btn {
  background: #ef5c20;
  color: #fff;
  padding: 20px 66px 20px 31px;
  font-weight: 600;
  font-size: 22px;
  box-shadow:
    0 5px 0 #c93910,
    0 3px 15px rgb(0 0 0 / 0.1),
    inset 0 1px 0 rgb(255 255 255 / 0.1),
    inset 0 0 3px rgb(255 255 255 / 0.2);
}
.rfq-btn:hover {
  background: #32caca;
  color: #fff;
  box-shadow:
    0 5px 0 #148585,
    0 3px 15px rgb(0 0 0 / 0.1),
    inset 0 1px 0 rgb(255 255 255 / 0.1),
    inset 0 0 3px rgb(255 255 255 / 0.2);
}
.rfq-btn::before {
  position: absolute;
  content: "";
  right: 30px;
  font-size: 23px;
  top: 29px;
  color: #fff;
  font-weight: 300;
  width: 22px;
  height: 15px;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 7C0.5 6.80109 0.579018 6.61032 0.71967 6.46967C0.860322 6.32902 1.05109 6.25 1.25 6.25H18.9395L14.219 1.531C14.0782 1.39017 13.9991 1.19916 13.9991 1C13.9991 0.800838 14.0782 0.609831 14.219 0.469001C14.3598 0.328171 14.5508 0.249054 14.75 0.249054C14.9492 0.249054 15.1402 0.328171 15.281 0.469001L21.281 6.469C21.3508 6.53867 21.4063 6.62143 21.4441 6.71255C21.4819 6.80367 21.5013 6.90135 21.5013 7C21.5013 7.09865 21.4819 7.19633 21.4441 7.28745C21.4063 7.37857 21.3508 7.46133 21.281 7.531L15.281 13.531C15.1402 13.6718 14.9492 13.7509 14.75 13.7509C14.5508 13.7509 14.3598 13.6718 14.219 13.531C14.0782 13.3902 13.9991 13.1992 13.9991 13C13.9991 12.8008 14.0782 12.6098 14.219 12.469L18.9395 7.75H1.25C1.05109 7.75 0.860322 7.67098 0.71967 7.53033C0.579018 7.38968 0.5 7.19891 0.5 7V7Z' fill='white'/%3E%3C/svg%3E%0A");
}
.models-box {
  text-align: center;
  background-color: #fff;
  padding: 44px 15px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.models-box .item-icon {
  border-radius: 50%;
  height: 100px;
  width: 160px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.models-box .item-title {
  color: #332f2f;
  font-weight: 600;
  font-size: 21px;
  min-height: 56px;
  line-height: 34px;
}
.models-box .block-list {
  text-align: left;
  padding: 0;
  width: 100%;
  margin: 40px 0;
  list-style: none;
  font-size: 14px;
  flex: 1;
  -ms-flex: 1;
}
.models-box .block-list li {
  margin-bottom: 18px;
  font-weight: 600;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 16px;
  color: #5b5b5b;
  position: relative;
  padding-left: 26px;
}
.models-box .block-list li::before {
  position: absolute;
  content: "";
  left: 6px;
  font-size: 8px;
  top: 6px;
  font-weight: 600;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
}
.hiring-models {
  background: #f4fbfb;
  padding: 63px 0 77px;
  margin: 0 0 62px;
}
.row.no-gutter {
  margin-right: 0;
  margin-left: 0;
  -webkit-box-shadow: 0 0 35px 0 rgb(0 0 0 / 4%);
  box-shadow: 0 0 35px 0 rgb(0 0 0 / 4%);
}
.fuel-delivery-app .covid-safety .col-01:nth-child(odd) > div > div h4,
.row.no-gutter > [class*=" col-"],
.row.no-gutter > [class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.hiring-models .hd-1 {
  margin: 0 0 45px;
}
.hiring-devider > div::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #ececec;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.hire-btns {
  background: #ef5c20;
  padding: 19px 50px;
  font-weight: 600;
  font-size: 20px;
  border-radius: 7px;
  color: #fff;
}
.container.btn-mrg.mtr-20 {
  margin-top: 21px;
}
.hiring-benefits {
  margin: 70px auto 90px;
}
.radius-img img {
  border-radius: 15px;
}
.rnd-srv-mt-5 {
  margin-top: 35px;
}
.btn-mrg.no-mrg {
  margin: 21px auto 0;
}
.cts-block.large-btn.rnd-cta,
.section-space {
  margin: 70px auto;
}
.cts-block.large-btn.rnd-cta .cts-link,
.cts-block.large-btn.rnd-cta .cts-link:hover {
  background: #4fb9b8;
}
.rnd-cta.cts-block .cts-hd,
.t1 {
  font-size: 26px;
}
.rnd-cta.cts-block .cts-hd span {
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
}
.faq-section {
  margin: 62px auto;
}
.faq-box {
  margin-top: 40px;
}
.faq-box .single-item {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px !important;
  margin-bottom: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq-box .single-item .item-nav {
  padding: 0;
  border: none;
  margin-bottom: 0;
  background-color: #fff0;
}
.faq-box .single-item .item-nav a,
.faq-box .single-item .item-nav button {
  text-align: left;
  border-radius: 0;
  color: var(--brand-primary);
  background: rgba(255, 94, 20, 0.02);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
  display: block;
  padding: 15px 55px 15px 30px;
  font-size: 20px;
  text-decoration: none;
  position: relative;
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
.faq-box .single-item .item-nav a::after,
.faq-box .single-item .item-nav button::after {
  position: absolute;
  content: "\f282";
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-family: "bootstrap-icons";
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255, 94, 20, 0.1);
  color: var(--brand-primary);
}
.faq-box .single-item .item-nav a:not(.collapsed)::after,
.faq-box .single-item .item-nav button:not(.collapsed)::after {
  content: "\f286";
  background: var(--brand-primary);
  color: #fff;
}
.faq-box .single-item .item-content-wrap .item-content {
  background: #fff;
  padding: 1.5rem 2rem 1rem 2rem;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.faq-box .single-item .item-nav a.collapsed,
.faq-box .single-item .item-nav button.collapsed {
  background-color: #fff;
  color: var(--heading-color);
}
.blink span {
  animation: 1s linear infinite blink;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.sign {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #6b1839,
    transparent
  );
  transform: translate(-50%, -50%);
  letter-spacing: 2;
  left: 50%;
  top: 50%;
  font-family: Clip;
  font-size: 6em;
  color: #ffe6ff;
  text-shadow:
    0 0 0.6rem #b0fdf3,
    0 0 1.5rem #58f1dd,
    -0.2rem 0.1rem 1rem #00ebcc,
    0.2rem 0.1rem 1rem #0ec5ad,
    0 -0.5rem 2rem #03dce4,
    0 0.5rem 3rem #03dce4;
  animation:
    2s forwards shine,
    3s infinite flicker;
}
.expert-services ul li,
.ft-h1 {
  font-size: 16px;
  position: relative;
}
@keyframes blink2 {
  0%,
  22%,
  36%,
  75% {
    color: #fff;
    text-shadow:
      0 0 0.6rem #b0fdf3,
      0 0 1.5rem #b0fdf3,
      -0.2rem 0.1rem 1rem #00ebcc,
      0.2rem 0.1rem 1rem #00ebcc,
      0 -0.5rem 2rem #03dce4,
      0 0.5rem 3rem #ff2483;
  }
  28%,
  33%,
  82%,
  97% {
    color: #fff;
    text-shadow: none;
  }
}
.flicker {
  animation:
    2s forwards shine,
    3s 2s infinite blink2;
}
.fast-flicker {
  animation:
    2s forwards shine,
    10s 1s infinite blink2;
}
@keyframes shine {
  0% {
    color: #fff;
    text-shadow: none;
  }
  100% {
    color: #ffe6ff;
    text-shadow:
      0 0 0.6rem #b0fdf3,
      0 0 1.5rem #b0fdf3,
      -0.2rem 0.1rem 1rem #00ebcc,
      0.2rem 0.1rem 1rem #00ebcc,
      0 -0.5rem 2rem #03dce4,
      0 0.5rem 3rem #03dce4;
  }
}
@keyframes flicker {
  24%,
  42%,
  68%,
  from,
  to {
    opacity: 1;
  }
  10%,
  12%,
  17%,
  4%,
  56%,
  58%,
  70% {
    opacity: 0.9;
  }
  6% {
    opacity: 0.85;
  }
  14%,
  72%,
  8%,
  95% {
    opacity: 0.95;
  }
  11% {
    opacity: 0.922;
  }
  16%,
  28% {
    opacity: 0.98;
  }
  19%,
  37%,
  93%,
  97% {
    opacity: 0.93;
  }
  20%,
  60% {
    opacity: 0.99;
  }
  26%,
  46% {
    opacity: 0.94;
  }
  38% {
    opacity: 0.5;
  }
  39% {
    opacity: 0.96;
  }
  44% {
    opacity: 0.97;
  }
}
.heroContent .christmass-banner p {
  margin: 0 0 11px;
  max-width: none;
}
.hire-python-developer .hero-banner-inner,
.hire-python-developer .hero-banner-item,
.hire-react-native-developer .hero-banner-inner,
.hire-react-native-developer .hero-banner-item {
  height: auto;
  min-height: unset;
}
.circle-effect::before,
.lined-circle-effect::before {
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  right: 0;
}
.christmass-banner {
  padding-top: 112px;
}
.expert-services ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.expert-services ul li {
  margin: 7px 0;
  padding: 0 0 0 17px;
  color: #000;
  font-weight: 500;
}
.expert-services ul li::before {
  position: absolute;
  content: "";
  left: 0;
  font-size: 6px;
  top: 8px;
  font-weight: 600;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
}
.ondemand-app-wrapper .ent-srv-blocks {
  margin: 0;
  background: 0 0;
}
.hiring-models .hire-btns.btn-hire:hover,
.pos-btn,
.qCount {
  background: #ef5c20;
}
.live-assistance-wrapper.mb-6 {
  margin-bottom: 73px;
}
.cts-block.mt-cts50 {
  margin-top: -32px;
  margin-bottom: 110px;
}
.features-flex-col {
  border: 1px solid #eaeaea;
  background: #f7f7f7 !important;
}
blockquote p {
  position: relative;
  padding-left: 22px;
}
.features-with-tabs {
  margin: 0 0 54px;
}
.features-panels .nav-tabs {
  background: #fff;
  border-bottom: 0;
  margin: 0 auto;
  display: inline-flex;
  justify-content: center;
  border: 1px solid #c1e0ea;
  border-radius: 30px;
  padding: 8px 10px;
}
.features-panels .nav-tabs .nav-item .nav-link {
  font-weight: 600;
  border: 0;
  border-radius: 22px;
}
.features-panels .nav-tabs .nav-item.show .nav-link,
.features-panels .nav-tabs .nav-link.active {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border: 0;
  color: #fff;
}
img.circled-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.features-panels ul {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
}
.features-panels .tab-pane ul li {
  margin: 24px 0;
}
.ft-h1 {
  font-weight: 500;
  color: #000;
  padding-left: 47px;
}
.f-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mtb-50 {
  margin: 0 auto 60px;
  padding-top: 22px;
}
.circle-effect::before {
  background: url(../img/food-ordering-apps/circled.png) center no-repeat;
  position: absolute;
  margin: 0 auto;
}
.lined-circle-effect::before {
  background: url(../img/food-ordering-apps/circle-effect.png) center no-repeat;
  position: absolute;
  margin: 0 auto;
}
.features-content:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 45px;
  background: #f25e23;
  background: -moz-linear-gradient(top, #fff 0, #f25e23 50%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0, #f25e23 50%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0, #f25e23 50%, #fff 100%);
}
.cts-block-new::after,
.cts-block-new::before {
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.features-content {
  padding-top: 30px;
  position: relative;
  margin-top: 31px;
}
.featurs-item {
  padding-left: 10px;
  margin: 0 0 10px;
}
.featurs-item .icon-box,
.featurs-item .text-box {
  display: table-cell;
  vertical-align: top;
}
.featurs-item .icon-box .icon-inner {
  width: 74px;
  height: 74px;
  background: #f25e23;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 72px;
}
.featurs-item .text-box {
  padding-left: 25px;
}
.highligt-text p {
  color: #000;
  font-weight: 600;
  font-style: italic;
  font-size: 17px;
}
.featurs-item .text-box .f-titles {
  font-size: 19px;
  color: #150a33;
  font-weight: 600;
  margin: 0 0 8px;
}
.text-box p {
  font-size: 15px;
  line-height: 23px;
}
.page-h2 {
  font-weight: 700;
  margin: 0 0 25px;
  font-size: 32px;
  color: var(--heading-color);
}
.page-h2 span {
  color: var(--heading-color);
}
.cts-block-new {
  position: relative;
  background-image: linear-gradient(
    to right,
    #331782,
    #0a2e89,
    #003d89,
    #004985,
    #00537e,
    #096388,
    #1d7290,
    #328298,
    #359fb2,
    #3cbdca,
    #49dcdf,
    #5ffbf1
  );
  padding: 50px 50px;
  z-index: 1;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-size: cover;
}
.cts-block-new::before {
  background: url(../img/food-ordering-apps/bubble-cts-bg.png) right 0 no-repeat;
  position: absolute;
  right: 0;
  opacity: 0.2;
}
.cts-block-new::after {
  background: url(../img/food-ordering-apps/bubble-cts-bg-2.png) 0 bottom
    no-repeat;
  position: absolute;
  left: 0;
}
.cts-block-new .cts-hd {
  text-align: center;
  font-size: 38px;
  color: #fff;
  font-weight: 800;
  display: block;
  margin: 0 auto;
}
.arrow-icons::after {
  content: "\F134";
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  font-size: 21px;
  font-family: "bootstrap-icons";
  background: linear-gradient(135deg, #ff8c53, #e53935);
  box-shadow: 0 0 15px rgb(255 107 74 / 0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
}
.cts-links-new {
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  color: #fff !important;
  border-radius: 40px;
  border: 1px solid;
  padding: 14px 61px 15px 24px;
  margin: 30px 5px 0;
  display: inline-block;
  background: rgb(15 8 25 / 0.6);
  backdrop-filter: blur(10px);
  border-color: rgb(255 255 255 / 0.4);
  box-shadow:
    0 0 20px rgb(64 196 255 / 0.2),
    inset 0 0 10px rgb(64 196 255 / 0.1);
}
.cts-links-new:hover {
  box-shadow:
    0 0 25px rgb(64 196 255 / 0.4),
    inset 0 0 15px rgb(64 196 255 / 0.2);
  transform: translateY(-2px);
  color: #fff;
}
.cts-block-new.orange-bg {
  background: #ee5c2e;
  background: linear-gradient(90deg, #ee5c2e 0, #ee2e7a 48%, #5f03a2 100%);
}
.cts-block-new .email-icons::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  font-size: 0;
  width: 40px;
  height: 40px;
  background:
    url(../img/email-icon.svg) no-repeat center,
    linear-gradient(135deg, #40c4ff, #05f);
  background-size: auto, auto;
  box-shadow: 0 0 15px rgb(64 196 255 / 0.5);
  border-radius: 50%;
}
.cts-block-new .whatsapp-icons::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-image:
    url(../img/whatsapp.svg), linear-gradient(135deg, #4cdd77, #10a85f);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size:
    30px 30px,
    100% 100%;
  box-shadow: 0 0 15px rgb(45 204 112 / 0.5);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
.cts-links-new.whatsapp-icons {
  border-color: rgb(45 204 112 / 0.4);
  box-shadow:
    0 0 20px rgb(45 204 112 / 0.2),
    inset 0 0 10px rgb(45 204 112 / 0.1);
}
.cts-links-new.arrow-icons {
  border-color: rgb(255 107 74 / 0.4);
  box-shadow:
    0 0 20px rgb(255 107 74 / 0.2),
    inset 0 0 10px rgb(255 107 74 / 0.1);
}
.cts-block-new.orange-bg::before {
  background: url(../img/food-ordering-apps/bubble-cts-bg-2.png) 0 center
    no-repeat;
  opacity: 0.8;
}
.cts-block-new.orange-bg::after {
  background: url(../img/food-ordering-apps/bubble-cts-bg3.png) right center
    no-repeat;
}
.food-img {
  background: url(../img/food-ordering-apps/food-img.png) center/cover no-repeat;
}
.technoimg {
  margin: 51px auto 0;
}
.benefits-food-app .page-h2 {
  color: #fff;
  margin: 0 0 34px;
}
.benefits-number {
  position: absolute;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  line-height: 34px;
  left: 0;
  top: 0;
}
.benefits-text {
  padding: 0 0 0 65px;
  text-align: justify;
  color: #fff;
}
.benefits-text p {
  text-align: justify;
  color: #fff;
}
.benefits-food-app {
  margin: 0 auto 80px;
}
.app-stages .page-h2 {
  font-size: 39px;
  margin-bottom: 60px;
  font-weight: 700;
  line-height: 55px;
  color: #f55c21;
}
.app-stages .page-h2 span {
  display: block;
  color: #09192c;
  font-weight: 300;
}
.stage-points {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stage-points .nav-tabs {
  flex-direction: column;
  border: 0;
  flex: 1;
  position: relative;
  z-index: 1;
}
.stage-points .nav-tabs::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  background: #eee;
  z-index: -1;
  height: 100%;
}
.stage-points .nav-tabs .nav-link {
  color: #000;
  border: 0;
  border-radius: 0;
  transition: none;
  font-weight: 600;
  position: relative;
  padding-left: 67px;
  font-size: 19px;
}
.stage-points .nav-tabs .nav-item {
  margin: 11px 0;
}
.stage-points .nav-tabs .nav-item.show .nav-link,
.stage-points .nav-tabs .nav-link.active {
  color: #f25e23;
  background-color: #fff0;
  border-right: 5px solid #f25e22;
}
.app-stages {
  margin: 80px auto;
}
.app-stages .tab-content .tab-pane {
  margin: 0;
  padding: 0;
  text-align: left;
}
.stages-figue {
  margin: 0;
  padding: 0 0 0 50px;
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  border-radius: 50%;
  background: #f1f2f7;
  z-index: -1;
  height: 50px;
  transform: translateY(-50%);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.active::before {
  background: #ee5d1a;
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.active::after {
  filter: brightness(1000);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.planning-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/food-ordering-apps/plan-icon.png) center no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.design-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/food-ordering-apps/design-icon.png) center no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.dev-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/food-ordering-apps/development-icon.png) center
    no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.testing-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/food-ordering-apps/testing-icon.png) center no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.delivery-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/food-ordering-apps/delivery-icon.png) center no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.tab-h4 {
  font-weight: 700;
  font-size: 28px;
  margin: 0 0 12px;
}
.covid-safety .col-01:nth-child(2n) > div,
.covid-safety .col-01:nth-child(odd) > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 25px;
}
.covid-safety .col-01:nth-child(odd) {
  padding-right: 16.66666%;
}
.covid-safety .col-01:nth-child(2n) {
  padding-left: 16.66666%;
}
.covid-safety .col-01:nth-child(2n) > div > div {
  text-align: left;
  padding-right: 20px;
  -ms-flex-order: 1;
  order: 1;
}
.covid-safety .col-01:nth-child(2n) > div .d-flex {
  padding-right: 20px;
  -ms-flex-order: 0;
  order: 0;
}
.initiative-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33.33333%;
  text-align: center;
  margin: 20px 0;
}
.initiative-img img {
  max-width: 80%;
}
.small-cer {
  height: 65px;
  width: 65px;
  line-height: 70px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #01c4f3;
}
.small-cer-in {
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  margin: 4px auto;
  background: #f5f9fc;
  border-radius: 50%;
}
.covid-safety h4 {
  color: #010000;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 15px;
  position: relative;
  padding-left: 48px;
}
.doctor-on-demand .covid-safety h4 {
  color: #ef5c20;
  padding-left: 0;
  font-size: 23px;
}
.covid-safety .col-01:nth-child(odd) > div > div h4 {
  padding-right: 48px;
  padding-left: 0;
}
.covid-safety .col-01:nth-child(odd) > div > div h4 .imgR {
  position: absolute;
  right: 0;
  top: -6px;
  left: auto;
}
.covid-safety h4 img {
  position: absolute;
  right: auto;
  top: -6px;
  left: 0;
}
.covid-safety p {
  font-size: 17px;
  margin: 0;
  line-height: 27px;
  text-align: justify;
}
.center-wall-circle {
  margin-top: -20px;
}
.covid-safety .some-description p {
  text-align: center;
  font-size: 16px;
  max-width: 810px;
  margin: 0 auto;
}
.covid-safety {
  margin: 63px auto 70px;
}
.grid-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.grid-block .grid-block-inner {
  width: 50%;
  max-width: 50%;
}
.grid-block .grid-block-inner .grid-data {
  padding: 25px 25px 15px;
  border: 1px solid #f0f0f0;
  height: 100%;
}
.grid-box-flex {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
}
.grid-box-icon {
  margin-right: 40px;
  flex: 0 0 62px;
}
.grid-box-title {
  font-size: 22px;
  color: var(--heading-color);
  font-weight: 700;
  margin: 0 0 12px;
}
.grid-block-inner.mt-11 {
  margin-top: -1px;
}
.grid-block .grid-block-inner:nth-child(2n) {
  margin-left: -1px;
}
ul.solution-listings li {
  list-style: none;
  margin-bottom: 30px;
  width: 50%;
  display: inline-block;
  padding: 0 15px;
  vertical-align: top;
}
ul.solution-listings li .soul-data {
  background: #fff;
  height: 100%;
  box-shadow: 4px 4px 30px -2px rgb(0 0 0 / 0.08);
  padding: 20px 20px 5px;
  border-radius: 10px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.cts-block-new.blue-style-bg {
  background-image: linear-gradient(
    to right,
    #0c3280,
    #15409c,
    #1e4fb8,
    #255fd6,
    #2c6ff4
  );
  padding: 14px 33px 21px;
}
.cts-block-new.blue-style-bg::before {
  background: url(../img/curve-bg.png) right 0 no-repeat;
  position: absolute;
  right: 0;
  width: 747px;
  height: 370px;
  content: "";
  top: auto;
  z-index: -1;
  opacity: 1;
  bottom: 0;
}
.cts-figures {
  text-align: right;
  margin: 0 0 auto auto;
  padding-right: 20px;
}
.hire-python-developer .hiring-models {
  padding: 63px 0 78px;
  margin-top: 69px;
}
.hd-1.mt-6 {
  margin-top: 71px;
}
.expertise-models {
  margin: 80px auto 63px;
}
.python-frames {
  background: linear-gradient(to bottom, #fbf9ed 0, #fbeaf8 100%);
  padding: 60px 0 49px;
}
.custom-bullets {
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom-bullets li {
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, #ffffff 0%, #e6e6e6 50%, #ffffff 100%);
  border-image-slice: 1;
}
.cts-wrapper.nft-fold01 .cts-block-new,
.cts-wrapper.nft-fold03 .cts-block-new {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cts-wrapper.nft-fold02 {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: cover;
}
.nft-page .salesforce-devs-wrapper {
  background: #f7f8fc;
  padding: 60px 0 55px;
  margin: 0 0 78px;
}
.nft-page .ent-srv-blocks {
  padding: 61px 0 48px;
  margin: 74px auto 0;
  background-image: linear-gradient(
    to left bottom,
    #270a7f,
    #1f0973,
    #170868,
    #0f075c,
    #070551
  );
}
.needCard {
  background: #271a92;
  background: linear-gradient(280deg, #271a92 0, #140668 100%);
  border-radius: 20px;
  padding: 25px;
  position: relative;
  margin-top: 50px;
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
}
.need_card_title {
  font-size: 22px;
  font-weight: 700;
  padding-right: 45px;
  padding-top: 8px;
  padding-bottom: 20px;
  color: #fff;
}
.Benefitsdotnet .web-benefits-h3,
.TwoColBlock h2,
.nft-bft-title,
.nft-t-title,
.nft-t-title2,
.solTitle,
.t1,
h6 {
  font-weight: 600;
}
.need_card_des p {
  color: rgb(255 255 255 / 0.8);
  line-height: 25px;
  margin-top: auto;
  text-align: justify;
}
.needCard_img {
  position: absolute;
  top: -25px;
  right: 10px;
  max-width: 80px;
}
.nft-page .ent-srv-blocks .ob-description p {
  text-align: center;
  color: rgb(255 255 255 / 0.8);
}
.tools-techno-wrapper {
  background: linear-gradient(
    151deg,
    #fefefc 5%,
    #fff8ff 35%,
    #fef9f4 65%,
    #f9fbff 95%
  );
  margin: 0;
  padding: 59px 0;
}
.tools-techno-wrapper .features-panels .nav-tabs {
  border: 1px solid #c1e0ea;
  margin: 18px auto 10px;
}
.nft-tech-block,
.nft-tech-block2 {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 0 30px rgb(0 0 0 / 0.03);
}
.nft-tech-block {
  padding: 20px;
  display: flex;
  align-items: center;
  margin: 0 0 30px;
}
.nft-t-img {
  margin-right: 21px;
}
.nft-t-title {
  font-size: 19px;
}
.nft-tech-block2 {
  padding: 41px 25px 21px;
  margin: 0;
  height: 100%;
}
.nft-t-title2 {
  font-size: 22px;
  margin: 30px auto 22px;
}
.nft-page .devs-blocks {
  border-radius: 24px;
  box-shadow: none;
  border: 0;
}
.nft-page .salesforce-devs-wrapper .srvTitle {
  padding-left: 0;
  text-align: center;
  font-size: 22px;
}
.attr-img {
  text-align: center;
  margin: 13px auto 40px;
}
.attr-img img {
  max-height: 88px;
  width: auto;
}
.nft-dev-block {
  box-shadow: 0 1px 10px rgb(24 24 24 / 7%);
  border-radius: 9px;
  transition: 0.2s;
  height: 100%;
  overflow: hidden;
}
.cwd-block .nft-dev-block .exp-h3 {
  font-size: 21px;
  margin-bottom: 0;
  color: #000;
  padding: 22px;
}
.alcohal-apps .keyBenefits .benefits-h3,
.keyBenefits.automative-page .benefits-h3,
.nft-bft-title {
  font-size: 20px;
}
.nft-dev-desd {
  padding: 0 23px;
}
.nft-domains-wrapper {
  background: #1c1b1b;
  padding: 60px 0;
  margin: 70px auto 0;
  box-shadow: inset 2px 2px 81px rgb(99 69 237 / 0.25);
}
.nft-dm-block {
  height: 100%;
  background-color: #343444;
  padding: 25px 25px 7px;
  border: 1px solid rgb(255 255 255 / 0.15);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.nft-dm-block .domIcon {
  margin-bottom: 23px;
}
.nft-dm-block .domIcon img {
  width: 100%;
  border-radius: 20px;
  height: auto;
}
.nft-dm-block .srvTitle {
  text-align: center;
  color: #fff;
}
.domDesc p {
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}
.nft-domains-wrapper .ob-description p,
.nft-solution-wrapper .ob-description p {
  color: #d7d7d7;
}
.nft-domains-wrapper .ob-description p {
  color: #d7d7d7;
  margin-bottom: 18px;
}
.srv-title {
  margin: 0 auto 40px;
  color: #fff;
  text-align: center;
}
.nft-domains-wrapper .ob-description {
  margin: 23px auto 48px;
}
.nft-solution-wrapper {
  background: #222232;
  padding: 60px 0;
}
.solTitle {
  text-align: center;
  margin: 17px auto 0;
  color: #fff;
}
.nft-solution-wrapper .ob-description p {
  margin-bottom: 25px;
}
.solIcon {
  max-width: 130px;
  margin: 0 auto;
  text-align: center;
}
.nft-bft-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTktMDgtMTNUMTE6NDc6MTArMDU6MzA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxOS0wOC0xM1QxMTo0Nzo0NiswNTozMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTktMDgtMTNUMTE6NDc6NDYrMDU6MzA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MWVjNDdhY2ItYzczZS1jZTQ2LTg3Y2MtNjIxODNiNTk5MjI4PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjFlYzQ3YWNiLWM3M2UtY2U0Ni04N2NjLTYyMTgzYjU5OTIyODwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjFlYzQ3YWNiLWM3M2UtY2U0Ni04N2NjLTYyMTgzYjU5OTIyODwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoxZWM0N2FjYi1jNzNlLWNlNDYtODdjYy02MjE4M2I1OTkyMjg8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTktMDgtMTNUMTE6NDc6MTArMDU6MzA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTc8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTY8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI.expertise-dev-wrapper .mb-30CAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pk7rzJYAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAQ1JREFUeNqk0r8rxWEUx/GXb18Uy/0HKKMsTJS610CS2SY3hclEJoPBYNMtKZPIoMR4J5MfkQiTge3mX5BkYHm+dfvm3vu911nOOZ3zvJ/nfJ7Ttnh74x+2gELc4uEc9jCC2VYgAzhFO/KoRE0CCrhEB8ZQgWYgkyjjG1N4TwpZIRM4Q4wZvFYXs2gyjBN0Yx5X6YZGL+kLgBx2cfBXUxRUnkMJPVW1LhyhF/dYq3VTjG0sh3wI40G8LYziA0v4rAWJsI+XkOcxHXwC3sRzvZljPKGIa3RiI/gojFFqpHwi7AOOQzyIfvxgHV9ZIbATtEisjPMsS1QNecRFiO+wknWV08t2iDes1vuNtP0OAMGvLue2VjBkAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  padding-left: 34px;
  background-position: 0 5px;
}
.nft-bft-body {
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.domDesc,
.overlays {
  position: absolute;
  width: 100%;
}
.nft-bft-title {
  margin: 0 0 8px;
  color: #000;
}
.nft-benefits-wrapper {
  background: #f7f8fc;
  padding: 73px 73px 30px;
}
.t2 {
  font-size: 33px;
  color: #ef5c20;
  margin: 0 0 34px;
  font-weight: 700;
}
.benefits-img,
.single-post-block figure img {
  margin: 0 auto;
  text-align: center;
}
.nft-bft-desc p {
  font-size: 15px;
  line-height: 25px;
}
.cts-wrapper.mb-6 {
  margin-bottom: 79px;
}
.overlays {
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(240 89 7 / 0.95);
  overflow: hidden;
  height: 100%;
  transition: 0.5s;
}
.bottom-overlay {
  top: 100%;
  z-index: 3;
}
.domDesc {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  padding: 0 15px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.nft-dm-block:hover .bottom-overlay {
  top: 0;
  opacity: 1;
}
.nft-dm-block:hover .overlays {
  bottom: 0;
  height: 100%;
  width: 100%;
}
.tools-techno-wrapper #Standards {
  margin-top: 39px;
}
.tools-techno-wrapper .ob-description p {
  margin: 0 0 40px;
  text-align: center;
}
.tools-techno-wrapper .specific_fetaure > li {
  font-weight: 400;
  margin: 0;
  padding: 0 0 7px 27px;
  background-size: 14px;
  background-position: 0 5px;
}
.nft-marketplace-development .hero-banner-inner,
.nft-marketplace-development .hero-banner-item {
  height: 610px;
  min-height: auto;
}
@media (min-width: 1200px) {
  .nft-marketplace-development .container {
    max-width: 1200px;
  }
  .nft-marketplace-development .hero-banner-inner,
  .nft-marketplace-development .hero-banner-item {
    height: 610px;
    min-height: auto;
  }
}
@media (max-width: 767.98px) {
  .nft-marketplace-development .hero-banner-inner,
  .nft-marketplace-development .hero-banner-item {
    height: 320px;
    min-height: auto;
  }
  .cts-wrapper.nft-fold01 .cts-block-new {
    background-position: 0 0;
  }
  .nft-page .ent-srv-blocks .ob-description {
    margin: 12px 0;
  }
  .needCard {
    margin-top: 30px;
  }
  .nft-page .ent-srv-blocks .mb-30 {
    margin-bottom: 9px;
  }
  .needCard_img.needCrd_img_right {
    right: 27px;
    max-width: 60px;
  }
  .nft-page .ent-srv-blocks {
    padding: 57px 0 44px;
  }
  .nft-tech-block {
    margin: 0 0 12px;
  }
  .tools-techno-wrapper {
    padding: 55px 0 41px;
  }
}
@media (max-width: 991.98px) {
  .cts-wrapper.nft-fold03 .cts-block-new {
    background-position: 0 0;
  }
  .cts-wrapper.nft-fold02 {
    background-position: left 0;
  }
  .nft-page .cts-block-new {
    padding: 30px 15px 40px;
  }
  .benefits-img {
    margin: -20px auto 20px;
    max-width: 290px;
  }
}
@media (max-width: 1199.98px) {
  .nft-t-img2 img {
    max-height: 66px;
  }
  .nft-page .mernstak-service-wrapper .hd-1.text-center {
    margin-bottom: 37px !important;
  }
  .overlays {
    position: unset;
    background-color: #fff0;
  }
  .domDesc {
    position: unset;
    transform: none;
  }
  .nft-benefits-wrapper {
    padding: 73px 40px 30px;
  }
}
.appwork-block figure,
.checknewmobtech i,
.codestand-card i,
.emergingCard-mobileapp i,
.typesModelsimg {
  transform: translateY(-50%);
}
.single-post-block figure img {
  width: auto !important;
}
.single-post-block figure {
  margin: 0 auto 47px;
  text-align: center;
}
.page-h2.offer-h2 {
  margin: 61px 0 39px;
}
.mkt-offer-block {
  margin-bottom: 71px;
}
.marketplace-page .stages-figue img {
  max-width: 270px;
}
.salesforce-devs-wrapper.mkt-work {
  background: url(../img/hire-salesforce/wave-bg.png) repeat-x #f7fafb;
  padding: 60px 0 65px;
  margin-top: 80px;
}
.keyBenefits {
  background: #fff4f5;
  padding: 40px 0 52px;
  margin: 120px 0 70px;
  position: relative;
}
.keyBenefits::before {
  content: "";
  background: url(../img/fuel-delivery-app/circle-bg.png) center bottom/cover
    no-repeat;
  width: 100%;
  height: 75px;
  top: -70px;
  left: 0;
  z-index: -1;
  right: 0;
  margin: 0 auto;
}
.keyBenefits .page-h2 span {
  display: inline;
}
.benefits-box {
  background: #fff;
  border-radius: 10px;
  padding: 26px 26px 25px;
  border: 1px solid #fff0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  height: 100%;
  box-shadow: 0 0 32px rgb(0 0 0 / 0.07);
}
.benefits-box:hover {
  border: 1px solid #17ceff;
}
.benefits-box:hover .benefits-h figure img {
  filter: grayscale(100%) brightness(1000%) sepia(110%) hue-rotate(-50deg)
    saturate(0%) contrast(1);
}
.benefits-h img {
  max-height: 37px;
  width: auto;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.benefits-h {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.benefits-h figure {
  justify-content: center;
  flex: 0 0 78px;
  display: flex;
  align-items: center;
  margin-right: 15px;
  border-radius: 50%;
  background: #fff9f4;
  height: 78px;
  width: 78px;
  text-align: center;
  line-height: 75px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  margin-bottom: 0;
}
.benefits-h3 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
}
.bullets-points {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bullets-points li {
  position: relative;
  margin: 10px 0 0;
  color: var(--para-color);
  padding: 0 0 0 19px;
}
.bullets-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 6px;
  color: #ef5c20;
  width: 6px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='%23EF5C20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00001 7.33333C5.84095 7.33333 7.33334 5.84095 7.33334 4C7.33334 2.15905 5.84095 0.666668 4.00001 0.666668C2.15906 0.666668 0.666672 2.15905 0.666672 4C0.666672 5.84095 2.15906 7.33333 4.00001 7.33333Z' stroke='%23EF5C20' stroke-width='3'/%3E%3C/svg%3E%0A");
  font-weight: 900;
  border-radius: 50%;
}
.stages-wrapper {
  margin: 100px auto 127px;
}
.stages-wrapper .stage-height {
  position: relative;
  height: 815px;
}
.abs-image-stages {
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 480px;
}
.stage-num {
  color: #ffded7;
  font-size: 65px;
  font-weight: 100;
  line-height: normal;
}
.stage-name {
  font-size: 28px;
  font-weight: 600;
  margin: 30px 0 14px;
}
.stage-blocks {
  width: 350px;
  z-index: 1;
}
.stage-blocks.stage01 {
  bottom: 0;
  left: 15px;
}
.stage-blocks.stage05 {
  right: 15px;
  bottom: -60px;
}
.stage-blocks.stage04 {
  top: 185px;
  right: 0;
}
.stage-blocks.stage02 {
  top: 107px;
  left: 50px;
}
.stage-blocks.stage03 {
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 30px;
}
.features-panels h5 {
  text-align: left;
  color: #ef5c20;
  font-size: 25px;
}
.qCount {
  font-size: 25px;
  left: 0;
  top: 0;
  height: 100%;
  width: 67px;
  text-align: center;
  line-height: 62px;
}
.fuel-delivery-app ul.default-listing {
  margin: 0 0 9px;
}
.fuel-delivery-app .calssified-type-wrapper,
.fuel-delivery-app .salesforce-uses-wrapper {
  background: #f6faff;
}
.fuel-delivery-app ul.default-listing p {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 25px;
}
.fuel-delivery-app .cts-block-new.blue-style-bg {
  background: #020024;
  background: linear-gradient(90deg, #020024 0, #0c7d82 0, #39ebf4 100%);
  padding-bottom: 0;
}
.fuel-delivery-app .covid-safety h3 {
  font-weight: 600;
  color: #ef5c20;
  padding-left: 0;
  font-size: 23px;
}
.fuel-delivery-app .features-panels .tab-pane ul.bullets-points li {
  margin: 4px 0;
}
.fuel-delivery-app .section-space {
  margin: 65px auto;
}
.cts-block-new.fullBg {
  padding: 50px 50px 150px;
  z-index: 1;
  border-radius: 13px;
  background: url(../img/alcohal-app/alcohal-bg4.jpg) center center/cover
    no-repeat;
}
.cts-block-new.fullBg::after {
  background: url(../img/alcohal-app/bottlenew.png) center bottom no-repeat;
}
.pos-btn {
  padding: 14px 31px;
  font-size: 21px;
  border-radius: 50px;
  font-weight: 600;
  margin: 10px auto 0;
  display: inline-block;
}
.pos1 p {
  font-size: 22px;
  line-height: 1.3;
  margin: 0;
}
.pos1 {
  border-radius: 21px;
  font-size: 25px;
  padding: 35px 38px;
  margin: 30px auto;
}
.purple-bg {
  background: #7133d3;
}
.yellow-bg {
  background: #31e1c4;
}
.blue-bg {
  background: #f4a603;
}
.red-bg {
  background: #ff3b00;
}
.darkb-bg {
  background: #20163c;
}
.custom-pos {
  padding: 50px 0 20px;
}
.alcohal-apps .keyBenefits .benefits-h figure,
.keyBenefits.automative-page .benefits-h figure {
  align-items: center;
  display: flex;
  flex: 0 0 55px;
  height: 55px;
  width: 55px;
  line-height: 53px;
}
.alcohal-apps .keyBenefits .benefits-h img,
.keyBenefits.automative-page .benefits-h img {
  max-height: 28px;
  width: auto;
}
.alcohal-apps .stages-wrapper .some-description {
  max-width: 790px;
}
.alcohal-apps.fuel-delivery-app .stages-wrapper .stage-blocks {
  width: auto;
  position: unset;
}
.typesModelsimg {
  margin: 0 auto;
  text-align: center;
  max-width: 410px;
  left: 0;
  right: 0;
  top: 50%;
}
.homeExp,
.homeRev,
.revClients {
  border-radius: 50%;
  text-align: left;
  line-height: normal;
}
.srvimage {
  padding-right: 60px;
}
@media (min-width: 992px) {
  .stage-blocks.mt-45 {
    margin-top: 45px;
  }
}
.alcohal-apps .covid-safety .initiative-img img {
  max-width: 93%;
}
.expert-wrapper {
  margin: 109px auto;
}
.top-srv-block {
  margin: 0 auto 81px;
  z-index: 4;
  padding: 0 70px;
  position: relative;
}
.top-srv-block-inner {
  padding: 100px 0 68px;
}
.homesrv_image {
  margin: 0 0 0 auto;
  max-width: 450px;
  position: relative;
}
.homeExp div,
.homeRev div,
.revClients div {
  font-size: 17px;
}
.homeRev {
  background: #257ffb;
  width: 120px;
  height: 120px;
  bottom: 140px;
  font-size: 26px;
  padding: 33px 0 0 27px;
  left: -60px;
}
.homeExp,
.revClients {
  background: #fff;
  color: #000;
  box-shadow: 0 2px 20px rgb(0 0 0 / 0.07);
  position: absolute;
  right: 0;
}
.fs-h1,
.homeExp,
.revClients {
  font-size: 24px;
}
.revClients {
  width: 90px;
  height: 90px;
  top: 40px;
  padding: 19px 0 0 19px;
}
.homeExp {
  width: 120px;
  height: 120px;
  bottom: 20px;
  padding: 32px 0 0 17px;
}
.alcohal-apps.home-service-app .keyBenefits .benefits-h3 {
  font-size: 18px;
}
.gridLeft {
  grid-area: left;
}
.gridMid1 {
  grid-area: mid1;
  height: 350px;
}
.gridMid2 {
  grid-area: mid2;
  height: 335px;
}
.gridMid3 {
  grid-area: mid3;
}
.gridRight {
  grid-area: right;
}
.photogrid {
  display: grid;
  height: 700px;
  grid-template-columns: 4;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-areas: "left mid1 mid1 right" "left mid2 mid3 right";
  margin-bottom: 23px;
}
.advBlock {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 28px;
  color: #fff;
}
.advBlock figure {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
}
.advBlock figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: top;
}
.advBlock .adv-heading {
  color: #fff;
  font-size: 24px;
}
.advBlock p {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  text-align: justify;
}
.home-srv-advantages {
  background: url(../img/home-service-app/blue-bg.jpg) center/cover no-repeat
    fixed;
  padding: 62px 0;
  margin: 0 0 78px;
}
.keyFeatures-home {
  margin: 86px auto;
}
.key-panels .nav-tabs {
  border-bottom: 3px solid #c1e7ed;
  justify-content: space-around;
}
.key-panels .nav-tabs .nav-link {
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #807f7f;
  padding-bottom: 19px;
}
.blockChainpanel-content .page-h2 span,
.emergingCard-mobileapp h3 a,
.key-panels .nav-tabs .nav-item.show .nav-link,
.key-panels .nav-tabs .nav-link.active {
  color: #ef5c20;
}
.home-service-app .calssified-type-wrapper {
  margin: 87px auto 71px;
}
.keyText {
  text-align: justify;
  margin: 0 auto 25px;
}
.appwork-solution {
  background: #f4faff;
  padding: 76px 0;
}
.appwork-block {
  position: relative;
  height: 680px;
}
.appwork-block figure {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  padding: 0 45px;
}
.appwork-block-inner {
  position: absolute;
  max-width: 310px;
  width: 310px;
}
.appwork-block-inner h4,
.fuel-delivery-app.website-dev
  .calssified-type-wrapper.methods-wrapper
  .page-h2
  span {
  color: #f55c21;
}
.appwork-block-inner.apb-2 {
  top: 25px;
  left: 223px;
}
.appwork-block-inner.apb-4 {
  left: 670px;
  top: 50px;
}
.appwork-block-inner.apb-1 {
  bottom: -24px;
}
.appwork-block-inner.apb-3 {
  bottom: 50px;
  left: 440px;
}
.appwork-block-inner.apb-5 {
  bottom: 40px;
  right: 0;
}
.business-scratch-solution {
  position: relative;
  padding: 93px 0;
  z-index: 1;
}
.business-scratch-solution::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 90%;
  background: url(../img/home-service-app/blue-bg.jpg) center/cover no-repeat;
  z-index: -1;
}
.business-scratch-solution::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 290px;
  width: 100%;
  background: #148a9b;
  z-index: -2;
}
.business-scratch-solution .page-h2 span,
.lookingfor .page-h2 span {
  display: inline;
  color: #fff;
}
.lookingfor figure {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.lookingfor {
  overflow: hidden;
  padding: 60px 0 88px 412px;
  position: relative;
}
.lookingfor-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80%;
  background: #148a9b;
  z-index: -2;
}
.on-demand-home-service-marketplace .banner_heading span,
.website-development .banner_heading span {
  color: #60f6f4;
}
.homesrv-slider {
  max-width: 86%;
  margin: 0 0 0 auto;
}
.cts-block-new.fullBg::before {
  display: none;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  opacity: 0.3;
}
.websolution-imgs img {
  max-height: 68px;
  margin: 0 auto;
  text-align: center;
}
.websolution-imgs {
  margin: 0 auto 34px;
  text-align: center;
}
.cts-wrapper.cts-mp-mobile {
  margin: 32px auto 60px;
}
.stagesimg {
  position: absolute;
  top: 0;
}
.innerpagehero.automotive-software-development .nobe,
.nobe {
  top: -2px;
}
.solImage {
  text-align: center;
  margin: 0 auto 22px;
  max-width: 75%;
}
.solImage img {
  max-height: 80px;
}
.website-dev .stage-name {
  font-size: 23px;
  text-align: center;
  line-height: normal;
  margin: 40px auto 34px;
  background: #fe5f3a;
  border-radius: 50%;
  height: 270px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.stage-name.clr4 {
  background: #ffc902;
}
.stage-name.clr3 {
  background: #15c9bc;
}
.stage-name.clr2 {
  background: #331c92;
}
.webstage-blocks:hover .stage-name {
  animation: 1s infinite pulse;
  box-shadow: 0 0 0 rgb(0 33 53 / 0.7);
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(0 33 53 / 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px #fff0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 #fff0;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(0 33 53 / 0.7);
    box-shadow: 0 0 0 0 rgb(0 33 53 / 0.7);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px #fff0;
    box-shadow: 0 0 0 15px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
.fullstack-web-wrapper {
  color: #fff;
  margin: 90px auto;
  padding: 71px 0;
  background: url(../img/website-dev/shape-bg.png) right 0 / cover no-repeat
    #22215d;
}
.fullstack-web-wrapper .page-h2 span {
  color: #fff;
  padding-right: 160px;
}
.fs-h1 {
  font-weight: 400;
  margin: 19px auto 22px;
}
.ang-srv-m,
.fs-block,
.mt-6 {
  margin-top: 60px;
}
.methods-wrapper.calssified-type-wrapper {
  background: #fff !important;
  padding: 0 0 65px;
  margin: 0;
}
.methods-wrapper.calssified-type-wrapper .accordion > .card {
  margin: 25px 0;
  box-shadow: none;
  background-color: #fff0;
}
.methods-wrapper.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button:not(.collapsed)::after {
  font-size: 34px;
  color: #65c7c8;
  background: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2719 10.1359C20.2719 9.9599 20.2042 9.80417 20.0687 9.66875L10.6031 0.203125C10.4677 0.0677084 10.312 5.21541e-08 10.1359 5.21541e-08C9.9599 5.21541e-08 9.80417 0.0677084 9.66875 0.203125L0.203125 9.66875C0.0677083 9.80417 0 9.9599 0 10.1359C0 10.312 0.0677083 10.4677 0.203125 10.6031L1.21875 11.6187C1.35417 11.7542 1.5099 11.8219 1.68594 11.8219C1.86198 11.8219 2.01771 11.7542 2.15312 11.6187L10.1359 3.63594L18.1187 11.6187C18.2542 11.7542 18.4099 11.8219 18.5859 11.8219C18.762 11.8219 18.9177 11.7542 19.0531 11.6187L20.0687 10.6031C20.2042 10.4677 20.2719 10.312 20.2719 10.1359Z' fill='%2365C7C8'/%3E%3C/svg%3E%0A")
    center/20px no-repeat;
  right: 0;
  top: -3px;
}
.methods-wrapper.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button.collapsed::after {
  font-size: 34px;
  color: var(--brand-primary);
  background: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2719 1.68594C20.2719 1.86198 20.2042 2.01771 20.0687 2.15312L10.6031 11.6187C10.4677 11.7542 10.312 11.8219 10.1359 11.8219C9.9599 11.8219 9.80417 11.7542 9.66875 11.6187L0.203125 2.15312C0.0677083 2.01771 0 1.86198 0 1.68594C0 1.5099 0.0677083 1.35417 0.203125 1.21875L1.21875 0.203125C1.35417 0.0677083 1.5099 0 1.68594 0C1.86198 0 2.01771 0.0677083 2.15312 0.203125L10.1359 8.18594L18.1187 0.203125C18.2542 0.0677083 18.4099 0 18.5859 0C18.762 0 18.9177 0.0677083 19.0531 0.203125L20.0687 1.21875C20.2042 1.35417 20.2719 1.5099 20.2719 1.68594Z' fill='%23FD6151'/%3E%3C/svg%3E%0A")
    center/20px no-repeat;
  right: 0;
  top: -3px;
}
.methods-wrapper.calssified-type-wrapper .card-header .btn-link {
  font-weight: 600 !important;
  color: #858585;
  font-size: 23px;
  padding-left: 94px;
  padding-right: 36px;
  white-space: normal;
}
.methods-wrapper.calssified-type-wrapper
  .accordion
  .card-header
  .btn-link.accordion-button:not(.collapsed) {
  font-size: 27px;
}
.methods-wrapper.calssified-type-wrapper .card-body {
  padding: 2px 1.25rem 1.25rem 103px;
}
.methods-wrapper.calssified-type-wrapper .card-header {
  padding: 8px 8px 8px 0;
}
.methods-wrapper.calssified-type-wrapper .accordion:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ddd;
  height: calc(100% - 16px);
  left: 34px;
  top: 8px;
}
.methods-wrapper.calssified-type-wrapper .card:first-child .card-header {
  padding-top: 6px;
}
.methods-wrapper.calssified-type-wrapper .card:last-child .card-header {
  padding-bottom: 6px;
}
.methods-wrapper.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button:not(.collapsed)
  .srno {
  position: absolute;
  top: -7px;
  background: #23dccf;
  width: 65px;
  height: 65px;
  left: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-weight: 300;
  color: #fff;
  font-size: 38px;
}
.methods-wrapper.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button.collapsed
  .srno {
  position: absolute;
  top: 0;
  background: #ff5e39;
  width: 50px;
  height: 50px;
  left: 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  font-weight: 300;
  color: #fff;
  font-size: 23px;
}
ul.bulletList {
  margin: 40px auto 0;
  list-style: none;
  padding: 0;
}
ul.bulletList li {
  padding: 0 0 18px 35px;
  position: relative;
  display: block;
  color: var(--para-color);
  font-weight: 500;
}
ul.bulletList li::before {
  content: "";
  position: absolute;
  font-weight: 900;
  top: 0;
  color: #32bea6;
  font-size: 21px;
  left: 0;
  line-height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.625 0C5.20467 0 0 5.20467 0 11.625C0 18.0453 5.20467 23.25 11.625 23.25C18.0453 23.25 23.25 18.0453 23.25 11.625C23.25 5.20467 18.0453 0 11.625 0ZM11.625 2.25C16.8062 2.25 21 6.44302 21 11.625C21 16.8062 16.807 21 11.625 21C6.44381 21 2.25 16.807 2.25 11.625C2.25 6.44381 6.44302 2.25 11.625 2.25ZM18.1971 8.35627L17.1407 7.29136C16.9219 7.07081 16.5658 7.06936 16.3452 7.28817L9.71934 13.8608L6.91659 11.0353C6.69783 10.8148 6.34167 10.8133 6.12113 11.0321L5.05617 12.0885C4.83563 12.3072 4.83417 12.6634 5.05298 12.884L9.30834 17.1738C9.52711 17.3943 9.88327 17.3958 10.1038 17.177L18.1939 9.15178C18.4144 8.93297 18.4158 8.57681 18.1971 8.35627Z' fill='%2332BEA6'/%3E%3C/svg%3E%0A");
}
.hire-website-dev-wrapper {
  background: #f6faff;
  padding: 65px 0;
  margin-bottom: 61px;
}
.webSolution-wrapper {
  background: #fff4f5;
  padding: 73px 0;
  margin-bottom: 0;
}
.last-solution {
  text-align: center;
  max-width: 550px;
  margin: 40px auto 0;
}
.mouse,
.nobe {
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
}
.webSolution-wrapper .initiative-img {
  padding: 0 30px;
  margin: 0;
}
.fuel-delivery-app.website-dev .calssified-type-wrapper {
  background: #070730;
  color: #fff;
  margin-top: 0;
}
.mouse {
  width: 34px;
  height: 55px;
  border: 3px solid #fff;
  border-radius: 60px;
  top: -83px;
  z-index: 12;
}
.mouse::before {
  content: "";
  width: 5px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 3px;
  opacity: 1;
  animation: 2s infinite wheel;
  -webkit-animation: 2s infinite wheel;
}
@keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 30px;
  }
}
.pdlr-0.col-01.all0 {
  max-width: 100%;
  padding: 0;
}
.homesrv-slider {
  margin-right: auto;
  margin-left: 0;
}
.MobileAppDevelopmentNew {
  background-color: #fff;
  border-radius: 75px 75px 0 0;
}
.mobilemajorTech-left {
  flex: 0 0 calc(100% - 340px);
  -ms-flex: 0 0 calc(100% - 340px);
  max-width: calc(100% - 340px);
}
.mobilemajorTech-right {
  flex: 0 0 340px;
  -ms-flex: 0 0 340px;
  max-width: 340px;
  text-align: left;
  padding-left: 30px;
  margin-top: 140px;
}
.mobilemajorTech-left ul > li {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}
.mobilemajorTech-card {
  overflow: hidden;
  padding: 10px 10px 15px;
  background-color: #fff;
  border-radius: 20px;
}
.mobilemajorTech-card figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
}
.mobilemajorTech-cardinner {
  padding: 5px 10px;
}
.mobilemajorTech-cardinner h3 {
  font-size: 22px;
  color: #1c1c1c;
}
.checknewmobtech {
  font-size: 13px;
  color: #454545;
  display: block;
  line-height: 22px;
  margin: 4px 0;
  position: relative;
  padding-left: 22px;
}
.checknewmobtech i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
}
.checknewmobtech i svg {
  width: 18px;
  fill: #32bea6;
}
.mobilemajorTech-cardinner p {
  margin: 0 0 10px;
}
.mobilemajorTech-left > ul > li:nth-child(2),
.mobilemajorTech-left > ul > li:nth-child(4) {
  margin-top: 40px;
}
.doctor-on-demand .bft-block,
.mobilemajorTech-left > .row [class*="col-"]:first-child .mobilemajorTech-card,
.workflowhead {
  margin: 0 0 40px;
}
.mobilemajorTech-left
  > .row
  [class*="col-"]:nth-child(2)
  .mobilemajorTech-card {
  margin-bottom: 40px;
  margin-top: 40px;
}
.mobilemajorTech-left > .row [class*="col-"]:nth-child(2) {
  margin-top: 50px;
}
.solutionoffer-mobiledev {
  background-color: #0d032e;
  padding: 75px 0 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.sohead-mobiledev p {
  text-align: center;
  color: #fff;
  max-width: 820px;
  margin: 0 auto;
}
.solutionoffer-content {
  background: #6a58f4;
  background: -moz-linear-gradient(-45deg, #6a58f4 0, #fc686f 100%);
  background: -webkit-linear-gradient(-45deg, #6a58f4 0, #fc686f 100%);
  background: linear-gradient(135deg, #6a58f4 0, #fc686f 100%);
  padding: 40px 30px;
  border-radius: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.solutionoffer-content .sol-title {
  font-weight: 700;
  color: #fff;
  font-size: 22px;
  margin: 15px 0;
}
.solutionoffer-content p {
  color: #fff;
  margin: 0;
}
.solutionoffer-icon {
  width: 70px;
  height: 70px;
}
.solutionoffer-icon img {
  margin: 0;
  width: auto;
  max-height: 40px;
  object-fit: contain;
}
.solutionoffer-wall {
  mix-blend-mode: lighten;
}
.appdevservice-new {
  background-color: #0d032e;
}
.appdevservice-Inner {
  background-color: #fff;
  border-radius: 75px 75px 0 0;
  padding: 100px 0 80px;
}
.appdevservice-contntInner p {
  font-size: 15px;
  color: #454545;
  margin: 0;
  text-align: justify;
}
.appdevservice-contntInner ul > li {
  position: relative;
  padding-left: 70px;
}
.appdevservice-contntInner ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #0bc5b8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.13969 11.2974L2.77386 17.2118C2.73156 17.3909 2.74426 17.5785 2.81029 17.7503C2.87632 17.9221 2.99261 18.0699 3.14398 18.1745C3.29535 18.2792 3.47475 18.3358 3.65876 18.3368C3.84278 18.3379 4.02284 18.2835 4.17544 18.1807L9.16669 14.8532L14.1579 18.1807C14.3141 18.2843 14.4982 18.3377 14.6856 18.3336C14.873 18.3295 15.0546 18.2681 15.2061 18.1577C15.3575 18.0473 15.4715 17.8931 15.5327 17.716C15.594 17.5389 15.5995 17.3472 15.5485 17.1668L13.8719 11.3002L18.0299 7.55835C18.1631 7.43843 18.2582 7.28212 18.3035 7.10873C18.3488 6.93534 18.3422 6.75249 18.2847 6.58278C18.2271 6.41306 18.1211 6.26394 17.9797 6.15385C17.8383 6.04376 17.6677 5.97753 17.4891 5.96334L12.2632 5.54718L10.0018 0.541262C9.92967 0.380071 9.81245 0.243194 9.66427 0.14715C9.51609 0.051106 9.34328 0 9.16669 0C8.99011 0 8.8173 0.051106 8.66912 0.14715C8.52093 0.243194 8.40372 0.380071 8.33161 0.541262L6.07019 5.54718L0.844274 5.96243C0.668692 5.97634 0.500834 6.04054 0.360783 6.14735C0.220732 6.25416 0.114418 6.39906 0.0545595 6.56471C-0.00529868 6.73035 -0.0161663 6.90974 0.0232569 7.08141C0.0626802 7.25307 0.150725 7.40974 0.276858 7.53268L4.13969 11.2974V11.2974ZM6.75494 7.33193C6.91856 7.31904 7.0757 7.26237 7.20989 7.16786C7.34407 7.07335 7.45036 6.94448 7.51761 6.79476L9.16669 3.14551L10.8158 6.79476C10.883 6.94448 10.9893 7.07335 11.1235 7.16786C11.2577 7.26237 11.4148 7.31904 11.5784 7.33193L15.2194 7.62068L12.221 10.3193C11.9607 10.554 11.8571 10.9152 11.9524 11.2525L13.101 15.2721L9.67636 12.9887C9.52604 12.8878 9.3491 12.8339 9.16807 12.8339C8.98703 12.8339 8.81009 12.8878 8.65977 12.9887L5.08111 15.3748L6.04361 11.2076C6.0789 11.0543 6.07416 10.8946 6.02985 10.7437C5.98555 10.5928 5.90316 10.4558 5.79061 10.3459L3.00577 7.63076L6.75494 7.33193V7.33193Z' fill='white'/%3E%3C/svg%3E%0A");
}
.emerging-mobile-app {
  background-color: #fff4f5;
  border-radius: 75px 75px 0 0;
  padding: 80px 0 100px;
}
.emergingCard-mobileapp {
  background-color: #fff;
  height: 100%;
  padding: 55px 15px 15px;
  border-radius: 20px;
  position: relative;
}
.emergingCard-mobileapp i {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  background-color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.emergingCard-mobileapp i img {
  max-height: 37px;
  width: auto;
}
.emergingCard-mobileapp h3 {
  font-size: 21px;
  text-align: center;
  color: #ef5c20;
  font-weight: 700;
  margin: 0 auto 21px;
}
.emergingCard-mobileapp p {
  text-align: center;
  margin: 0;
}
.appdevservice-contnt {
  margin-top: 80px;
}
.emergingEvol-block {
  background: #1d0f47;
  background: -moz-linear-gradient(-45deg, #1d0f47 0, #30287d 100%);
  background: -webkit-linear-gradient(-45deg, #1d0f47 0, #30287d 100%);
  background: linear-gradient(135deg, #1d0f47 0, #30287d 100%);
  border-radius: 35px;
  text-align: center;
}
.emergingEvol-inner {
  padding: 40px 15px 45px;
  max-width: 95%;
  margin: 0 auto;
}
.emergingEvol-inner .emerge-title,
.emergingEvol-inner h2 {
  display: block;
  margin: 0 0 25px;
  color: #86b6ff;
  font-size: 36px;
  line-height: normal;
}
.agilewrap {
  margin: 60px 0 20px;
}
.agilewrap p {
  padding-left: 40px;
  margin: 0;
}
.agileUi-block {
  padding: 80px 0 0;
}
.agileUi-block ul {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.agileUi-block ul > li {
  position: absolute;
  max-width: 350px;
  width: 100%;
}
.agileUi-desktop {
  text-align: center;
  max-width: 690px;
  margin: 0 auto;
}
.agileUi-block ul > li p {
  padding: 0;
  font-size: 15px;
  line-height: 24px;
}
.agileUi-inner {
  position: relative;
  padding: 110px 0 0;
}
.agileUi-block ul > li:first-child {
  bottom: 60px;
}
.agileUi-block ul > li:nth-child(2) {
  left: 120px;
  top: 10px;
}
.agileUi-block ul > li:nth-child(3) {
  right: 110px;
  top: 10px;
  max-width: 370px;
}
.agileUi-block ul > li:nth-child(4) {
  right: 0;
  bottom: 40px;
  max-width: 310px;
}
.agileUi-block ul > li h3 {
  font-size: 22px;
}
.codestand-mobiledev {
  background-color: #fff4f5;
  border-radius: 75px 75px 0 0;
  padding: 80px 0 30px;
  margin: 0 0 70px;
}
.codestand-card {
  position: relative;
  padding-left: 140px;
  margin: 0 0 40px;
}
.codestand-card i {
  position: absolute;
  left: 0;
  top: 50%;
  max-width: 120px;
}
.codestand-card h3 {
  color: #ef5c20;
  font-size: 18px;
  font-weight: 600;
}
.heroContent .rfq-link {
  margin: 15px 0 0;
}
.blockchain-dev-wrapper {
  background: url(../img/blockchain-company/blockchain-dev.png) 0 center
    no-repeat #11034f;
  padding: 60px 0;
}
.bfts-desc p,
.blockchain-dev-wrapper p,
.doctor-app-half p,
.doctor-app-wrapper .basic-text p {
  color: #a7b7f2;
}
.blockchain-benefits-wrapper {
  background: #11034f;
  padding: 0 0 90px;
}
.blockchain-benefits-wrapper .sohead-mobiledev p {
  color: #a7b7f2;
  max-width: 100%;
}
.blc-darkbg {
  padding: 40px;
  background: #1b0a6a;
  border-radius: 30px;
}
.blockchainNetwork-block,
.codestand-blockchaindev {
  background-color: #11034f;
}
.bfts-icon {
  margin: 0 0 5px;
  height: 59px;
}
.bfts-title {
  color: #fff;
  font-size: 25px;
  margin: 0 0 14px;
}
.blockchainNetwork-block {
  border-radius: 40px;
  padding: 60px 40px;
  margin: 80px 0 -60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.bcnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px;
}
.bcnList > li {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  padding: 10px;
}
.bcnList-card {
  background-color: #1b0a6a;
  border-radius: 16px;
  padding: 15px 25px 15px 10px;
  display: flex;
  height: 100%;
  align-items: center;
}
.bcnList-wall {
  margin: 0;
  flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  max-width: 110px;
  text-align: center;
}
.bcnList-wall img {
  max-width: 60px;
}
.bcnList-wall figcaption {
  margin-top: 15px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.bcnList-text p {
  color: #848fd9;
  margin: 0;
  font-size: 14px;
}
.bcnList > li:nth-child(2n + 2) .bcnList-card {
  margin-top: -15px;
}
.blockchainNetwork-block .basic-text {
  margin-top: 40px;
  padding-left: 15px;
}
.blockchainNetwork-block .basic-text .page-h2 span {
  color: #ff5e39;
}
.blockchainNetwork-block .basic-text p {
  color: #a7b7f2;
  margin: 0;
  line-height: 28px;
}
.bcn-moon {
  position: absolute;
  right: -30px;
  bottom: -40px;
  max-width: 200px;
}
.bcservice-offer {
  background-color: #f4f9ff;
  border-radius: 75px 75px 50px 50px;
  padding: 140px 0 40px;
  margin: 0 0 100px;
}
.bcservice-wall {
  margin: 50px 0 0;
}
.bcTech-head .page-h2,
.bcservice-offer .basic-text .page-h2 {
  color: #11034f;
}
.bcservice-offer .basic-text p,
.bcsmartControl-head p,
.hire-angularjs-developer .bcTech-head p {
  color: #000;
}
.alcohal-apps .stage-name {
  font-size: 21px;
  text-align: left;
  margin: 10px auto;
  background: 0 0;
  border-radius: unset;
  height: auto;
  font-weight: 700;
  color: #000;
  display: block;
}
.bcsmartControl-head .page-h2 {
  color: #11034f;
  margin: 0 0 20px;
}
.bcsmartControl-head {
  max-width: 790px;
  margin: 0 auto 80px;
  text-align: center;
}
.bcsmartControl-wall {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  max-width: 520px;
  margin: 0 auto;
}
.bcsmartControl-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.bcsmartControl-card h3 {
  font-size: 18px;
  font-weight: 500;
  color: #ef5c20;
  margin: 0 0 12px;
}
.bcsmartControl-card p {
  color: #454545;
  font-size: 14px;
  line-height: 21px;
}
.bcsmartControl-list > li {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
}
.bcsmartControl-card {
  max-width: 310px;
}
.blockChain-features-panel.features-panels .nav-tabs .nav-item .nav-link {
  font-size: 16px;
  padding: 0.4rem 0.8rem;
  margin: 5px 0;
}
.blockChain-features-panel.features-panels .nav-tabs {
  border: 1px solid #c1e0ea;
  border-radius: 30px;
  padding: 18px 10px;
}
.fuel-delivery-app .blockChainFeature-head p {
  text-align: center;
  color: #11094a;
  margin: 0 0 30px;
}
.blockChain-features-panel {
  background-color: #fff4f5;
  padding: 50px 0;
}
.blockChainpanel-content {
  text-align: left;
  max-width: 510px;
}
.TwoColContent,
.bcTech-block {
  margin: 70px 0;
}
.bcTech-head {
  max-width: 840px;
  margin: 0 auto 60px;
}
.bcTech-card h3,
.bcTech-card h3 a {
  font-size: 19px;
  color: #ef5c20;
  font-weight: 700;
}
.bcTech-card p {
  font-size: 15px;
  color: #000;
  line-height: 20px;
  margin: 0;
}
.keyBenefits.automative-page {
  background: 0 0;
  margin: 57px 0 0;
}
.keyBenefits.automative-page .benefits-box {
  box-shadow: 0 0 31px rgba(0 0 0, 0.05);
}
.learn_more_btn {
  background-color: #1ed4d2;
}
.learn_more_btn:hover {
  background-color: #ef5c20;
}
.healthcare-software-development .hero-banner-item img,
.hire-dot-net-core-developer .hero-banner-item img {
  object-position: bottom;
}
.accordion.logistics-cards .card-body {
  padding: 1.25rem 1.25rem 1.25rem 4.25rem;
}
.cardnumber {
  color: #fff;
  position: absolute;
  width: 34px;
  height: 34px;
  font-size: 18px;
  background: #f55c21;
  border-radius: 50%;
  left: 20px;
  line-height: 30px;
  text-align: center;
  top: 24px;
}
.innerpagehero.logistics-software-development .homesrv-slider {
  max-width: 95%;
}
.mini-heading {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #ef5c20;
}
.features-panels .why-title {
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 9px;
  color: var(--para-color);
}
.b2b-portal-development .bullets-points li::before {
  top: 10px;
}
.hire-angularjs-developer .hero-banner-inner,
.hire-angularjs-developer .hero-banner-item,
.hire-dot-net-core-developer .hero-banner-inner,
.hire-dot-net-core-developer .hero-banner-item {
  height: 650px;
}
.hire-angularjs-developer figure.homesrv-slider {
  max-width: 700px;
  margin: 0 auto -30px;
}
.hire-angularjs-developer .rfq-link,
.hire-dot-net-core-developer .rfq-link {
  margin: 10px 0 20px;
  font-size: 22px;
}
.TwoColBlock h2 {
  font-size: 37px;
  margin: 0 0 21px;
}
.TwoColBlock p,
.scaleupList > li p {
  margin: 0;
  text-align: justify;
}
.scaleup-section {
  position: relative;
  background: #faf6ff;
}
.scaleup-section .blueBg {
  background-color: #100f3a;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.scaleupIcon {
  width: 65px;
  height: 65px;
  background-color: #ff5e39;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -5px;
}
.scaleupIcon img {
  width: 28px;
}
.scaleupList > li {
  position: relative;
  padding-left: 88px;
  padding-right: 30px;
}
.scaleupList > li h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.scaleupList > li p {
  font-size: 14px;
  line-height: 23px;
  color: #fff;
}
.scaleup-content {
  max-width: 500px;
  margin: 0 0 0 auto;
  padding: 70px 0 0;
}
.hire-angularjs-developer
  .calssified-type-wrapper
  .card-header
  .btn-link:hover {
  color: #65d1cc;
}
.hire-angularjs-developer .keyBenefits {
  margin: 0;
  padding-top: 80px;
}
.hire-angularjs-developer .solutionoffer-content {
  background: #350a54;
  background: -moz-linear-gradient(-45deg, #350a54 0, #f9001c 100%);
  background: -webkit-linear-gradient(-45deg, #350a54 0, #f9001c 100%);
  background: linear-gradient(135deg, #350a54 0, #f9001c 100%);
}
.hire-angularjs-developer
  .solutionoffer-block
  > .row
  > [class*="col-"]:nth-child(2n + 2)
  .solutionoffer-content {
  background: #100f3a;
}
.hire-angularjs-developer .bcTech-block {
  margin-top: 0;
  padding: 70px 0;
}
.hire-angularjs-developer .bcTech-content ul {
  counter-reset: counter;
}
.hire-angularjs-developer .bcTech-content ul li:before {
  content: "0" counter(counter);
  counter-increment: counter;
  font-size: 30px;
  font-weight: 400;
  color: rgb(9 25 44 / 48%);
}
.excellenceBlock {
  background: #72032d;
  background: -moz-linear-gradient(top, #72032d 0, #100f3a 100%);
  background: -webkit-linear-gradient(top, #72032d 0, #100f3a 100%);
  background: linear-gradient(to bottom, #72032d 0, #100f3a 100%);
  padding: 70px 0;
}
.excellenceBlock .page-h2,
.excellenceBlock .page-h2 span {
  color: #fff;
  line-height: normal;
  text-align: center;
}
.excellenceList {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.excellenceList-head {
  padding: 10px 20px;
  background-color: #e93106;
  color: #fff;
  font-weiggetquote_bxht: 500;
  font-size: 18px;
  display: inline-block;
  text-align: left;
  max-width: 75%;
  width: 100%;
  margin: 0 0 20px;
  position: relative;
}
.excellenceList-head:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  background-color: #e93106;
  height: 100%;
  transform: skew(-10deg, 0);
  width: 20px;
}
.excellenceList > li {
  margin: 0 0 60px;
  padding: 0 15px;
  position: relative;
}
.excellenceList > li ol > li {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 33px;
}
.excellenceList > li:first-child {
  flex: 0 0 23%;
  -ms-flex: 0 0 23%;
}
.excellenceList > li:nth-child(2) {
  flex: 0 0 32%;
  -ms-flex: 0 0 32%;
}
.excellenceList > li:nth-child(3) {
  flex: 0 0 20%;
  -ms-flex: 0 0 20%;
}
.excellenceList > li:nth-child(4) {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
}
.excellenceList > li:not(:last-child):after {
  content: "";
  right: 30px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgb(255 255 255 / 30%);
  position: absolute;
}
.hire-angularjs-developer .calssified-type-wrapper {
  background: #100f3a;
  margin: 0 auto 71px;
}
.hire-angularjs-developer .card {
  background-color: rgb(255 255 255 / 0.07);
}
@media (min-width: 992px) {
  .covid-safety .col-01 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .pdlr-0 {
    padding: 0;
  }
  .bcTech-content {
    position: relative;
    padding: 150px 0;
  }
  .bcTech-content > ul > li:first-child {
    left: 0;
  }
  .bcTech-content > ul > li:nth-child(2) {
    left: 20%;
  }
  .bcTech-content > ul > li:nth-child(3) {
    left: 40%;
  }
  .bcTech-content > ul > li:nth-child(4) {
    left: 60%;
  }
  .bcTech-content > ul > li:nth-child(5) {
    left: 80%;
  }
  .bcTech-content > ul > li:nth-child(odd) {
    bottom: 0;
  }
  .bcTech-card img {
    display: none;
  }
  .bcTech-content ul,
  .bcTech-content > ul > li {
    position: absolute;
    display: flex;
    width: 100%;
  }
  .bcTech-content > ul > li {
    max-width: 260px;
    min-height: 200px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .bcTech-content ul {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
  .hire-angularjs-developer .bcTech-content {
    padding: 100px 0;
  }
  .hire-angularjs-developer .bcTech-card p {
    font-size: 14px;
  }
  .hire-angularjs-developer .bcTech-content > ul > li {
    max-width: 320px;
    min-height: 160px;
  }
  .hire-angularjs-developer .bcTech-content > ul > li:nth-child(2) {
    left: 25%;
  }
  .hire-angularjs-developer .bcTech-content > ul > li:nth-child(4) {
    left: unset;
    right: 0;
    top: -60px;
  }
  .hire-angularjs-developer .bcTech-content > ul > li:nth-child(3) {
    left: 50%;
  }
  .hire-angularjs-developer .bcTech-wall img {
    max-width: 990px;
  }
}
.hire-dot-net-core-developer figure.homesrv-slider {
  max-width: 700px;
  margin: 0 auto 30px;
}
.hire-dot-net-core-developer .mouse {
  top: -60px;
}
.hire-dot-net-core-developer .solutionoffer-icon {
  width: 53px;
  height: 53px;
}
.hire-dot-net-core-developer
  .hire-angularjs-developer
  .solutionoffer-block
  > .row
  > [class*="col-"]:nth-child(2n + 2)
  .solutionoffer-content,
.hire-dot-net-core-developer .solutionoffer-content {
  background: #632a96;
  background: -moz-linear-gradient(
    -45deg,
    #632a96 0,
    #9460e3 70%,
    #68ecfc 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    #632a96 0,
    #9460e3 70%,
    #68ecfc 100%
  );
  background: linear-gradient(135deg, #632a96 0, #9460e3 70%, #68ecfc 100%);
}
.hire-dot-net-core-developer .solutionoffer-wall {
  mix-blend-mode: unset;
}
.hire-dot-net-core-developer .Benefitsdotnet {
  background: url(../img/dot-net-core/dotnet-bannerfull.jpg) 0 0 / cover #020105;
  padding: 80px 0 50px;
  margin: 0 0 70px;
}
.Benefitsdotnet .hd-1 span {
  display: block;
  color: #fff;
  font-weight: 400;
}
.Benefitsdotnet .benefits-box p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.Benefitsdotnet .benefits-box {
  padding-top: 0;
}
.Benefitsdotnet .websolution-imgs img {
  max-width: 90px;
}
.Benefitsdotnet .websolution-imgs {
  display: table;
  margin: -15px 0 20px;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.portfolio-overlay .icon li a svg,
.similar-project-box .icon li a svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
.view_project_btn svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  fill: #fff;
  display: inline-block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  background: 0;
  border: 0;
  font-size: 0;
  padding: 0;
}
.owl-dots {
  margin-top: 5px;
  text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span {
  background-color: #50adac;
}
.technoimg ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.technoimg ul li {
  align-items: center;
  margin: 19px 39px;
}
.radius-1 {
  border-radius: 10px;
}
.mean-stack-development-company .choose-list li {
  font-size: inherit;
}
.home .rightContact_bx,
.home-new .rightContact_bx {
  display: flex;
  gap: 10px;
}
.doctor-app-wrapper {
  background-color: #1c208e;
  padding: 120px 0 100px;
}
.doctor-app-half {
  max-width: 80%;
  margin-left: auto;
  margin-top: -120px;
  z-index: 2;
  position: relative;
  background-color: #080b52;
  border-top-left-radius: 75px;
  padding: 55px 65px 35px;
}
.custom-software-development .heroContent ul > li > p {
  font-size: 15px;
  margin: 14px 0 0;
  line-height: 21px;
}
.custom-software-development .heroContent ul > li {
  padding-left: 22px;
  position: relative;
}
.custom-software-development .heroContent ul > li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #fff;
}
.custom-software-development .websolution-imgs img {
  max-width: 100px;
}
.custom-software-development ul.choose-list li {
  font-size: inherit;
  margin: 30px 0;
}
.custom-software-development .choose-list li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1 4.95H16.0605C16.1285 4.60415 16.1627 4.25249 16.1625 3.9C16.1625 1.65403 14.5185 0 11.85 0C9.72586 0 9.17798 2.27517 8.30119 3.693C7.93861 4.27486 7.50459 4.78598 7.08942 5.25173L7.08328 5.25858L7.07723 5.26552C6.35916 6.0847 5.98894 6.375 5.6625 6.375H5.53692C5.26753 6.14288 4.90242 6 4.50005 6H1.5C0.671578 6 0 6.60441 0 7.35V18.15C0 18.8956 0.671578 19.5 1.5 19.5H4.5C4.90238 19.5 5.26748 19.3571 5.53688 19.125H5.66245C7.0072 19.125 8.8095 21 11.625 21H12.6233C15.555 21 17.2546 19.1879 17.308 16.7276C17.8931 15.8926 18.1748 14.8158 18.0573 13.7843C18.2243 13.4565 18.3492 13.109 18.429 12.75H20.1C22.2298 12.75 24 10.9882 24 8.85C24 6.73598 22.214 4.95 20.1 4.95ZM20.1 10.5H15.8332C16.4349 11.1876 16.5089 12.5074 15.6011 13.3617C16.1274 14.2826 15.6802 15.5003 14.9953 15.8754C15.3011 17.7095 14.523 18.75 12.6234 18.75H11.625C9.49261 18.75 8.00578 17.0666 6 16.8902V8.60489C7.18308 8.46595 8.01403 7.61011 8.76914 6.74883C9.29766 6.15586 9.7875 5.56289 10.2128 4.87969C10.8916 3.78338 11.4378 2.25 11.85 2.25C12.9457 2.25 13.9125 2.6625 13.9125 3.9C13.9125 5.55 12.675 6.38789 12.675 7.2H20.1C20.9637 7.2 21.75 7.97344 21.75 8.85C21.75 9.73945 20.9895 10.5 20.1 10.5ZM4.125 16.5C4.125 17.1213 3.62133 17.625 3 17.625C2.37867 17.625 1.875 17.1213 1.875 16.5C1.875 15.8787 2.37867 15.375 3 15.375C3.62133 15.375 4.125 15.8787 4.125 16.5Z' fill='%23ff5e39'/%3E%3C/svg%3E%0A");
}
.custom-software-development .choose-ob-wrapper {
  margin: 0 auto;
  background: #ff5e39;
}
.custom-software-development .methods-wrapper .card-header h2 {
  height: 25px;
}
.static_certification .clutch_certification img {
  filter: unset;
}
.doctor-on-demand .initiative-img {
  width: 36%;
}
.doctor-on-demand .covid-safety .col-01:nth-child(odd) {
  padding-right: 20%;
}
.doctor-on-demand .covid-safety .col-01:nth-child(2n) {
  padding-left: 20%;
}
.doctor-on-demand .covid-safety p {
  font-size: 15px;
  line-height: 24px;
}
.doctor-on-demand .blockchain-benefits-wrapper {
  background: #080b52;
  padding: 80px 0;
}
.doctor-on-demand .blockchain-benefits-wrapper .container {
  max-width: 1500px;
}
.doctor-on-demand .blc-darkbg {
  padding: 40px 40px 10px;
  border-radius: 0;
  background: #006fec;
}
.doctor-on-demand .bfts-icon {
  margin: 0 0 15px;
  height: 65px;
}
.doctor-on-demand .bfts-title {
  font-size: 20px;
  margin: 0 0 12px;
  font-weight: 700;
}
.doctor-on-demand .bfts-desc p {
  color: #fff;
  font-size: 15px;
  line-height: 23px;
}
.doctor-on-demand .features-panels .nav-tabs {
  border: 0;
  background: 0 0;
}
.doctor-on-demand .features-with-tabs {
  margin: 0;
  padding: 50px 0;
}
.workflowBlock {
  background-color: #fff4f5;
  margin: 80px 0 0;
}
.workflow-content {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  padding: 44px;
}
.workflowhead .page-h2 {
  font-weight: 800;
  color: #fff;
  font-size: 36px;
  margin: 0 0 15px;
}
.workflow-content p {
  color: #fff;
  margin: 0 0 10px;
}
.workflow-content ul > li {
  font-size: 16px;
  color: #fff;
  position: relative;
  margin: 0 0 11px;
  padding-left: 30px;
}
.workflow-content ul > li:before {
  position: absolute;
  left: 0;
  top: 1px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cellipse style='fill:%2332BEA6;' cx='256' cy='256' rx='256' ry='255.832' /%3E%3Cpolygon style='fill:%23FFFFFF;' points='235.472,392.08 114.432,297.784 148.848,253.616 223.176,311.52 345.848,134.504 391.88,166.392 ' /%3E%3C/svg%3E");
  background-size: 18px;
  width: 18px;
  height: 18px;
}
.blog-description h4,
.tbl-h5 {
  font-size: 19px;
}
html {
  scroll-behavior: smooth;
}
.tbl-h5 {
  font-weight: 800;
  margin: 30px 0 18px;
}
.table-content {
  background: #f9f9f9;
  padding: 1px 29px;
}
.fuel-delivery-app .section-space.mt-0 {
  margin-bottom: 0 !important;
}
.MobileAppDevelopmentNew .emergingEvol-wrap {
  margin-top: 83px;
}
.devops-Page .emerging-mobile-app {
  background-color: #f4f4f4;
  border-radius: 0;
  padding: 70px 0 90px;
  margin-top: 70px;
}
.devops-Page .codestand-mobiledev {
  background-color: #fff0;
  border-radius: 0;
  padding: 70px 0 30px;
  margin: 0 0 30px;
}
.blockchain-development .hero-banner-item:before,
.custom-file-label::after,
.custom-software-development .keyBenefits::before,
.desktop-mega-element,
.devops-consulting-services .hero-banner-item:before,
.drupal-development .hero-banner-item:before,
.explore_categories .owl-next span,
.explore_categories .owl-prev span,
.hire-android-developer .similar_projects_wrapper .cts-block,
.hire-developers .keyBenefits::before,
.how-nft-works .col-lg-3:last-child .work-obx::after,
.keyBenefits.automative-page::before,
.keyBenefits.no-after::after,
.keyBenefits.saas-process::before,
.next_arrow img,
.no-before.keyBenefits::before,
.quote_btn .hover-arrow,
.quote_btn:hover .next_arrow,
.software-development .about_warp:after,
.software-technology .nft-t-title {
  display: none;
}
.certification_logo.owl-carousel .owl-item img,
.slider-fullwidth.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
.certification_logo .clutch_certification {
  padding: 0;
  display: block;
  text-align: center;
}
.certification_logo .owl-stage {
  display: flex;
}
.blog-description h5 {
  font-size: 18px;
}
.callBox.rc_bx_inner {
  width: 199px;
}
.callBox.rc_bx_inner.open {
  transform: translateX(-84px);
}
.agileUi-block ul > li i {
  display: block;
  position: absolute;
  left: 0;
  top: -10px;
  width: 60px;
}
.agileUi-block ul > li {
  padding-left: 73px;
}
.agileUi-desktop img.img-hw-auto {
  max-width: 570px;
  margin: 0 auto;
}
.erp-development .dev-process {
  margin: 80px auto;
}
.erp-development .dev-process .emergingCard-mobileapp {
  box-shadow: 0 0 38px rgb(0 0 0 / 0.07);
}
.erp-modules-wrapper ul.bulletList li {
  padding: 0 0 10px 35px;
}
.erp-modules-wrapper ul.bulletList {
  margin-top: 22px;
}
.erp-modules-wrapper ul.bulletList li p,
.faq-box .single-item h3,
.imageHover-element figure h2,
.imageHover-element figure p,
.more_blog .view_btn,
h3.mb-0 {
  margin: 0;
}
.erp-modules-wrapper {
  margin: 0 0 70px;
}
.erp-development .emergingCard-mobileapp i img,
.healthcare-software-development .owl-carousel .owl-item img {
  width: auto;
}
.business_product_content .future_mobile_title,
.cts-element1-content p,
.nft-solution-wrapper.nft-blue-bg .ob-description p,
.react-js-developers .calssified-type-wrapper .page-h2,
.react-js-developers .calssified-type-wrapper .page-h2 span,
.react-js-developers .calssified-type-wrapper .some-description p,
.tech-logos .hd-1,
.white-text,
.white-text p,
.work-projects .hd-1,
.work-projects p {
  color: #fff;
}
.keyBenefits.saas-process {
  background: #f6faff;
  padding: 80px 0 52px;
  margin: 70px 0 0;
}
.artificial-intelligence.innerpagehero .heroContent,
.business-intelligence-services.innerpagehero .heroContent,
.crm-srv-block p,
.custom-mobile-app-development-company-usa.innerpagehero .heroContent,
.enterprise-application-development .heroContent,
.featurestab-p,
.healthcare-application-development-company.innerpagehero .heroContent,
.hire-nodejs-developers .crm-srv-block .specific_fetaure,
.mobile-application-development-company-austin.innerpagehero .heroContent,
.specific_fetaure.text-left,
.tab-content.text-start .tab-pane,
figure.effect-lily figcaption,
h3.feature-tabs-title {
  text-align: left;
}
.ract-js-comb {
  margin: 100px auto 55px;
}
.ract-js-comb .key-panels .nav-tabs .nav-link {
  padding: 0.5rem 11px 15px;
  font-size: 15px;
}
.desktop-mega-element.active,
.has-childmenu.active .submenu,
.indi-img,
.mb-block-default,
.react-js-developers .keyBenefits .page-h2 span {
  display: block;
}
.dark-blue,
.react-js-developers .calssified-type-wrapper {
  background: #100f3a;
}
.saas-software-page .keyBenefits .websolution-imgs img {
  max-height: 92px;
}
.heroContent .container > .container,
.menubar.has-submenu li,
.nft-dm-block.fullimage,
.submenu {
  padding: 0;
}
.factbg-1 {
  background: #f3f5ff;
  border-bottom: 4px solid #b0bdff;
}
.fact-list {
  line-height: 26px;
  padding: 30px;
  border-radius: 8px 8px 8px 40px;
  margin-top: 30px;
  position: relative;
  text-align: center;
  box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
  margin-bottom: 40px;
}
.fact-list img {
  max-width: 100px;
  margin: 0 0 31px;
}
.callNo a:hover,
.calssified-type-wrapper .highlight-desc a,
.link-title a:hover {
  color: #32caca;
}
.cd-timeline__block,
.hire-dev-wrapper,
ul.infoGraphic li {
  position: relative;
  z-index: 1;
}
.innerpagehero .contact-page .hero-banner-inner,
.innerpagehero .contact-page .hero-banner-item {
  height: 310px;
}
.innerpagehero .contact-page .heroContent {
  padding: 100px 0 0;
}
.blog-description .specific_fetaure li a {
  text-decoration: underline;
}
.hire-developers .keyBenefits {
  background: 0 0;
  padding: 68px 0 62px;
  margin: 0;
}
.blogContent h4 a,
.blogContent h5 a,
.exp-title .flex-col,
.features-panels .nav-tabs .nav-item a,
.link-title a,
a.indi-link-element .indi-title {
  color: #000;
}
.hover-box-block {
  height: 100%;
  background-color: rgb(255 255 255 / 0.1);
  padding: 35px 25px 16px;
  border: 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.hover-box-block .imageIcon {
  margin-bottom: 23px;
  text-align: center;
}
.hover-box-block .imageIcon img {
  height: auto;
  max-height: 180px;
  width: auto;
}
.hover-box-block .hoverTitle {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 22px;
}
.hover-box-block .bottom-overlay {
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  background-color: rgb(240 89 7 / 0.95);
  overflow: hidden;
  height: 100%;
  position: absolute;
  transition: 0.5s;
}
.hover-box-block .hoverDesc {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 15px;
  text-align: center;
}
.hover-box-block .hoverDesc,
.hover-box-block .overlays {
  position: absolute;
  width: 100%;
}
.hoverDesc p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.hover-box-block:hover .bottom-overlay {
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.hire-android-developer .Benefitsdotnet {
  background: #0a1044;
  padding: 60px 0 50px;
  margin: 0 0 70px;
}
.p-tabs .nav-tabs .nav-link {
  border: 0;
  border-radius: 6px;
  background: #f5fcff;
  width: 100%;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
  padding: 14px 43px 14px 24px;
  margin: 3px 0;
  position: relative;
  color: var(--heading-color);
  font-weight: 700;
}
.p-tabs .nav-tabs.white-theme .nav-link {
  background-color: #fff;
}
.p-tabs .nav-tabs {
  border-bottom: 0;
  display: flex;
  flex-direction: column;
}
.new-tab-style.nav-tabs .nav-item.show .nav-link,
.new-tab-style.nav-tabs .nav-link.active,
.p-tabs .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #ef5c20;
}
.p-tabs .nav-tabs .nav-link.active::after {
  position: absolute;
  top: 22px;
  right: 13px;
  content: "";
  width: 10px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375 14.5L7.625 8L1.375 1.5' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 8px;
}
.p-tabs .nav-tabs .nav-link:not(.active)::after,
.work-obx::after {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375 14.5L7.625 8L1.375 1.5' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 8px;
}
.p-tabs .nav-tabs .nav-link:not(.active)::after {
  top: 22px;
  right: 13px;
  content: "";
  width: 10px;
  height: 16px;
  opacity: 0.7;
}
.p-tabs .tab-pane {
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
}
.p-tabs .tab-pane p {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
}
.custom-software-development .cts-block-new .cts-hd,
.heroContent .obcontactForm .obcontactForm_inner,
.max-w-100 {
  max-width: 100%;
}
.blockchain-development .calssified-type-wrapper .page-h2,
.logos-icon,
.shopify-expert,
.slide-block,
.work-icon,
.work-text,
p.sub-h {
  text-align: center;
}
.flex-ul li:nth-child(2n) {
  padding-left: 40px;
}
.flex-ul li:nth-child(odd) {
  padding-right: 40px;
  padding-left: 42px;
}
.specific_fetaure.flex-ul li {
  color: #fff;
  margin: 0 0 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15.5' r='15.5' fill='%23EF5C20'/%3E%3Cpath d='M12.4025 19.2565L8.37237 15.214L7 16.5809L12.4025 22L24 10.3669L22.6373 9L12.4025 19.2565Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: 0 0;
  background-size: 27px;
}
.mt-8,
.nft-marketplace-development .salesforce-uses-wrapper {
  margin-top: 80px;
}
.work-icon {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f53200;
  border-radius: 50%;
  margin: 0 auto 30px;
  background: -ms-linear-gradient(0deg, #e2906e 0, #e83a99 100%);
  background: -moz-linear-gradient(0deg, #e2906e 0, #e83a99 100%);
  background: -webkit-linear-gradient(0deg, #e2906e 0, #e83a99 100%);
  box-shadow: 2.419px 9.703px 12.48px 0.52px rgb(232 58 153 / 0.5);
}
.work-icon .p-work {
  position: absolute;
  left: 100%;
  top: -30px;
  transform: translateX(-50%);
  width: 138px;
  margin-left: 15px;
}
.work-text h3 {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 20px;
  color: #394b50;
}
.work-text p {
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 20px;
  color: #7b7b7b;
}
.work-icon .p-work.p-work-2 {
  bottom: -30px;
  top: auto;
}
.custom-section,
.how-nft-works {
  padding: 70px 0;
}
.how-nft-works .col-lg-3 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.how-nft-works .hd-1 {
  margin-bottom: 55px;
}
.cd-timeline__container,
.work-obx,
.workflowBlock .col-md-5 figure {
  position: relative;
}
.work-obx::after {
  content: "";
  width: 25px;
  height: 25px;
  top: 39px;
  right: -23px;
  opacity: 1;
}
.hire-dev-wrapper::after,
.hire-dev-wrapper::before {
  content: "";
  height: 100%;
  position: absolute;
  z-index: -1;
}
.how-nft-works .col-lg-3:nth-child(2) .work-obx .work-icon {
  background: -ms-linear-gradient(0deg, #f6d365 0, #fda085 100%);
  background: -moz-linear-gradient(0deg, #f6d365 0, #fda085 100%);
  background: -webkit-linear-gradient(0deg, #f6d365 0, #fda085 100%);
  box-shadow: 2.419px 9.703px 18.24px 0.76px rgb(253 160 133 / 0.5);
}
.how-nft-works .col-lg-3:nth-child(3) .work-obx .work-icon {
  background: -ms-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
  background: -moz-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
  background: -webkit-linear-gradient(0deg, #95b4ff 0, #7397ff 100%);
  box-shadow: 2.419px 9.703px 12.48px 0.52px rgb(115 151 255 / 0.5);
}
.how-nft-works .col-lg-3:nth-child(4) .work-obx .work-icon {
  background: -ms-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
  background: -moz-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
  background: -webkit-linear-gradient(0deg, #9df3a7 0, #57d464 100%);
  box-shadow: 2.419px 9.703px 12.48px 0.52px rgb(87 212 100 / 0.5);
}
.how-nft-works .col-lg-3:nth-child(5) .work-obx .work-icon {
  background: -ms-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
  background: -moz-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
  background: -webkit-linear-gradient(0deg, #63eef7 0, #3ad1e5 100%);
  box-shadow: 2.419px 9.703px 12.48px 0.52px rgb(58 209 229 / 0.5);
}
.nft-solution-wrapper.nft-blue-bg {
  background-color: #2055e0;
}
.dots-bg {
  background: url(https://www.cubix.co/lp/g-app/images/shape/dot_bg.png);
}
.magento-imgs img {
  height: 249px;
  width: 100%;
}
.py-9 {
  padding: 90px 0 53px;
}
.bft-block,
.hire-magento-developer .srvIcon {
  margin: 0 0 40px;
}
.hire-android-developer .Benefitsdotnet.gradientBg {
  background-color: #fff0;
  background-image: linear-gradient(175deg, #42749c 0, #99caac 100%);
}
.slider-inner-pages .owl-dots .owl-dot span {
  width: 9px;
  height: 9px;
  margin: 5px;
  opacity: 0.4;
  display: inline-block;
  border-radius: 20px;
  background-color: #a0a0a0;
}
.slider-inner-pages .owl-dots .owl-dot.active span {
  background-color: #50adac;
  opacity: 1;
}
.slider-inner-pages .owl-stage {
  display: flex;
  flex-direction: row;
}
.slider-inner-pages.owl-carousel .owl-item {
  float: none;
  display: flex;
}
.grey-bg-section.calssified-type-wrapper {
  background: #f7fafb;
}
.react-js-developers .grey-bg-section.calssified-type-wrapper .page-h2,
.react-js-developers .grey-bg-section.calssified-type-wrapper .page-h2 span,
.react-js-developers
  .grey-bg-section.calssified-type-wrapper
  .some-description
  p {
  color: #374a5e;
}
.slide-title {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 22px;
}
.slide-block img {
  width: auto !important;
  max-height: 80px;
  margin: 0 0 30px;
}
.hire-dev-wrapper {
  padding: 80px 0;
}
.hire-dev-wrapper::after {
  background-color: #b2e4ff;
  right: 0;
  top: 0;
  width: 72%;
}
.hire-dev-wrapper::before {
  background-color: #f3f8fb;
  left: 0;
  top: 0;
  width: 28%;
}
.new-tab-style.nav-tabs {
  gap: 20px;
  border: 0;
  flex-direction: column;
}
.new-tab-style.nav-tabs .nav-link {
  border: 0;
  border-radius: 6px;
  background: #fff;
  font-size: 20px;
  width: 100%;
  font-weight: 700;
  text-align: left;
  padding: 13px 20px;
  box-shadow: 0 1px 10px rgb(0 0 0 / 0.1);
}
.data-tabs-inner {
  text-align: left;
  padding: 0 0 0 100px;
}
.tabs-h2 {
  font-size: 28px;
  margin: 0 0 22px;
}
.data-tabs-inner p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
}
.hire-angularjs-developer .scaleup-section .blueBg {
  background-color: #3dafa7;
}
.why-obhire-wrapper.no-bg {
  background: 0 0 !important;
}
.blockchain-benefits-wrapper.top-pm {
  padding: 80px 0 90px;
  margin-top: 70px;
}
.keyBenefits.no-bg {
  background-color: #fff;
}
.expertise-mo.dels.p-tabs {
  background: #e9fdff;
  padding: 80px 0;
  margin-bottom: 70px;
}
.custom-software-development .p-tabs .nav-tabs .nav-link,
.no-bg,
.white-tabs.p-tabs .nav-tabs .nav-link {
  background: #fff;
}
.custom-software-development .p-tabs .nav-tabs .nav-link.active,
.healthcare-application-development-company .p-tabs .nav-tabs .nav-link.active,
.white-tabs.p-tabs .nav-tabs .nav-link.active {
  background: #ef5c20;
}
.custom-software-development .expertise-mo {
  background: #ffece9;
  padding: 80px 0;
  margin-bottom: 70px;
}
.box-widget {
  height: calc(100% - 30px);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 15px;
}
.color-widget-1 {
  background: #ddffe6;
}
.color-widget-2 {
  background: #f4f4f4;
}
.color-widget-3 {
  background: #e8fbff;
}
.color-widget-4 {
  background: #faf8da;
}
.color-widget-5 {
  background: #f0ffdd;
}
.color-widget-6 {
  background: #f0f0ff;
}
h2.widget-title {
  margin: 0 0 25px;
  font-size: 26px;
  font-weight: 800;
}
.ind_name a {
  color: var(--heading-color);
}
.custom-software-development ul.industries-list li {
  width: 25%;
}
.custom-software-development .nft-t-img img {
  height: 88px;
}
.software-technology .nft-tech-block {
  display: flex;
  height: 140px;
}
.healthcare-software-development .owl-carousel .owl-item figure,
.software-technology .nft-t-img {
  margin: 0 auto;
}
.custom-software-development .ind_name {
  margin: 24px auto 19px;
}
.cts-block-new.blue-style-bg .sub-tag a {
  color: #1fff4d;
}
.sub-tag {
  margin: 20px 0 0;
  color: #fff;
  font-weight: 500;
  font-size: 21px;
}
.caption-title {
  font-size: 16px;
  margin: 22px auto 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  ul.industries-list li {
    width: 33.33333333%;
  }
}
.cd-timeline {
  overflow: hidden;
  padding: 4em 0;
}
.cd-timeline__block h2,
.cd-timeline__block h3 {
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 24px;
  color: var(--heading-color) !important;
}
.cd-timeline__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #f1f1f1;
}
.cd-timeline__block {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}
.cd-timeline__block:last-child,
.more_blog .future_mobile_title,
.social_listing {
  margin-bottom: 0;
}
.cd-timeline__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow:
    0 0 0 4px #fff,
    inset 0 2px 0 rgb(0 0 0 / 0.08),
    0 3px 0 4px rgb(0 0 0 / 0.05);
  font-weight: 600;
  color: #fff;
  font-size: 22px;
}
.cd-timeline__img img {
  width: 24px;
  height: 24px;
}
.cd-timeline__img--picture {
  background-color: #74cd64;
}
.cd-timeline__img--movie {
  background-color: #68bbdf;
}
.cd-timeline__img--location {
  background-color: #f0cb47;
}
.cd-timeline__content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  margin-left: 1.25em;
  background: #deffd9;
  border-radius: 10px;
  padding: 26px 29px 9px;
}
.cd-timeline__content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  width: 0;
  height: 0;
  border: 12px solid #fff0;
  border-right-color: #fff;
}
.cd-timeline__date {
  color: hsl(207 10% 55% / 0.7);
  color: hsla(
    var(--cd-color-3-h),
    var(--cd-color-3-s),
    var(--cd-color-3-l),
    0.7
  );
}
@media (min-width: 992px) {
  .react-js-developers .bcTech-content > ul > li:nth-child(3) {
    left: 54%;
  }
  .react-js-developers .bcTech-content > ul > li:nth-child(4) {
    left: 74%;
    top: 40px;
  }
  .react-js-developers .bcTech-content > ul > li:nth-child(2) {
    left: 29%;
    top: 80px;
  }
  .cd-timeline__container::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-timeline__block:nth-child(2n) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .cd-timeline__img {
    width: 60px;
    height: 60px;
    -ms-flex-order: 1;
    order: 1;
    margin-left: calc(5% - 30px);
    will-change: transform;
  }
  .cd-timeline__block:nth-child(2n) .cd-timeline__img {
    margin-right: calc(5% - 30px);
  }
  .cd-timeline__content {
    width: 45%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    will-change: transform;
    margin: 0;
  }
  .cd-timeline__content::before {
    top: 24px;
  }
  .cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
    right: auto;
    left: 100%;
    width: 0;
    height: 0;
    border: 12px solid #fff0;
    border-left-color: #deffd9;
  }
  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 120%;
    top: 20px;
  }
  .cd-timeline__block:nth-child(2n) .cd-timeline__date {
    left: auto;
    right: 120%;
    text-align: right;
  }
  .cd-timeline__content--hidden,
  .cd-timeline__img--hidden {
    visibility: hidden;
  }
  .cd-timeline__img--bounce-in {
    -webkit-animation: 0.6s cd-bounce-1;
    animation: 0.6s cd-bounce-1;
  }
  .cd-timeline__content--bounce-in {
    -webkit-animation: 0.6s cd-bounce-2;
    animation: 0.6s cd-bounce-2;
  }
  .cd-timeline__block:nth-child(2n) .cd-timeline__content--bounce-in {
    -webkit-animation-name: cd-bounce-2-inverse;
    animation-name: cd-bounce-2-inverse;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.cd-timeline__container .cd-timeline__block:first-child .cd-timeline__content {
  background-color: #deffd9;
}
.cd-timeline__container .cd-timeline__block:nth-child(2) .cd-timeline__content {
  background-color: #d4f2ff;
}
.cd-timeline__container .cd-timeline__block:nth-child(3) .cd-timeline__content {
  background-color: #fff5c0;
}
.cd-timeline__container .cd-timeline__block:nth-child(4) .cd-timeline__content {
  background-color: #fedeff;
}
.cd-timeline__container .cd-timeline__block:nth-child(5) .cd-timeline__content {
  background-color: #dcd6ff;
}
.cd-timeline__container .cd-timeline__block:nth-child(6) .cd-timeline__content {
  background-color: #e5ffb9;
}
.cd-timeline__container .cd-timeline__block:nth-child(7) .cd-timeline__content {
  background-color: #dafff8;
}
.cd-timeline__container .cd-timeline__block:nth-child(8) .cd-timeline__content {
  background-color: #e0f6ff;
}
.cd-timeline__container .cd-timeline__block:nth-child(9) .cd-timeline__content {
  background-color: #ffeded;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(6)
  .cd-timeline__content
  .cd-timeline__img--movie {
  background-color: #93c73b;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(7)
  .cd-timeline__content
  .cd-timeline__img--movie {
  background-color: #68cbb8;
}
.cd-timeline__container
  .cd-timeline__block:first-child
  .cd-timeline__content::before {
  border-left-color: #deffd9;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(2)
  .cd-timeline__content::before {
  border-right-color: #d4f2ff;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(3)
  .cd-timeline__content::before {
  border-left-color: #fff5c0;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(4)
  .cd-timeline__content::before {
  border-right-color: #fedeff;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(5)
  .cd-timeline__content::before {
  border-left-color: #dcd6ff;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(6)
  .cd-timeline__content::before {
  border-right-color: #e5ffb9;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(7)
  .cd-timeline__content::before {
  border-left-color: #dafff8;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(8)
  .cd-timeline__content::before {
  border-right-color: #e0f6ff;
}
.cd-timeline__container
  .cd-timeline__block:nth-child(9)
  .cd-timeline__content::before {
  border-left-color: #ffeded;
}
.cd-timeline__container .cd-timeline__block:first-child .cd-timeline__img {
  background-color: #5ccd4c;
}
.cd-timeline__container .cd-timeline__block:nth-child(2) .cd-timeline__img {
  background-color: #40b6e9;
}
.cd-timeline__container .cd-timeline__block:nth-child(3) .cd-timeline__img {
  background-color: #e5c72d;
}
.cd-timeline__container .cd-timeline__block:nth-child(4) .cd-timeline__img {
  background-color: #de76e1;
}
.cd-timeline__container .cd-timeline__block:nth-child(5) .cd-timeline__img {
  background-color: #7f6ee3;
}
.cd-timeline__container .cd-timeline__block:nth-child(6) .cd-timeline__img {
  background-color: #80b329;
}
.cd-timeline__container .cd-timeline__block:nth-child(7) .cd-timeline__img {
  background-color: #4acbb2;
}
.cd-timeline__container .cd-timeline__block:nth-child(8) .cd-timeline__img {
  background-color: #138ab9;
}
.cd-timeline__container .cd-timeline__block:nth-child(9) .cd-timeline__img {
  background-color: #f75151;
}
.cd-timeline__container .div_services_text p,
.cd-timeline__container .specific_fetaure > li {
  font-weight: 500;
  color: #484e58;
}
@media (max-width: 991px) {
  .cd-timeline__container
    .cd-timeline__block:first-child
    .cd-timeline__content::before {
    border-right-color: #deffd9;
    border-left-color: #fff0;
  }
  .cd-timeline__container
    .cd-timeline__block:nth-child(3)
    .cd-timeline__content::before {
    border-right-color: #fff5c0;
    border-left-color: #fff0;
  }
  .cd-timeline__container
    .cd-timeline__block:nth-child(5)
    .cd-timeline__content::before {
    border-right-color: #dcd6ff;
    border-left-color: #fff0;
  }
  .cd-timeline__container
    .cd-timeline__block:nth-child(7)
    .cd-timeline__content::before {
    border-right-color: #dafff8;
    border-left-color: #fff0;
  }
  .cd-timeline__img {
    font-size: 20px;
  }
  .cd-timeline__container::before {
    left: 33px;
  }
  .cd-timeline__block h2,
  .cd-timeline__block h3 {
    font-size: 22px;
    margin: 0 0 16px;
  }
}
.tab-h3 {
  margin: 30px 0 21px;
  font-size: 25px;
}
.sub-tag a {
  color: #00ebcc;
}
.cts-block-v1 {
  text-align: center;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  flex-direction: column;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  padding: 32px;
}
.sub-tag1 {
  font-size: 17px;
  font-weight: 500;
  margin: 0 auto 26px;
}
.sub-tag1 a {
  color: #53ff7e;
}
.cts-block-v1 .cts-links-new {
  margin: 0;
  white-space: nowrap;
}
span.date-svg {
  margin: 0 5px 0 0;
}
.colored-cards-hover .nft-dm-block {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  height: auto;
}
.colored-cards-hover div[class*="col-"]:first-child .nft-dm-block {
  background-color: #ff5a60;
}
.colored-cards-hover div[class*="col-"]:nth-child(2) .nft-dm-block {
  background-color: #2dbfb0;
}
.colored-cards-hover div[class*="col-"]:nth-child(3) .nft-dm-block {
  background-color: #0d5ecc;
}
.colored-cards-hover div[class*="col-"]:nth-child(4) .nft-dm-block {
  background-color: #f2900a;
}
.colored-cards-hover div[class*="col-"]:nth-child(5) .nft-dm-block {
  background-color: #015a65;
}
.colored-cards-hover div[class*="col-"]:nth-child(6) .nft-dm-block {
  background-color: #44c4dc;
}
.colored-cards-hover div[class*="col-"]:nth-child(7) .nft-dm-block {
  background-color: #9a17eb;
}
.colored-cards-hover .overlays {
  background-color: rgb(0 0 0 / 95%);
}
.solutions-block .sb-titles,
.solutions-block h3 {
  font-weight: 600;
  color: #ef5c20;
  padding-left: 0;
  font-size: 23px;
}
.solutions-block {
  background: #f6faff;
}
.accordion--count8 {
  background-color: #fff;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-bottom: -1px;
  display: flex;
}
.accordionWrap {
  box-shadow: 0 1px 80px rgb(0 0 0 / 0.06);
  overflow: hidden;
}
@keyframes show-content {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.accordionWrap .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #fff0;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.card-header,
.card-header .btn,
.card-header h2,
.workflow-content,
figure.effect-lily:hover figcaption > div {
  height: 100%;
}
.accordionWrap .accordion .card {
  border: 0;
  border-bottom: 1px solid #cfd8db;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  height: 325px;
  border-right: 1px solid #cfd8db;
  min-width: auto;
  flex-basis: 20%;
  display: flex;
  position: relative;
}
.accordionWrap .accordion .card.panel-box-shadow {
  cursor: auto;
  flex: 1;
  background: #0fab9f;
  color: #fff;
  border-right-color: #0fab9f !important;
  flex-basis: 40%;
}
.accordion__content .list li {
  color: #fff;
  break-inside: avoid-column;
}
.accordion--count8 .card.panel-box-shadow .card-header {
  flex: 0 0 33.333%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.accordion--count8 .card.panel-box-shadow .collapse {
  flex: 0 0 66.666%;
  transform-origin: left;
}
.accordion__content .list {
  margin: 16px 0 0;
  padding: 0 0 0 20px;
  column-count: 2;
  column-gap: 30px;
}
.accordionWrap .accordion .card .btn-link {
  font-weight: 600;
  white-space: normal;
  color: #000;
  background-color: #fff0;
  font-size: 19px;
}
.accordionWrap .accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px solid #cfd8db;
}
.accordionWrap .accordion .card.panel-box-shadow .btn-link,
.accordionWrap .accordion .card.panel-box-shadow:hover .btn-link {
  color: #fff;
  text-decoration: none;
}
.accordionWrap .accordion .card:hover .btn-link {
  color: #0fab9f;
  text-decoration: none;
}
.accordionWrap
  .accordion
  .card:nth-child(4).panel-box-shadow
  ~ .card:last-child,
.accordionWrap
  .accordion
  .card:nth-child(4).panel-box-shadow
  ~ .card:nth-last-child(2),
.accordionWrap
  .accordion
  .card:nth-child(5).panel-box-shadow
  ~ .card:last-child,
.accordionWrap
  .accordion
  .card:nth-child(6).panel-box-shadow
  ~ .card:last-child {
  order: -1;
}
@media (max-width: 479.98px) {
  .accordionWrap .accordion .card .btn-link {
    font-size: 14px;
  }
}
ul.process-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
}
ul.process-list li {
  width: 20%;
  padding: 0 18px;
  text-align: center;
}
.ptitleBox {
  margin: 24px auto 15px;
  font-weight: 700;
  font-size: 18px;
}
.numberBox {
  width: 55px;
  height: 55px;
  margin: 0 auto;
  background: #f55c21;
  border-radius: 80px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  color: #fff;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}
.black-bg {
  background: #1c1b1b;
}
.pb-6 {
  padding-bottom: 70px;
}
.nft-dm-block.fullimage .domIcon img {
  border-radius: 0;
  height: 100%;
  width: 100% !important;
  object-fit: cover;
}
.featurestab-p p {
  font-size: 18px;
  line-height: 29px;
  color: #000;
  font-weight: 500;
}
.accordionWrap .accordion .card.panel-box-shadow .icon-imgs img {
  filter: brightness(0) invert(1);
}
ul.infoGraphic {
  font-size: 9px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: center;
  margin: 0;
}
ul.infoGraphic li {
  width: 25%;
  background: #fff;
  border-radius: 0.5em;
  padding: 15px;
  transition: 0.2s;
  cursor: pointer;
  margin: 0 0 10px;
}
.webheader,
ul.infoGraphic li .numberWrap {
  position: absolute;
}
ul.infoGraphic li .number {
  font-size: 131px;
  font-weight: 800;
  line-height: 86px;
  width: 0.9em;
  text-align: center;
}
ul.infoGraphic li .number.fontColor1 {
  color: #3498db;
}
ul.infoGraphic li .number.fontColor2 {
  color: #2ecc71;
}
ul.infoGraphic li .number.fontColor3 {
  color: #9b59b6;
}
ul.infoGraphic li .number.fontColor4 {
  color: #f1c40f;
}
ul.infoGraphic li .number.fontColor5 {
  color: #e74c3c;
}
ul.infoGraphic li .number.fontColor6 {
  color: #e81592;
}
ul.infoGraphic li .number.fontColor7 {
  color: #2acdd7;
}
ul.infoGraphic li .number.fontColor8 {
  color: #7ab400;
}
ul.infoGraphic li .coverWrap {
  transform: rotate(130deg);
  position: absolute;
  width: 18em;
  height: 15em;
  left: -3em;
  top: -1em;
}
ul.infoGraphic li .coverWrap .numberCover {
  position: absolute;
  background: #fff;
  width: 18em;
  height: 6em;
  border-radius: 50% 50% 0 0;
  border-bottom: 3px solid #f5f8f7;
  transition: 0.4s;
}
ul.infoGraphic li .coverWrap .numberCover::before {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 4em;
  right: 4em;
  top: 5em;
  box-shadow: 0 0 30px 7px #48668577;
  border-radius: 100px/10px;
  z-index: -1;
}
ul.infoGraphic li .coverWrap .numberCover::after {
  position: absolute;
  bottom: 0;
  content: "";
  left: -10%;
  width: 120%;
  height: 150%;
  background: radial-gradient(at bottom, #48668533, transparent, transparent);
  z-index: 1;
}
ul.infoGraphic li .content {
  margin: 55px 0 30px 99px;
  position: relative;
  text-align: left;
}
ul.infoGraphic li .content .devcycle-h {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
ul.infoGraphic li .content p {
  line-height: 1.5em;
}
ul.infoGraphic li:hover .coverWrap .numberCover {
  border-radius: 100%;
}
.healthcare-software-development .section_footer {
  padding: 24px 0;
}
.hs-slider {
  margin-top: 60px;
}
@media (min-width: 768px) {
  ul.process-list.col-grid-4 li {
    width: 25%;
  }
}
.why-choose-section-with-bg {
  background-image: url(../img/healthcare-software/why-bg.jpg);
  background-repeat: no-repeat;
  width: 100%;
  padding: 70px 0;
  background-position: center;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.why-choose-section-with-bg::after {
  background-color: rgb(0 0 0 / 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  z-index: -1;
}
.why-choose-section-with-bg .page-h2 {
  margin: 0 auto 50px;
  color: #fff;
  max-width: 590px;
}
.why-pills-text {
  color: #fff;
  text-align: center;
  background: #ef5c20;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 10px auto;
  font-weight: 700;
  font-size: 20px;
}
.whyus-pills {
  margin: 0 auto;
  max-width: 610px;
}
@media (min-width: 1200px) {
  .nft-dm-block.fullimage .srvTitle {
    z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 0 20px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto 25px;
  }
  .nft-dm-block.fullimage::before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, #000 0, #fff0 100%);
  }
  .healthcare-software-development .covid-safety .initiative-img {
    margin: -40px auto 0;
  }
}
.h-slide {
  margin: 0 0 24px;
  font-size: 25px;
}
.software-development .about_warp,
.trending_blogs {
  padding-bottom: 50px;
}
.iti__country-name,
.iti__flag-box {
  font-size: 14px;
}
.webheader.is-sticky {
  position: fixed;
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.3);
  animation: slideDown 0.4s ease forwards;
  padding: 0;
  background: #212729;
}
.webheader.is-sticky .nav-area::after {
  display: none;
}
.webheader.is-sticky .header-left {
  margin-top: 8px;
}
.webheader.is-sticky .nav-area::before {
  top: 8px;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.software-development .heroContent p {
  font-size: 17px;
  line-height: 28px;
  max-width: 100%;
  margin: 20px 0 0;
  color: #fff;
}
.thank-you.innerpagehero .hero-banner-item {
  height: 370px;
}
.thank-you.innerpagehero .hero-banner-inner {
  height: 270px;
}
.thank-you.innerpagehero .heroContent {
  padding: 15px 0 30px;
}
.enterprise-application-development.innerpagehero .hero-banner-inner,
.enterprise-application-development.innerpagehero .hero-banner-item {
  height: 610px;
}
.solutions-block {
  padding-bottom: 20px;
}
ul.infoGraphic li:hover .content .devcycle-h {
  color: #13c2c2;
}
.blog_list .more_guides_box img,
.healthcare-application-development-company .item,
.item {
  width: 100%;
}
.healthcare-application-development-company .p-tabs .nav-tabs .nav-link,
.round_cards {
  background: #f4f5f9;
}
.round_cards {
  border-radius: 10px;
  padding: 14px 25px;
  margin: 15px auto;
  transition:
    box-shadow 0.3s ease-out,
    transform 0.3s ease-out;
}
.title-cards {
  font-size: 18px;
  margin: 20px 0 8px;
}
.round_cards:hover {
  box-shadow:
    0 4px 6px -1px rgb(0 0 0/0.1),
    0 2px 4px -2px rgb(0 0 0/0.1);
  transform: translateY(-4px);
}
.img_cards {
  margin-top: 8px;
}
.explist-data {
  background: #effefb;
  border-radius: 12px;
  padding: 29px 15px 20px;
  position: relative;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  text-align: center;
  margin: 15px auto;
  transition:
    box-shadow 0.3s ease-out,
    transform 0.3s ease-out;
}
.srvs-icon {
  height: 50px;
  margin: 0 0 40px;
}
.stage-points .nav-tabs .nav-item .nav-link.tabs-icon.consult-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/ios-app/consult-icon.png) center no-repeat;
  z-index: -1;
  transform: translateY(-50%);
}
.workflowBlock .grid-box-title {
  color: #fff;
  border-left: 3px solid;
  margin: 38px 0 15px;
  padding: 0 0 0 15px;
}
.iphone-best .stage-points .nav-tabs {
  flex: 0 0 57%;
  width: 57%;
}
.ios-app-development .workflow-content {
  background-color: #5909b5;
}
.ios-app-development .img-hw-auto {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.element-box-1 {
  padding: 32px;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 0 2.75rem rgb(0 0 0 / 0.08);
}
.element-title {
  font-size: 23px;
  margin: 0 0 22px;
}
.stps,
.web-benefits-h3 {
  font-size: 22px;
}
.artificial-intelligence .blockchain-benefits-wrapper .specific_fetaure > li {
  color: #fff;
  font-size: 15px;
}
.artificial-intelligence .specific_fetaure {
  margin: 25px 0;
}
.explist-data.flex-col {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.features-panels .nav-tabs.icons-tabs .nav-item.show .nav-link,
.features-panels .nav-tabs.icons-tabs .nav-link.active {
  background: 0 0;
  color: #ef5c20;
  border: 0;
  border-bottom: 2px solid;
}
.nav-tabs.icons-tabs span svg {
  height: 36px;
  width: 38px;
}
.features-panels .nav-tabs.icons-tabs .nav-link {
  padding: 0 0 11px;
  margin: 0 12px;
  color: #747474;
  border-bottom: 2px solid;
  border-radius: 4px;
}
.slidesText p {
  color: #000;
  font-size: 17px;
}
.stps {
  margin: 0 0 28px;
}
.mob-img {
  background: url(../img/custom-mobile-apps/custom-mobile-apps.jpg) center/cover
    no-repeat;
}
.custom-mobile-app-development-company-usa .benefits-number {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 30px;
  top: -4px;
}
.custom-mobile-app-development-company-usa .benefits-text {
  padding: 0 0 0 54px;
}
.mobile-application-development-company-austin .explist-data p {
  margin-top: 20px;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 500;
}
.mobile-application-development-company-austin .solutionoffer-wall {
  mix-blend-mode: unset;
}
.unset-header .hero-banner-inner,
.unset-header .hero-banner-item {
  min-height: unset;
  height: auto !important;
}
.home .unset-header .hero-banner-inner,
.home .unset-header .hero-banner-item {
  min-height: 500px;
}
.unset-header .heroBG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  animation: fadeIn 1s ease-out forwards;
}
.unset-header .heroContent {
  position: relative;
  transform: none;
  padding-top: 180px;
  padding-bottom: 30px;
  height: auto !important;
}
.pro-counts .projectCount {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
.hire-blocks .crm-srv-block.bg06 {
  background-color: #fdeef3;
  border-bottom: 4px solid #ef759d;
}
.steps-element {
  position: relative;
  gap: 16px;
  align-items: center;
  display: flex;
  margin: 9px 0;
}
.steps-element p {
  flex: auto;
  font-size: 15px;
  margin: 0;
}
figure.step-ico {
  width: 27px;
  flex: 0 0 27px;
  margin: 0;
}
.emerging-mobile-app {
  padding: 54px 0;
}
.heroContent .steps-element p {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}
.step-ico img {
  width: auto;
  object-fit: unset;
  height: auto;
  max-width: 33px;
}
@media (max-width: 767.98px) {
  ul.industries-list li {
    width: 50%;
  }
  .section_footer {
    padding: 24px 0 153px;
  }
  .hs-slider figure {
    display: none;
  }
  .software-development .heroContent {
    position: unset;
    max-width: 1200px;
    transform: none;
    padding-top: 98px !important;
  }
  .software-development .hero-bann---er-item > img {
    position: absolute;
  }
  figure.step-ico {
    width: 20px;
    padding-top: 0;
  }
  .unset-header .heroContent {
    padding-top: 100px;
  }
  .step-ico img {
    width: auto;
    object-fit: unset;
    height: auto;
    max-width: 25px;
  }
  .steps-element {
    gap: 14px;
    align-items: center;
    margin: 10px 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .heroContent .steps-element p {
    text-align: left;
    margin: 0;
  }
  figure.step-ico {
    padding-top: 0;
  }
  .steps-element {
    gap: 22px;
    align-items: center;
    margin: 10px 0;
  }
}
.box-elements1 li::after,
.box-elements1 li::before {
  background: #dbdbdb;
  right: 0;
  margin: 0 auto;
  position: absolute;
  content: "";
}
.heroContent .obcontact_input textarea {
  height: 70px;
}
.heroContent .obcontactForm {
  position: relative;
  background-color: rgba(17, 24, 39, 0.4);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgb(255 255 255 / 0.25);
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.pro-counts {
  margin-top: 40px;
}
.heroContent .obcontactForm_inner .form-group {
  margin: 0 0 12px;
}
.features-panels h3 {
  text-align: left;
  margin-bottom: 20px;
}
.uses {
  text-align: left;
  margin: 0 0 10px;
  font-weight: 700;
}
.website-development .emerging-mobile-app {
  border-radius: 0;
}
.benefits-number {
  width: 30px;
  height: 30px;
  font-size: 19px;
  line-height: 25px;
  top: -3px;
}
.benefits-text {
  padding: 0 0 0 44px;
}
.food-img.app-bgimg {
  background: url(../img/app-dev-nyc/app-dev-nyc.jpg) center/cover no-repeat;
}
.food-img.mapp-banner {
  background: url(../img/mobile-apps-banner.jpg) center/cover no-repeat;
}
.cts-element1 {
  position: relative;
  background: url(../img/e-learning-apps/dev-bg.jpg) center/cover no-repeat;
}
.cts-element1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(43 132 199 / 0.9);
  z-index: 2;
}
.cts-element1-content {
  z-index: 6;
  position: relative;
  color: #fff;
  padding: 30px;
}
.industry-block-wrapper a.crm-srv-block,
.pointText {
  color: #333;
}
.box-elements1,
.cts-list-element1 {
  padding: 0;
  display: flex;
  list-style: none;
}
.cts-element1-content a {
  color: #fff;
  font-weight: 600;
}
.cts-element1-content a svg {
  background: #fff;
  border-radius: 4px;
  width: 30px;
  height: 28px;
  padding: 8px;
  margin: 0 0 0 5px;
}
.cts-list-element1 {
  margin: 0;
  flex-wrap: wrap;
}
.cts-list-element1 li {
  width: 33.33333333%;
  flex: 0 0 auto;
  position: relative;
  padding: 0 15px 0 43px;
  margin: 15px 0;
}
.cts-list-element1 li img {
  position: absolute;
  left: 0;
  max-width: 31px;
}
.cts-list-element1 li a {
  color: #000;
  font-weight: 500;
  font-size: 15px;
}
.cts-list-element1 li a:hover {
  color: #1451df;
}
.container-bg {
  background: #ebf7ff;
}
.box-elements1 {
  flex-wrap: wrap;
  margin: 31px auto 20px;
}
.box-elements1 li {
  width: 25%;
  flex: 0 0 auto;
  position: relative;
  text-align: center;
  padding: 31px 0 19px;
}
.box-elements1 li::after {
  width: 80%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.box-elements1 li::before {
  width: 1px;
  height: 80%;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}
.box-elements1 li img {
  margin: 0 auto 22px;
  filter: grayscale(100%);
  transition: 0.3s;
  max-height: 47px;
}
.box-elements1 li:hover img {
  filter: grayscale(0);
}
.box-h3 {
  font-size: 15px;
  font-weight: 600;
  padding: 0 10px;
}
.Tech-flex-box li p,
.indi-title,
.pointText {
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 768.98px) {
  .flex-col {
    padding: 22px 15px;
  }
  .box-elements1 li:nth-child(4n)::before,
  .box-elements1 li:nth-last-child(-n + 4)::after {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .box-elements1 li {
    width: 33.3333333%;
  }
  .box-elements1 li:nth-child(3n)::before,
  .box-elements1 li:nth-last-child(-n + 3)::after {
    display: none;
  }
}
.heroContent .specific_fetaure > li {
  color: #fff;
}
.construction-management-software-development
  .why-obhire-wrapper
  .benefits-h
  figure,
.ins-app .why-obhire-wrapper .benefits-h figure {
  flex: 0 0 55px;
  height: 55px;
  width: 55px;
  line-height: 53px;
}
.construction-management-software-development .benefits-h img,
.ins-app .benefits-h img {
  max-height: 32px;
  padding: 0;
  width: auto !important;
  margin: 12px auto 0;
}
.radius-0 {
  border-radius: 0 !important;
}
.ins-app .colored-cards-hover .nft-dm-block {
  min-height: 230px;
}
.ins-app .salesforce-uses-wrapper p {
  margin: 0 0 4px;
}
.ins-app .features-flex-col {
  border: 0;
  background: #fff !important;
}
.workflowBlock figure img {
  height: 100%;
  position: absolute;
  width: 100%;
  object-fit: cover;
}
.light-pastal-bg {
  background: #ebeef7;
}
.pm-2 ul.default-listing > li {
  padding-bottom: 0;
}
.supply-bgimg {
  background: url(../img/supply-chain-management/supply-bg.jpg);
}
.odd-even-clr-box .explit-block:nth-child(odd) .explist-data {
  background: #baefee;
}
.odd-even-clr-box .explit-block:nth-child(2n) .explist-data {
  background: #ffdcd2;
}
.odd-even-clr-box .explit-block {
  border-radius: 52px 0;
}
.srvs-icon.img150 {
  height: 150px;
  margin: 0 0 30px;
}
.srvs-icon.img150 img {
  max-width: 150px;
  border-radius: 50% !important;
}
.home .unset-header .heroContent {
  height: 720px !important;
}
.mb-7 {
  margin-bottom: 70px !important;
}
.light-blue-bg {
  background: #edf1fd;
}
.Tech-flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px -16px -16px;
  position: relative;
  padding: 0;
  list-style: none;
}
.Tech-flex-box li {
  padding: 8px;
  width: calc(100% / 3);
  text-align: center;
}
.Tech-flex-box li img {
  display: block;
  margin: 0 auto;
}
.Tech-flex-box li .tech-flex-inner {
  padding: 15px;
  background: #fff;
}
.Tech-flex-box li p {
  color: #000;
  margin-top: 20px;
  margin-bottom: 0;
  display: block;
}
.light-red-bg {
  background-color: #fff4f5;
}
.WhychoosePoints {
  counter-reset: line;
}
.weProvidePoint {
  position: relative;
  padding: 30px;
}
.WhychoosePoints .weProvidePoint:before {
  position: absolute;
  left: 20px;
  top: 13px;
  color: #c0d5f6;
  counter-increment: line;
  content: counter(line);
  font-size: 35px;
  font-weight: 700;
}
.lightBg {
  background-color: #f3faff;
}
.pointText {
  z-index: 1;
  position: relative;
}
.work-projects {
  background: #e13707;
  margin: 60px 0;
  color: #fff;
}
.tech-panel p {
  color: #fff;
  margin: 0 0 5px;
}
.work-projects h5 {
  font-size: 26px;
  font-weight: 800;
  margin: 29px 0 21px;
}
.rounded-10 {
  border-radius: 10px;
}
.tech-logos .logos-icon img {
  width: auto;
  object-fit: cover;
  max-width: 100%;
}
.dark-blueBg {
  background-color: #0056b3;
}
.bg-white {
  background: #fff !important;
}
.bg-violet {
  background-color: #5c00b3;
}
.calssified-type-wrapper
  .accordion
  .card-header
  .accordion-button.collapsed:after {
  background-size: 15px;
}
.btn-link.focus,
.btn-link:focus {
  text-decoration: none;
}
.px-carousel-2 .owl-stage-outer {
  padding: 30px 2px 20px;
  margin: 0;
}
.bordered-carousel .benefits-box {
  border: 1px solid #ddd;
}
.keyBenefits.automative-page .owl-item .benefits-h figure {
  align-items: center;
  justify-content: center;
  display: flex;
}
.item-m1 .owl-item .item,
.keyBenefits.automative-page .owl-item .item {
  margin-right: 10px;
}
.faq-box .single-item .item-nav a.collapsed,
.faq-box .single-item .item-nav button.collapsed {
  white-space: normal;
}
.indi-link-element {
  background: #effefb;
  border-radius: 12px;
  padding: 29px 15px 20px;
  text-align: center;
  margin: 0 0 30px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  display: block;
}
.indi-img img {
  max-height: 56px;
  margin: 0 auto 25px;
}
.blogContent h4,
.blogContent h5,
.imageHover-element figure h2 span,
.tech-title {
  font-weight: 800;
}
.indi-link-element:hover {
  background: #fff2ed;
}
a.indi-link-element:hover .indi-title {
  color: #65c7c6;
}
.hire-dot-net-core-developer .hire-dev-wrapper::after {
  background-color: #d1ffeb;
}
.highlightText {
  text-align: center;
  margin: 30px auto 0;
}
.highlightText p {
  font-size: 21px;
  font-weight: 500;
  line-height: normal;
}
.imageHover-element figure {
  position: relative;
  overflow: hidden;
  margin: 15px auto;
  min-width: 100%;
  max-width: 100%;
  height: 220px;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
}
.imageHover-element figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}
.imageHover-element figure figcaption {
  padding: 1em;
  color: #fff;
  font-size: 17px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: 0;
  display: block;
  z-index: 10;
  content: "";
  background: linear-gradient(to bottom, #fff0, rgb(15 15 15 / 0.75) 100%);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.imageHover-element figure:hover figcaption {
  background: linear-gradient(to bottom, rgb(0 0 0 / 0.3), #ef5c20 100%);
}
.imageHover-element figure figcaption::after,
.imageHover-element figure figcaption::before {
  pointer-events: none;
}
.imageHover-element figure figcaption,
.imageHover-element figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.imageHover-element figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.imageHover-element figure h2 {
  font-weight: 300;
}
.imageHover-element figure p {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
}
figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.35s,
    transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em;
  width: 100%;
  height: 38%;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 10px;
}
figure.effect-lily p {
  color: #fff;
  opacity: 0;
  -webkit-transition:
    opacity 0.2s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.2s,
    transform 0.35s,
    display 0.45s;
}
.has-childmenu:hover .menuTitle svg,
.megaMenu-header li a.active svg,
.menuTitle.has-no-link.active svg,
.menubar li a.active svg,
.menubar li a:hover .img-srvicon,
.menubar li a:hover svg,
.menubar:not(.has-submenu) li:hover a svg,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1;
}
figure.effect-lily:hover h2,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slide-block figure img {
  text-align: center;
  margin: 0 auto 30px;
}
.faq-box .btn {
  white-space: unset !important;
}
.text-black p {
  color: #666 !important;
}
.custom-owl-dots .owl-dot {
  margin: 0 11px;
}
.custom-owl-dots {
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
}
.custom-owl-dots.owl-dots .owl-dot button {
  background: 0 0;
  border: none;
  padding: 0;
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  margin: 0 0 14px;
}
.custom-owl-dots.owl-dots {
  border-bottom: 3px solid #c1e7ed;
  margin: 40px 0;
}
.custom-owl-dots.owl-dots .owl-dot.active button {
  color: #ef5c20;
}
.grid-data-border {
  padding: 45px 45px 15px;
  border: 1px solid #f0f0f0;
  height: 100%;
}
.tech-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.tech-flex-col {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.menubar,
.tech-flex ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tech-title {
  font-size: 19px;
  margin: 20px 0 17px;
}
.tech-flex ul li {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 9px;
}
.innerpagehero .owl-carousel .owl-item img {
  width: auto;
  display: unset;
  margin: 0 auto;
}
.innerpagehero .owl-carousel .owl-stage-outer {
  padding: 30px 1px;
}
.trending_blogs .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}
.faq-box .single-item .item-nav a,
.faq-box .single-item .item-nav button {
  font-weight: 600;
}
.shopifyText p {
  max-width: 70%;
  margin: 0 auto 40px;
  line-height: 1.6;
}
.home_blog_wrap .theme-head-box {
  margin: 0 0 5px;
}
.blog-description .specific_fetaure {
  margin: 14px 0 15px;
}
.abs-search-btn {
  position: absolute;
  right: 11px;
  border: 0;
  background: 0 0;
  top: 9px;
  cursor: pointer;
}
.abs-search-btn:hover svg path {
  stroke: #000;
}
.future_mobile_app {
  padding: 30px 0;
}
.search_block {
  text-align: end;
  margin-bottom: 30px;
}
.block_search {
  padding: 0 41px 0 17px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 9px rgb(0 0 0 / 0.1);
  border: none;
  height: 48px;
  max-width: 575px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.req-cta-btn,
.view_btn {
  background: #ec5d22;
  text-align: center;
}
.future_mobile_title {
  color: #000;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.4;
}
.mobile_app_img img,
.more_guides_box img {
  border-radius: 0;
  margin: 0 auto 5px;
}
.future_mobile_app_description {
  color: #363636;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.9;
}
.mobile_app_user {
  padding-left: 0;
  list-style: none;
  display: flex;
  gap: 0 20px;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.mobile_app_user_items span {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  padding-left: 6px;
  padding-top: 1px;
  display: block;
  white-space: nowrap;
}
.mobile_app_user_items svg {
  width: 16px;
  height: 16px;
}
.mobile_app_user_items {
  display: flex;
  align-items: center;
}
.more_guides_title {
  color: #000;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.7;
}
.more_guides_des,
.more_guides_des p {
  color: #363636;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.8;
}
.owl-theme.more_guides_slider .owl-dots .owl-dot.active span,
.trending_blogs .owl-dots .owl-dot.active span {
  background-color: #ee5d20;
}
.more_guides_block {
  padding: 40px 0 60px;
}
.explore_categories .tab-pane {
  margin: 0;
  padding: 0;
  text-align: left;
}
.nav-tabs {
  border-bottom: 0;
}
.explore_categories .nav-tabs .nav-link:hover {
  border-color: #fff0;
  color: #65c6c1;
}
.explore_categories .nav-link.active,
.explore_categories .nav-link.active:hover {
  border: 1px solid #65c6c1;
  color: #fff !important;
  background: #65c6c1 !important;
}
.explore_categories .owl-next:before,
.explore_categories .owl-prev:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.93967 2.45401C7.65847 2.7353 7.50049 3.11676 7.50049 3.51451C7.50049 3.91226 7.65847 4.29372 7.93967 4.57501L15.3647 12L7.93967 19.425C7.66643 19.7079 7.51524 20.0868 7.51866 20.4801C7.52208 20.8734 7.67983 21.2496 7.95794 21.5277C8.23606 21.8059 8.61227 21.9636 9.00557 21.967C9.39886 21.9704 9.77777 21.8192 10.0607 21.546L18.5462 13.0605C18.8274 12.7792 18.9854 12.3978 18.9854 12C18.9854 11.6023 18.8274 11.2208 18.5462 10.9395L10.0607 2.45401C9.77938 2.1728 9.39792 2.01483 9.00017 2.01483C8.60243 2.01483 8.22096 2.1728 7.93967 2.45401Z" fill="%2365C6C1"/></svg>');
  position: absolute;
  width: 24px;
  height: 24px;
}
.explore_categories .nav-tabs .nav-link {
  background: #f5f5f5;
  border: 1px solid #fff0;
  color: #666;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 80px;
}
.explore_categories .nav-tabs {
  gap: 0 20px;
  border-radius: 10px;
  padding: 11px 25px 0;
  margin: 20px 0 30px;
}
.explore_categories_tab_block .more_guides_title {
  font-size: 17px;
}
.view_btn {
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 11px 20px 9px;
  display: block;
  max-width: 125px;
  margin: 12px auto 0;
}
.quote_btn:hover,
.view_btn:hover {
  background-color: #65c6c1;
  color: #fff;
}
.explore_categories {
  padding-bottom: 30px;
  position: relative;
}
.explore_categories .owl-prev {
  position: absolute;
  top: 3px;
  left: 0;
}
.explore_categories .owl-next {
  position: absolute;
  top: 3px;
  right: 0;
}
.explore_categories .owl-theme .owl-nav .disabled {
  opacity: 0;
}
.all_categories_title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #ee5d20;
  padding-bottom: 7px;
  margin-bottom: 22px;
}
.all_categories_track {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.all_categories_track a {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #b7b6b6;
  color: #000;
  padding: 5px 16px;
  border-radius: 34px;
}
.all_categories_track a:hover {
  color: #fff !important;
  background: #65c6c1;
  border: 1px solid #65c6c1;
}
.all_categories_block .view_btn {
  max-width: 190px;
  font-size: 18px;
}
.all_categories_title,
.quote_btn:hover .hover-arrow,
.req-cta-btn {
  display: inline-block;
}
.explore_categories .owl-next:before {
  background-repeat: no-repeat;
  right: -30px;
}
.explore_categories .owl-prev:before {
  background-repeat: no-repeat;
  left: -30px;
  transform: rotate(180deg);
}
.blog_internal .future_mobile_title,
.more_guides_block .future_mobile_title,
.trending_blogs .future_mobile_title {
  margin-bottom: 20px;
}
.trending_blogs .mobile_app_user {
  gap: 0 18px;
}
.trending_blogs .more_guides_title {
  font-size: 16px;
}
.req-cta-btn {
  border-radius: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 14px 30px 13px;
  margin: 12px auto 0;
}
.req-cta-btn:hover {
  background: #65c6c1;
  color: #fff;
}
.help-us {
  background: url(../img/contact-img.png) center/cover no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}
.help-us .more_guides_title {
  color: #ec5d22;
  font-weight: 400;
  line-height: normal;
  font-size: 15px;
}
.help-us .future_mobile_title {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 9px;
}
.help-us .contact_form {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 14px;
  display: block;
}
.help-us ::placeholder {
  color: #515151;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}
.contact_input .form-control {
  position: relative;
  padding: 6px 40px 6px 17px;
  border-radius: 0;
  height: 31px;
  max-width: 191px;
  width: 100%;
}
.contact_input .form-control:focus {
  box-shadow: none;
  border: none;
  z-index: 0;
}
.contact_input .btn {
  background: #ec5d22;
  border: none;
  width: 34px;
  height: 100%;
  position: absolute;
  right: 0;
  padding: 0;
  border-radius: 0;
  top: 0;
}
.contact_input .btn:focus {
  box-shadow: none;
}
.latest_blog_wrapper .more_guides_details {
  padding: 0 0 10px;
}
.latest_blog_wrapper .mobile_app_user {
  gap: 4px 10px;
}
.latest_blog_wrapper .mobile_app_user_items svg {
  width: 13px;
  height: 13px;
}
.business_produt_img {
  position: relative;
  background: url(../img/CTA-BG\ 1.png) center/cover;
  width: 100%;
  height: 217px;
  border-radius: 10px;
}
.business_product_content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  max-width: 762px;
  padding: 28px 15px;
  margin: 0 auto;
}
.busines_growth {
  margin-bottom: 60px;
}
.quote_btn {
  border-radius: 30px;
  background: #fff;
  display: inline-block;
  padding: 7px 23px;
  margin-top: 23px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.blog_list {
  padding-top: 20px;
}
.blog_list .more_guides_title {
  font-size: 20px;
  font-weight: 600;
}
.blog_list .mobile_app_user {
  margin-bottom: 30px;
}
.breadcrumb {
  background-color: #fff;
  padding: 0;
  margin-top: 14px;
  margin-bottom: 0;
}
.breadcrumb-item a,
.breadcrumb-item.active {
  font-size: 14px;
  color: #8a8ab8;
  font-weight: 400;
  line-height: 25px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: #8a8ab8;
}
.mobile_app_user_items svg path {
  fill: #333;
}
.blog-content-text p {
  margin: 0 0 30px;
  font-size: 19px;
  line-height: 1.6;
}
.blog_internal .all_categories_track a {
  font-size: 14px;
  border: none;
  display: block;
  padding: 0;
  color: #000;
  font-weight: 500;
}
.blog_internal .all_categories_track .tbl-index-h3 {
  list-style: none;
  font-size: 13px;
  margin-bottom: 6px;
}
.blog_internal .all_categories_track .tbl-index-h3 a {
  font-weight: 500;
  font-size: 13px;
  padding: 0 0 0 10px;
  color: #575757;
}
.tbl-index-h2 {
  margin: 0 0 7px;
}
.tbl-content {
  margin: 0;
  padding: 0 0 0 15px;
  color: #ccc;
}
.tbl-content a {
  font-size: 15px;
  border: none;
  display: block;
  padding: 0;
  color: #0092ff;
  font-weight: 500;
}
.tbl-content a:hover {
  color: #0b77c8 !important;
}
.blog_internal .all_categories_track a.active {
  color: #f25d1c;
}
.blog_internal .all_categories_track a:hover,
.faqs-nav__item--is-active {
  color: #f25d1c !important;
  background: 0 0;
}
.blog_internal .all_categories_track {
  gap: 12px;
  flex-direction: column;
}
.explore_categories.blog_internal {
  margin-top: 15px;
  padding-top: 20px;
}
.blog_internal .more_guides_title {
  font-size: 14px;
  margin-bottom: 23px;
  color: #666;
  font-weight: 600;
}
.blog_internal .more_guides_des {
  color: #000;
  font-weight: 500;
  margin-bottom: 50px;
}
.blog_internal .explore_categories .all_categories_title {
  margin-bottom: 20px;
  border-bottom: none;
  padding-bottom: 0;
}
.blog_internal .mobile_app_user_items {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  position: relative;
  padding-left: 23px;
}
.blog_internal .mobile_app_user_items::before {
  position: absolute;
  content: "";
  background-color: #000;
  width: 8px;
  height: 8px;
  top: 10px;
  left: 0;
  border-radius: 50%;
}
.blog_internal .mobile_app_user {
  gap: 24px 0;
  margin: 35px 0;
}
.user_des {
  color: rgb(0 0 0 / 0.5);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px;
}
.user_name {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 13px;
}
.user_designation {
  color: rgb(0 0 0 / 0.8);
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}
.user_profile figure {
  border-radius: 50%;
  margin-bottom: 0;
}
.user_profile figure img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  min-width: 60px;
  border-radius: 50%;
}
.user_detail {
  display: flex;
  align-items: center;
  margin: 34px 0 0;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}
.user_profile {
  flex: 0 0 75px;
}
.user_info {
  flex: 1;
}
.more_blog .view_more_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.more_blog .more_guides_box img {
  border-radius: 10px;
  width: 100%;
}
.social_listing {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.blog_internal .breadcrumb-section {
  margin-top: 64px;
  margin-bottom: 20px;
}
.blog_internal .breadcrumb {
  margin-bottom: 0;
  margin-top: 0;
}
.BlogPageBody .services_banner.service_detail_page {
  padding: 148px 0 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .all_categories_track a {
    font-size: 13px;
  }
  .help-us .future_mobile_title {
    font-size: 26px;
  }
}
@media (max-width: 991.98px) {
  .b-Image,
  .contact_input .form-control {
    max-width: 100%;
  }
  .social_listing {
    gap: 6px;
  }
  .all_categories_title,
  .blog_list .more_guides_title {
    font-size: 18px;
  }
  .mobile_app_img {
    margin: 0 0 23px;
  }
  .blog_internal .future_mobile_title,
  .blog_internal .more_guides_des,
  .blog_list .mobile_app_user,
  .busines_growth,
  .more_blog .more_guides_box {
    margin-bottom: 20px;
  }
  .user_detail {
    margin: 30px 0 0;
  }
  .blog_internal .mobile_app_user {
    gap: 15px 0;
    margin: 20px 0;
  }
  .blog_internal .share_blog,
  .busines_growth {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .blog_internal .mobile_app_user_items {
    font-size: 15px;
  }
  .blog_internal .all_categories_track {
    gap: 15px;
  }
  .blog_internal .explore_categories .all_categories_title {
    font-size: 20px;
  }
  .more_guides_block {
    padding: 0 0 40px;
  }
  .all_categories_block .view_btn {
    max-width: 150px;
    font-size: 16px;
  }
  .trending_blogs {
    padding-bottom: 20px;
  }
  .future_mobile_title {
    font-size: 22px;
  }
  .help-us .future_mobile_title {
    font-size: 25px;
  }
  .view_btn {
    margin: 0 auto;
  }
  .help-us {
    height: 240px;
    margin: 40px auto 0;
  }
  .more_guides_box img {
    width: 100%;
  }
}
.hero-banner,
.home .unset-header .hero-banner-item {
  background: #2052b5;
}
.bdr-box-blocks .grid-box-flex {
  border: 1px solid #eee;
  padding: 30px;
  height: 100%;
  border-radius: 6px;
}
@media (min-width: 768.98px) {
  .owl-mobile-grid-2,
  .owl-mobile-grid-3,
  .owl-mobile-grid-4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .row-grid .item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .item-grid-2 .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .item-grid-3 .item {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    margin-bottom: 30px;
  }
}
.lazyloaded {
  margin: 0 auto;
  display: block;
}
.expect-section,
.formbanner-holder,
.webs-block {
  position: relative;
  z-index: 1;
}
.technology_image img {
  margin: 0;
  display: inline-block;
}
.breadcrumb-item a,
blockquote a:hover {
  text-decoration: underline;
}
.cc-btn,
.costcal-wrapper,
.cta-modal,
.ctaButton,
.embed-responsive,
.marque-block,
.product-detail,
.video-wrapper,
.webs-block {
  overflow: hidden;
}
@media all and (min-width: 1200px) {
  .home .unset-header .heroContent {
    transform: translateY(-50%);
  }
  .home .hero-banner-wrap.unset-header,
  .home .unset-header .hero-banner-inner,
  .home .unset-header .hero-banner-item {
    height: 90vh !important;
  }
}
.mega-menu-figure {
  height: calc(100% - 190px);
}
.mega-menu-figure figure {
  height: 100%;
  background-color: #ffc35a;
}
.portfolio-detail-wrapper .webheader {
  position: fixed;
}
.specific_fetaure.decimal_list {
  list-style: decimal;
  padding: 18px 0 0 18px;
}
.blog-content-text h3 {
  margin: 0 0 17px;
  font-size: 25px;
}
.specific_fetaure.decimal_list > li {
  padding: 0 0 20px 10px;
  background-image: none;
}
.home .certification_logos_wrap .blog-h {
  margin-bottom: 35px;
}
.cc-btn,
.ctaButton,
blockquote p {
  display: inline-block;
}
#technologies-section .tab-pane,
.cta-modal,
.features-panels .carousel-wrap .nav-tabs .owl-stage-outer,
.innerpagehero .home_blog_wrap .owl-carousel .owl-stage-outer,
.transfor .solut,
blockquote p.nolink-bg {
  padding: 0;
}
.blockchain-development .rqt-btn,
.career .requestquote_header,
.cta-modal .request-a-quote .form-vector-img,
.form-step,
.form-vector-img,
.home-new .ourClients_wrap::after,
.no-nft-t-titles .nft-t-title,
.tech-tile br,
blockquote p.nolink-bg:before,
body.career .cc-cal-widget {
  display: none;
}
blockquote a:hover {
  color: #0056b3;
}
.nft-dev-block .specific_fetaure > li {
  font-size: 15px;
  padding: 0 0 9px 32px;
}
blockquote {
  position: relative;
  margin: 55px 0 30px;
  padding: 20px 85px;
  font-size: 19px;
  line-height: 1.8;
  color: #000;
  font-weight: 400;
  font-style: italic;
  background: #f7f7f7;
}
blockquote:after,
blockquote:before {
  position: absolute;
  color: #f15c22;
  font-size: 8rem;
  width: 4rem;
  font-style: normal;
  height: 4rem;
  font-family: sans-serif, arial;
}
blockquote:before {
  content: "“";
  left: 30px;
  top: -80px;
  font-style: normal;
}
blockquote:after {
  content: "”";
  right: 24px;
  bottom: 19px;
}
cite {
  line-height: 3;
  text-align: left;
}
.features-flex-wrapper.ff-col-2 .features-flex {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.blog-content-text h4,
.blog-content-text h5,
.blog-content-text h6 {
  color: #000;
  font-weight: 700;
  margin: 0 0 30px;
}
.blog-content-text h4 {
  font-size: 21px;
  margin: 0 0 12px;
}
.cms_page,
.p-tabs .nav-tabs.white-p-tabs .nav-link {
  background: #fff;
}
.form-control:focus {
  color: #000;
  box-shadow: none;
}
.form-control::placeholder {
  color: #6d7d87;
  opacity: 1;
}
.form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #6d7d87;
}
#getquote_modal .modal-dialog,
.get_quote_form,
.mx-w-100,
.why-choose-section-with-bg .page-h2.mx-w-100 {
  max-width: 100%;
}
.cta-element {
  margin: 60px auto;
}
.specific_fetaure.disc_list,
.specific_fetaure.disc_list li {
  list-style: disc;
  padding: 0 0 0 21px;
}
.specific_fetaure.disc_list li {
  background-image: none;
  padding-left: 0;
}
.blog-content-text .specific_fetaure {
  margin: 0 0 39px;
}
.blog-content-text .specific_fetaure.disc_list li {
  list-style: disc;
  padding: 0 0 11px 6px;
  font-size: 19px;
  line-height: 1.9;
}
.get_quote_form button.close {
  padding: 0;
  background-color: #fff0;
  border: 1px solid #ef5c20;
  -webkit-appearance: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  opacity: 1;
  border-radius: 50%;
  line-height: 0;
  color: #ef5c20;
}
@media (min-width: 768px) {
  .request_popup .modal-dialog {
    max-width: 94%;
  }
  .formbanner-holder {
    padding: 22px;
    flex: 0 0 310px;
    width: 310px;
    margin-right: 30px;
  }
  .hero-text-left {
    text-align: left;
  }
}
.aifeature-name,
.business-box .imgbox,
.c-h1,
.cc-cal-widget,
.cc-logoimg,
.ccw-counter,
.cost_requst_btn,
.cta-aibtn,
.cta-newblock,
.cts-p,
.expect-block,
.expect-count,
.expect-h2,
.expect-subtext p,
.formbanner-img,
.hire-ios-developer .title-cards,
.processImage,
.servicebox .aiImage,
.srv-svg,
.text-center-element,
.title-center,
.webs-link a {
  text-align: center;
}
@media (min-width: 576px) {
  .callbackModal .modal-dialog {
    max-width: 670px;
  }
}
.formbanner-holder {
  background: linear-gradient(185deg, #2344af 0%, #030c33 50%);
  border-radius: 10px;
  padding: 25px;
  color: #fff;
  flex: 0 0 350px;
  width: 350px;
  margin-right: 35px;
}
.thanks-h1,
.thanks-h2 strong span {
  color: #ee5c20;
}
.request_popup .get_quote_form_right {
  display: flex;
}
.formbanner-text {
  border-left: 5px solid #ff9000;
  padding: 1px 0 9px 20px;
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 33px;
}
.formbanner-title {
  font-size: 37px;
  font-weight: 900;
  margin: -13px 0 14px;
  line-height: 56px;
}
.formbanner-title span {
  font-size: 60px;
  color: #ff9000;
}
.text-center-element {
  margin: 70px auto;
  background: #f3f7fe;
  padding: 50px;
  background: linear-gradient(142.23deg, #f0f8ff 7.63%, #c9e2fd 99.01%);
  border-radius: 40px;
}
.fullmenu-open .webheader.is-sticky,
.ics .mobilemajorTech-card {
  height: 100%;
}
.cd-timeline__block:last-child {
  padding: 0 0 70px;
}
.codestand-card.no-transform i {
  top: 0;
  transform: none;
}
.artificial-intelligence .certification_logos,
.bfts-icon img,
.ccb-text p,
.grid-block.mp-10 .specific_fetaure.disc_list,
.rating-img-box {
  margin: 0;
}
.thanks-h1 {
  font-size: 60px;
  margin: 0 0 50px;
}
.thanks-h1 span {
  display: block;
  font-weight: 800;
  color: #000;
}
.thanks-h2 {
  background: #f1faff;
  border-radius: 23px;
  padding: 22px 30px;
  font-size: 20px;
}
.expect-count,
.expect-h2 {
  font-size: 50px;
}
.thanks-h2 strong {
  font-weight: 700;
}
.thanksImg {
  margin: 0 0 0 auto;
}
.thanks-section {
  margin: 70px auto 0;
}
.expect-section {
  background: url(../img/swirlBg.png) center/cover no-repeat #fff3f3;
  padding: 70px 0;
  margin-top: 70px;
}
.expect-section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 230px;
  content: "";
  z-index: -1;
  background: #fff;
}
.expect-h2 {
  font-weight: 800;
  margin: 0 0 20px;
}
.expect-subtext p {
  font-size: 19px;
  max-width: 610px;
  margin: 0 auto 60px;
}
.expect-block {
  background: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 33px 33px 15px;
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 0.04);
}
.expect-count {
  width: 117px;
  height: 117px;
  background: #bdeffb;
  margin: 0 auto 20px;
  font-weight: 700;
  line-height: 2.2;
  border-radius: 50%;
  color: #3aa5bf;
}
.expect-count.ec1 {
  background: #ffcc7e;
  color: #b1761b;
}
.expect-count.ec2 {
  background: #ffe3ee;
  color: #c35f87;
}
.expect-stp {
  font-size: 23px;
  font-weight: 700;
  margin: 0 auto 15px;
}
.thank-you.innerpagehero .hero-banner-item {
  padding: 40px 0;
}
.webStories-section {
  padding: 60px 0;
  margin: 0 0 30px;
}
.webs-heading {
  font-size: 25px;
  text-transform: uppercase;
  border-left: 4px solid #ee5a23;
  padding: 0 0 0 14px;
  margin: 0 0 40px;
}
.webs-block {
  transition: 0.5s ease-in;
  height: 477px;
  border-radius: 23px;
  margin: 0 0 30px;
}
.webs-block::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #0a0a0a;
  z-index: 0;
  transition: 0.5s ease-in;
  border-radius: 27px;
  background: linear-gradient(
    0deg,
    rgb(10 10 10 / 0.8) 0,
    rgb(110 195 187 / 0.2) 100%
  );
}
.webs-block:hover::after {
  background: linear-gradient(
    0deg,
    rgb(10 10 10 / 0.9) 0,
    rgb(110 195 187 / 0.4) 100%
  );
}
.webs-img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 29px;
}
.product-detail {
  position: absolute;
  height: auto;
  left: 0;
  right: 0;
  bottom: 15px;
  padding: 15px 100px 15px 15px;
  transition: 0.35s;
  z-index: 1;
}
.webs-block .product-detail .webs-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  margin: 3px 0;
  text-transform: uppercase;
  color: #fff;
}
.webs-link a {
  width: 65px;
  height: 65px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #65c9cb;
  border-radius: 50%;
  line-height: 60px;
  color: #000;
}
.webs-block:hover .webs-link a,
.webs-link a:hover {
  border: 1px solid #f16232;
  background: #f16232;
  color: #fff;
}
.webs-block .product-detail .subheading {
  font-weight: 400;
  margin: 0;
  text-align: left;
  color: rgb(0 0 0 / 0.6);
}
.webs-block .product-detail .webs-text {
  padding: 0;
  margin: 0;
  font-size: 1em;
  visibility: hidden;
  color: #fff;
}
.webs-block .product-detail .webs-text p {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  margin-top: 18px;
  margin-bottom: 0;
}
.webs-block:hover .product-detail {
  bottom: 30px;
}
.webs-block:hover .webs-text {
  visibility: visible;
}
.webs-link {
  position: absolute;
  bottom: 0;
  width: 114px;
  height: 111px;
  right: 0;
  transition: 0.7s ease-in;
  background: url(../img/webs-corner.png) center/cover no-repeat;
  z-index: 2;
}
.btn-nav,
.btn-page {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #f6f6f6;
  cursor: pointer;
}
.page-numbers,
.paginations {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.paginations {
  margin-top: 28px;
}
.btn-nav {
  padding: 8px;
  border: 0;
  color: #000;
}
.btn-nav:hover,
.btn-page:hover,
.btn-selected {
  background-color: #f16232;
  color: #fff;
}
.btn-page {
  border: none;
  font-size: 20px;
  font-weight: 600;
}
.captcha-counts,
.captcha-result,
.captcha-result .form-control {
  font-family: arial, "sans-serif";
}
.get_quote_form_right .form-group {
  margin-bottom: 18px;
}
.mb-30,
.request-a-quote .get_quote_form_right .form-group,
.sales-services .mb-30,
.salesforce-devs-wrapper .mb-30,
.salesforce-uses-wrapper .mb-30,
.why-hireus-wrapper .mb-30,
.why-obhire-wrapper .mb-30,
.why-salesforce-wrapper .mb-30 {
  margin-bottom: 30px;
}
.request-a-quote .get_quote_form_right {
  background-color: #e0ecf3;
  max-width: 1049px;
  margin: 0;
  border-radius: 10px;
  padding: 40px 50px 50px;
}
.request-a-quote .get_quote_form_head {
  margin: 0 0 5px;
  font-size: 23px;
  color: #0f172a;
  font-weight: 600;
}
.get_quote_form_head {
  font-weight: 700;
  font-size: 25px;
  line-height: normal;
  margin: 0 0 10px;
  padding-right: 45px;
  color: #0f172a;
}
.ccTitle span,
.tech-text {
  font-weight: 800;
}
.get_quote_form_text {
  font-size: 15px;
  line-height: 21px;
  margin: 0 0 19px;
  font-weight: 400;
  color: #545e70;
}
.auth-thumb,
.center-circle-set,
.contryList,
.obcontact_input {
  position: relative;
}
.obcontactFormhome .obcontact_input input,
.obcontactFormhome .obcontact_input select,
.obcontactFormhome .obcontact_input textarea {
  width: 100%;
  background-color: #fff;
  font-family: arial, "sans-serif";
  border: 0;
  height: 48px;
  border-radius: 12px;
  padding: 12px 20px;
  color: #000;
  font-size: 15px;
  padding-left: 52px !important;
}
.obcontact_input textarea {
  height: 220px;
  resize: none;
}
.request-a-quote .contactform_upload_dv .custom-file-label,
.request-a-quote .obcontact_input input,
.request-a-quote .obcontact_input select,
.request-a-quote .obcontact_input textarea {
  background-color: #fff;
  border: 0 !important;
  border-radius: 6px;
  height: 45px;
  color: #000;
  padding: 0 15px;
}
.request-a-quote .obcontact_input textarea {
  height: 180px;
  padding: 15px;
}
.request-a-quote .contactform_upload_dv .custom-file-label {
  padding-left: 50px;
  padding-top: 15px;
}
.request-a-quote .obcontact_input input,
.request-a-quote .obcontact_input select,
.request-a-quote .obcontact_input textarea {
  padding-left: 47px;
}
.svg-input {
  position: absolute;
  left: 13px;
  top: 10px;
  width: 25px;
  z-index: 2;
  width: 35px;
  height: 35px;
  background: #fff2ec;
  color: #f15c22;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.obcontact_input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: right 0.75rem center;
}
.request-a-quote .contactform_upload_dv svg,
.request-a-quote .inputfile-5 + label svg {
  width: auto;
  height: auto;
  fill: none;
}
.get_quote_form_right .svg-input {
  left: 5px;
  top: 5px;
}
.obcontactForm-submit button.btn {
  color: #fffefe;
  font-size: 16px;
  font-weight: 600 !important;
  padding: 5px 26px;
  min-height: 53px;
  border-radius: 35px;
  box-shadow: unset;
}
.obcontactForm-submit button.btn:hover,
.submitBtn:hover {
  background-color: #62cbc8;
  color: #fffefe;
  box-shadow: unset;
}
.custom-check input[type="checkbox"] {
  position: relative;
  border: 2px solid #d7e4ec;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 1;
}
.custom-check input[type="checkbox"]:hover {
  opacity: 1;
}
.custom-check input[type="checkbox"]:checked {
  background-color: #ef5c20;
  opacity: 1;
  border: 2px solid #ef5c20;
}
.custom-check input[type="checkbox"]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.custom-check label {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #4c596c;
}
.flex-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.captcha-group {
  display: flex;
  gap: 12px;
  align-items: center;
}
.captcha-counts {
  font-size: 15px;
}
.captcha-result {
  width: 100px;
}
.cc-amt,
.captcha-result .form-control {
  border: 0;
}
.obcontactForm-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.confirm-terms {
  font-size: 15px;
  font-weight: 500;
  margin-top: 14px;
  color: #4c596c;
}
.glass-panel.contactForm .confirm-terms {
  color: #fff;
}
.glass-panel.contactForm .confirm-terms {
  font-weight: 500;
  color: #fff;
}
.confirm-terms a {
  font-weight: 600;
  color: #4c596c;
  text-decoration: underline;
}
.glass-panel.contactForm .confirm-terms a {
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
}
.glass-panel.contactForm .confirm-terms a {
  color: #fff;
  text-decoration: underline;
}
.glass-panel.contactForm .custom-check label {
  color: #fff;
}
.request-a-quote .form-vector-img {
  display: block;
  position: absolute;
  top: 80px;
  right: -220px;
}
@media (min-width: 1200px) {
  .item-grid-4 .item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 30px;
  }
  .request-a-quote .form-vector-img {
    display: block;
  }
  .request-a-quote .container {
    max-width: 1170px;
  }
  .request-a-quote .get_quote_form_right {
    padding-right: 220px;
    position: relative;
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .request-a-quote .get_quote_form_right {
    padding-right: 301px;
  }
  .request-a-quote .form-vector-img {
    top: 80px;
    right: -96px;
  }
  .form-vector-img img {
    max-width: 375px;
  }
}
.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
}
.page-breadcrumb .breadcrumb {
  margin: 11px 0 0;
  font-size: 13px;
}
.page-breadcrumb .breadcrumb-item,
.page-breadcrumb .breadcrumb-item a,
.page-breadcrumb .breadcrumb-item.active {
  font-size: 13px;
  line-height: normal;
}
.blog-content-text .specific_fetaure > li {
  font-size: 19px;
  line-height: 1.9;
}
.certificate-carousel .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.certificate-carousel.owl-carousel .owl-dot span {
  width: 8px;
  height: 8px;
  background: #c7dae6;
  display: inline-block;
  margin: 0 3px;
  border-radius: 50%;
}
.certificate-carousel.owl-carousel .owl-dot.active span,
.ctaButton.orangeBg:hover {
  background: #0fab9f;
}
.orangeBg .defaultBg.ctaButton {
  background: linear-gradient(to right, #22dfdc, #1ba4a2);
}
.certificate-carousel.owl-carousel .owl-stage-outer {
  padding: 0 0 25px;
}
.certificate-element {
  background-image: linear-gradient(
    to right,
    #f5ecfd,
    #f0f0ff,
    #eef4ff,
    #edf7ff,
    #eff9fe
  );
}
.custom-width-container {
  max-width: 100%;
  padding-right: 60px;
}
.crtTitle {
  font-size: 39px;
  font-weight: 800;
  margin: 0 0 27px;
}
.crt-introtext {
  font-size: 16px;
  font-weight: 500;
}
.crt-block {
  border-radius: 10px;
  background: #fff;
  box-shadow: 7px 8px 31px 0 rgb(46 61 75 / 0.07);
  width: 100%;
  height: 195px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-element,
.certificate-element {
  padding: 80px 0;
}
.crt-block figure,
.no-nft-t-titles .nft-t-img {
  margin: 0 auto;
}
.certificate-block img,
.crt-block figure img {
  max-height: 140px;
}
@media (min-width: 992px) {
  .callbackModal .modal-dialog,
  .request_popup .modal-dialog {
    max-width: 1020px;
  }
  .custom-width-container {
    padding-left: calc((100vw - 932px) / 2);
  }
  .crtTitle {
    font-size: 34px;
  }
  .footer-inner {
    padding-right: 39px;
  }
}
@media (min-width: 1200px) {
  .custom-width-container {
    padding-left: calc((100vw - 1159px) / 2);
  }
  .dev-process-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .innerpagehero .awards-section .container,
  .innerpagehero .cc-benefits .container,
  .innerpagehero .costcal-wrapper .cc-whyob .container {
    max-width: 80%;
  }
  .select_options_element.four-col .srv-option {
    width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .select_options_element.two-col .srv-option {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .item-grid-4.desktop-col-2 .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
}
ul.bands-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px -4px 0;
  list-style: none;
  padding: 0;
}
ul.bands-grid li {
  flex: 1 0 20%;
  border: 1px solid #d7e4ec;
  margin: 0 0 -1px -1px;
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.bands-grid li figure {
  margin: 0 auto;
  padding: 0 10px;
}
ul.bands-grid li figure img {
  max-width: 145px;
}
.ai-section .ob-description p,
.ai-wrapper ul.infoGraphic li .content .devcycle-h,
.artificial-intelligence .blog-h,
.artificial-intelligence .blogContent h5 a,
.artificial-intelligence .sub-title,
.blockchain-benefits-wrapper .sub-title,
.casestudybg_wrapper .link-track,
.christmas-2024:hover,
.industriesName a,
.needCard .specific_fetaure > li,
.page-breadcrumb.white-themes .breadcrumb-item a,
.page-breadcrumb.white-themes .breadcrumb-item + .breadcrumb-item::before,
.page-breadcrumb.white-themes .breadcrumb-item.active,
.solutionoffer-content h3,
.specific_fetaure.text-white li,
.subscription-section .section-heading,
.testimonial_wrapper .description-track,
.text-white {
  color: #fff;
}
.obcontactFormhome .obcontact_input textarea {
  height: 220px;
}
header .container {
  max-width: 100%;
  padding: 0 20px;
}
.video-wrapper {
  position: relative;
  min-height: 670px;
  height: calc(100vh - 180px);
  max-height: 2000px;
  width: 100%;
  background: url(../videos/poster-new.jpg) center/cover;
}
#hero-video,
.video-content,
.video-wrapper::before {
  position: absolute;
  width: 100%;
}
.video-wrapper::before {
  content: "";
  height: 100%;
  background: #0980e6;
  background: linear-gradient(45deg, #0980e6 0, #fff0 100%);
  z-index: 2;
}
.video-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 48px;
  z-index: 3;
  padding: 0 85px;
}
#hero-video {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  z-index: 1;
  left: 0;
  margin: 0 auto;
}
.video-title {
  font-size: 43px;
  font-weight: 800;
  color: #fff;
  margin: 0;
}
.video-desc {
  color: #fff;
  display: block;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 15px;
  max-width: 700px;
  margin-bottom: 25px;
}
.video-wrapper .contact_us_btn {
  text-transform: none;
  background: #ef5c20;
  color: #fff;
  border: 2px solid #ef5c20;
  border-radius: 8px;
}
.video-wrapper .contact_us_btn:hover {
  background: 0 0;
  border: 2px solid #fff;
}
@media (max-width: 1399.98px) {
  .video-wrapper {
    min-height: 610px;
    height: 610px;
  }
}
.weblogo img {
  max-width: 210px;
}
.cta-modal-dialog {
  max-width: 660px;
}
.cta-modalbody {
  position: relative;
  padding: 25px;
  background: url(../img/ctaBanner.jpg) 0 0 / cover;
  z-index: 1;
}
.cta-modal-dialog .modal-content {
  background-color: #fff0;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid rgb(255 255 255 / 0.3);
}
.cta-modalbody::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(214deg, #fff0 27.57%, #000 81.78%);
  z-index: -1;
}
.close-modal {
  cursor: pointer;
  position: absolute;
  top: 13px;
  z-index: 1;
  right: 14px;
  border: 0;
  background-color: #f25d1c;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
  line-height: 10px;
}
.bcta-subtitle,
.ctamodal-h1,
.ctasubtext,
.expert-btn {
  line-height: normal;
}
.close-modal:hover {
  background-color: #2cc8c5;
  color: #fff;
}
.ctamodal-h1 {
  color: #fff;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 5px;
  margin: 50px 0 1px;
}
.ctamodal-h1 .orangetext,
.ctasubtext {
  display: block;
  letter-spacing: 0;
  font-style: normal;
}
.ctamodal-h1 .orangetext {
  color: #46dad2;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  text-transform: uppercase;
  margin-top: 0;
}
.ctasubtext {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 7px 0;
  max-width: 329px;
}
.obLogo {
  margin: 0 0 45px;
}
.expert-btn {
  border-radius: 150px;
  background: linear-gradient(177deg, #ff753d 2.12%, #c53d06 97.88%);
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  padding: 15px 30px;
  display: inline-block;
  margin: 35px 0 52px;
}
.expert-btn:hover {
  background: linear-gradient(177deg, #52eee8 2.12%, #05979a 97.88%);
  color: #fff;
}
.blockChainpanel-content .request_quote_btn {
  text-transform: none;
}
.our-services .page-breadcrumb .breadcrumb,
.sitemap .page-breadcrumb .breadcrumb {
  margin-bottom: 11px;
}
.page-breadcrumb.white-themes .breadcrumb {
  margin: 0;
  background: 0 0;
  color: #fff;
  padding: 16px 0;
}
.breadcrumb-item a:hover {
  text-decoration: none;
}
.explist-data p a,
.link-track:hover,
.srvTitle a {
  color: #000;
}
.cts-p {
  max-width: 880px;
  margin: 19px auto 0;
  color: #fff;
  font-size: 22px;
}
.android-apple-watch-app-development .heroContent,
.angularjs-development .heroContent,
.astrology-app-development-company .heroContent,
.astrology-website-development-company .heroContent,
.augmented-reality .heroContent,
.bespoke-software-development-services .heroContent,
.cake-php-development .heroContent,
.comprehensive-server-management-company .heroContent,
.crm-development .heroContent,
.cryptocurrency-development .heroContent,
.decentralized-exchange-development-company .heroContent,
.digital-marketing-services .heroContent,
.doctor-on-demand-app-development .heroContent,
.elevate-your-online-store-with-our-expert-shopify-development-services
  .heroContent,
.flutter .heroContent,
.freelance-marketplace-development .heroContent,
.full-stack-development .heroContent,
.generative-ai-development-services .heroContent,
.golang-development .heroContent,
.hire-ai-developers .heroContent,
.hire-android-and-ios-mobile-app-developers-dubai-uae .heroContent,
.hire-blockchain-developer .heroContent,
.css-development .heroContent,
.hire-flutter-developers .heroContent,
.hire-magento-developer .heroContent,
.hire-wordpress-developer .heroContent,
.invalid-feedback.d-block,
.job-portal-development-company .heroContent,
.kotlin .heroContent,
.laravel-development .heroContent,
.magento-development .heroContent,
.mobile-app-development-company-abu-dhabi .heroContent,
.mobile-app-development-company-bangalore .heroContent,
.mobile-app-development-company-bangalore .hire-nodejs-developers .heroContent,
.mobile-app-development-company-chennai .heroContent,
.mobile-app-development-company-delhi .heroContent,
.mobile-app-development-company-dubai .heroContent,
.mobile-app-development-company-hyderabad .heroContent,
.mobile-app-development-company-in-florida .heroContent,
.mobile-app-development-company-mumbai .heroContent,
.mobile-app-development-company-mumbai .hire-nodejs-developers .heroContent,
.mobile-app-development-company-rajasthan .heroContent,
.nft-marketplace-development .heroContent,
.nodejs-development .heroContent,
.paypal .heroContent,
.php-development .heroContent,
.premier-software-development-company-dubai .heroContent,
.project-management-services .heroContent,
.react-js .heroContent,
.react-native .heroContent,
.salesforce-application-development-company .heroContent,
.salon-app-development-company .heroContent,
.shopify-website-development .heroContent,
.software-development-outsourcing-company .heroContent,
.startup-app-development-company .heroContent,
.support-maintenance-services .heroContent,
.virtual-reality-development .heroContent,
.vue-js-development .heroContent,
.wordpress-development .heroContent,
.yii-web-development .heroContent {
  text-align: left;
}
.btn-next,
.btn-prev,
.cc-h1,
.endBtn,
.float-btn,
.locTagline p,
.processTitle,
.startBtn {
  text-align: center;
}
@media (max-width: 767.98px) {
  ,
  .android-apple-watch-app-development .heroContent,
  .angularjs-development .heroContent,
  .astrology-app-development-company .heroContent,
  .astrology-website-development-company .heroContent,
  .augmented-reality .heroContent,
  .bespoke-software-development-services .heroContent,
  .cake-php-development .heroContent,
  .comprehensive-server-management-company .heroContent,
  .crm-development .heroContent,
  .cryptocurrency-development .heroContent,
  .decentralized-exchange-development-company .heroContent,
  .doctor-on-demand-app-development .heroContent,
  .elevate-your-online-store-with-our-expert-shopify-development-services
    .heroContent,
  .flutter .heroContent,
  .freelance-marketplace-development
    .heroContent
    .digital-marketing-services
    .heroContent,
  .full-stack-development .heroContent,
  .generative-ai-development-services .heroContent,
  .golang-development .heroContent,
  .hire-ai-developers .heroContent,
  .hire-android-and-ios-mobile-app-developers-dubai-uae .heroContent,
  .hire-flutter-developers .heroContent,
  .hire-magento-developer .heroContent,
  .hire-wordpress-developer .heroContent,
  .job-portal-development-company .heroContent,
  .kotlin .heroContent,
  .laravel-development .heroContent,
  .magento-development .heroContent,
  .mobile-app-development-company-abu-dhabi .heroContent,
  .mobile-app-development-company-bangalore .heroContent,
  .mobile-app-development-company-bangalore
    .hire-nodejs-developers
    .heroContent,
  .mobile-app-development-company-chennai .heroContent,
  .mobile-app-development-company-delhi .heroContent,
  .mobile-app-development-company-dubai .heroContent,
  .mobile-app-development-company-hyderabad .heroContent,
  .mobile-app-development-company-in-florida .heroContent,
  .mobile-app-development-company-mumbai .heroContent,
  .mobile-app-development-company-mumbai .hire-nodejs-developers .heroContent,
  .mobile-app-development-company-rajasthan .heroContent,
  .nft-marketplace-development .heroContent,
  .nodejs-development .heroContent,
  .paypal .heroContent,
  .php-development .heroContent,
  .premier-software-development-company-dubai .heroContent,
  .project-management-services .heroContent,
  .react-js .heroContent,
  .react-native .heroContent,
  .salesforce-application-development-company
    .heroContent
    .hire-blockchain-developer
    .heroContent,
  .salon-app-development-company .heroContent,
  .shopify-website-development .heroContent,
  .software-development-outsourcing-company .heroContent,
  .startup-app-development-company .heroContent,
  .support-maintenance-services .heroContent,
  .virtual-reality-development .heroContent,
  .vue-js-development .heroContent,
  .wordpress-development .heroContent,
  .yii-web-development .heroContent {
    text-align: center;
  }
}
.blog-cta-form .form-control {
  position: relative;
  height: 3rem;
  border: 0;
}
.blog-cta-form .form-label,
.form-input {
  position: absolute;
  transition: 0.2s;
  width: 100%;
}
.blog-cta-form .invalid-feedback {
  background-color: #fff0;
  color: #d61313;
  padding: 0 10px 0 23px;
  font-weight: 500;
}
.blog-cta-form .invalid-feedback::before {
  left: 0;
}
.blog-cta-form .form-label {
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  top: 12px;
  color: #9d9d9d;
}
.form-input {
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding: 14px 15px 0 12px;
  resize: none;
  border: none;
  outline: 0;
  color: #000;
  background: 0 0;
  font-size: 15px;
  font-weight: 500;
}
textarea.form-input {
  padding-top: 0;
  height: 90px;
  margin-top: 21px;
}
.form-input::-moz-placeholder {
  opacity: 0;
  visibility: hidden;
  color: #fff0;
}
.form-input:-ms-input-placeholder {
  opacity: 0;
  visibility: hidden;
  color: #fff0;
}
.form-input::placeholder {
  opacity: 0;
  visibility: hidden;
  color: #fff0;
}
.form-input:not(:-moz-placeholder-shown).form-input:not(:focus) ~ .form-label {
  top: 2px;
  left: 13px;
  font-size: 12px;
  z-index: 9;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.form-input:not(:-ms-input-placeholder).form-input:not(:focus) ~ .form-label {
  top: -0.75rem;
  left: 0;
  font-size: 0.875rem;
  z-index: 9;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.form-input:focus ~ .form-label,
.form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label {
  top: 2px;
  left: 13px;
  font-size: 12px;
  z-index: 9;
  transition: 0.2s;
}
.form-areas {
  resize: none;
  max-width: 100%;
  min-height: 7rem;
  max-height: 16rem;
}
.blog-cta-form {
  padding: 10px 18px 18px;
  border-radius: 10px;
  margin-bottom: 28px;
  background: linear-gradient(180deg, #fff3ee 0, #dceafa 65.83%);
}
.bcta-title {
  font-size: 23px;
  font-weight: 600;
  margin: 4px 0 9px;
}
.btn.btn-darken {
  width: 100%;
  background: #f25d1c;
  color: #fff;
  border-radius: 6px;
  height: 51px;
  font-size: 18px;
  font-weight: 600;
}
.btn.btn-darken:hover {
  background: #2cc8c5;
  color: #fff;
}
.bcta-title span {
  font-weight: 900;
  color: #f15c21;
}
.bcta-subtitle {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 17px;
}
.location-name {
  margin: 0 0 12px;
  position: relative;
}
.endBtn,
.startBtn {
  background: #fff;
  font-size: 20px;
  transform: rotateZ(-90deg);
  font-weight: 700;
  top: 0;
  text-transform: uppercase;
  position: absolute;
}
.location-name a {
  color: #fff;
  font-size: 17px;
  padding: 14px 0 16px 63px;
  position: relative;
  display: inline-block;
}
.ind_block p,
.process-height p {
  font-size: 16px;
}
.cc-bft,
.cc-h1 span,
.cc-h2 span,
.cc-link:hover,
.ccTitle span,
.ccb-title,
.hiring-block:hover .gotopage,
.location-name a:hover,
.rs-h2 span,
.srv-svg,
.testimonial_wrapper .section-heading {
  color: #ef5c20;
}
.m-appIcon a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 45px;
  height: 45px;
  background: url(../img/app-development-icon.svg) center/23px no-repeat #fff;
  border-radius: 30px;
  transform: translateY(-50%);
}
.dev-process-carousel.owl-carousel .owl-stage-outer {
  padding-top: 32px;
}
.startBtn {
  left: -47px;
  border: 5px solid #ec4899;
  border-radius: 30px;
  width: 100px;
  color: #ec4899;
}
.endBtn {
  right: -37px;
  border: 5px solid #14b8a6;
  border-radius: 30px;
  width: 80px;
  color: #14b8a6;
}
.cc-h1,
.rs-h2 {
  color: #000;
  font-weight: 700;
}
.dev-process-carousel .owl-item .process-box {
  position: relative;
  padding: 40px 30px;
}
.dev-process-carousel .owl-item:last-child .process-box::before {
  content: "";
  width: 6px;
  height: 50%;
  position: absolute;
  right: 0;
  top: 0;
  background: #14b8a6;
  z-index: 0;
}
.dev-process-carousel .owl-item:first-child {
  padding: 0 0 0 15px;
}
.dev-process-carousel .owl-item:last-child {
  padding: 0 19px 0 0;
}
.dev-process-carousel .owl-item:first-child .process-box::before {
  content: "";
  width: 6px;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ec4899;
  z-index: 0;
}
.dev-process-carousel .owl-item .process-box .p-circle-image {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  z-index: 1;
}
.dev-process-carousel .owl-item .process-box .p-circle-image::before {
  content: "";
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 4px;
  background: #fff;
}
.dev-process-carousel .owl-item:first-child .process-box .p-circle-image {
  border: 6px solid #ec4899;
}
.dev-process-carousel
  .owl-item:first-child
  .process-box
  .p-circle-image::before {
  border: 5px solid #a855f7;
}
.dev-process-carousel .owl-item:nth-child(2) .process-box .p-circle-image {
  border: 6px solid #a855f7;
}
.dev-process-carousel
  .owl-item:nth-child(2)
  .process-box
  .p-circle-image::before {
  border: 5px solid #6366f1;
}
.dev-process-carousel .owl-item:nth-child(3) .process-box .p-circle-image {
  border: 6px solid #6366f1;
}
.dev-process-carousel
  .owl-item:nth-child(3)
  .process-box
  .p-circle-image::before {
  border: 5px solid #0ea5e9;
}
.dev-process-carousel .owl-item:nth-child(4) .process-box .p-circle-image {
  border: 6px solid #0ea5e9;
}
.dev-process-carousel
  .owl-item:nth-child(4)
  .process-box
  .p-circle-image::before {
  border: 5px solid #14b8a6;
}
.dev-process-carousel .owl-item:first-child .process-box::after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  border: 6px solid #ec4899;
  border-radius: 0 0 40px 40px;
  border-top: 0;
  z-index: -1;
}
.dev-process-carousel .owl-item:nth-child(2) .process-box::before {
  content: "";
  width: calc(100% + 6px);
  height: 50%;
  position: absolute;
  left: -6px;
  top: 0;
  border: 6px solid #a855f7;
  border-radius: 40px 40px 0 0;
  border-bottom: 0;
  z-index: -1;
}
.dev-process-carousel .owl-item:nth-child(3) .process-box::after {
  content: "";
  width: calc(100% + 6px);
  height: 50%;
  position: absolute;
  left: -6px;
  bottom: 0;
  border: 6px solid #6366f1;
  border-radius: 0 0 40px 40px;
  border-top: 0;
  z-index: -1;
}
.dev-process-carousel .owl-item:nth-child(4) .process-box::before {
  content: "";
  width: calc(100% + 6px);
  height: 50%;
  position: absolute;
  left: -6px;
  top: 0;
  border: 6px solid #0ea5e9;
  border-radius: 40px 40px 0 0;
  border-bottom: 0;
  z-index: -1;
}
.dev-process-carousel .owl-item:nth-child(5) .process-box::after {
  content: "";
  width: calc(100% + 6px);
  height: 73%;
  position: absolute;
  left: -6px;
  bottom: 0;
  border: 6px solid #14b8a6;
  border-radius: 0 0 40px 40px;
  border-top: 0;
  z-index: -1;
}
.processTitle {
  font-size: 21px;
  font-weight: 700;
  margin: 30px 0 20px;
}
.c-h1,
.cc-btn,
.cc-label,
.get_quote_field label {
  font-weight: 600;
}
.process-box ul {
  padding: 0;
  margin: 0 0 25px;
}
.process-box ul li {
  padding: 0;
  margin: 5px 0;
  font-size: 15px;
  font-weight: 500;
}
.devprocess_wrapper {
  padding: 20px 0 63px;
}
.devprocess_wrapper .hd-1 {
  margin: 0 0 36px !important;
}
.processImage img {
  max-height: 56px;
}
@media (max-width: 1199.98px) {
  .request-a-quote .form-vector-img {
    display: none;
  }
  .video-wrapper {
    min-height: 510px;
    height: 510px;
  }
  .dev-process-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .owl-carousel.dev-process-carousel {
    overflow: hidden;
  }
}
.locTagline p {
  color: #fff;
  margin: 0 auto 51px;
  max-width: 100%;
}
.onaddress_bx_wrap:not(.onaddress_bx_active) {
  padding-top: 29px;
  padding-bottom: 0;
}
.custom-models-box .default-subheading2 {
  font-size: 18px;
  font-weight: 700;
}
.custom-models-box .specific_fetaure > li {
  font-size: 16px;
  padding: 0 0 10px 30px;
}
.custom-models-box .specific_fetaure.disc_list {
  padding: 7px 0 13px 20px;
  border-bottom: 1px solid #eaeaea;
  margin: 0 0 9px;
}
.custom-models-box .specific_fetaure > li .specific_fetaure.disc_list li {
  padding-left: 0;
}
.custom-models-box.models-box {
  padding-bottom: 5px;
}
.custom-models-box
  .specific_fetaure
  > li:last-child
  .specific_fetaure.disc_list {
  border-bottom: 0;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.cc-element::after,
.cc-element::before {
  position: absolute;
  content: "";
  pointer-events: none;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.salesforce-devs-wrapper .srvTitle .img-left {
  left: 0;
  right: auto;
}
.ind_block p {
  line-height: 1.5;
  color: var(--para-color);
}
.float-btn {
  position: fixed;
  bottom: 0;
  z-index: 111;
  left: 91px;
  right: 87px;
  margin: 0 auto;
  height: 77px;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: none;
}
.float-btn a.rqt-btn {
  background: #ef5c20;
  font-weight: 600;
  font-size: 15px !important;
  padding: 9px 10px !important;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  width: 100%;
}
.career .get_quote_form_left svg,
.internship_form.get_quote_form_left svg {
  width: 13px;
  height: 13px;
}
.career .get_quote_form_left svg path,
.internship_form.get_quote_form_left svg path {
  fill: #000;
}
.career .request_popup .get_quote_form_right,
.cc-h1.active,
.testimonial_wrapper .section-head {
  display: block;
}
.career .cmmi-text {
  right: 70px;
}
.portfolio-about-wrapper .similar-project-box figure img {
  height: auto;
  aspect-ratio: 1/1.1;
}
.similar-project-box figure img {
  height: 382px;
  width: 100% !important;
}
.innerpagehero .owl-carousel.owl-related-portfolio .owl-stage-outer {
  padding: 0 0 15px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .item-grid-4 .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .thanks-h1 {
    font-size: 55px;
  }
  .thanks-h2 {
    padding: 17px 20px;
    font-size: 18px;
  }
  .expect-section {
    padding: 50px 0;
    margin-top: 50px;
  }
  .webs-block {
    height: 357px;
  }
  .webs-block .product-detail .webs-title {
    font-size: 17px;
    line-height: 23px;
  }
  .product-detail {
    height: 95px;
  }
  .webs-block .product-detail .webs-text p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 14px;
  }
  .webs-block:hover .product-detail {
    height: 179px;
  }
  .bcta-title {
    font-size: 25px;
  }
  .bcta-subtitle {
    font-size: 14px;
    margin: 0 0 22px;
  }
  .similar-project-box figure img {
    height: 301px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item-grid-3 .item,
  .item-grid-4 .item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .expect-block {
    padding: 20px 15px;
  }
  .expect-count {
    width: 97px;
    height: 97px;
    margin: 0 auto 19px;
    font-size: 45px;
    line-height: 2;
  }
  .expect-stp {
    font-size: 21px;
    margin: 0 auto 15px;
  }
  .expect-text p {
    font-size: 14px;
  }
  .expect-h2,
  .thanks-h1 {
    font-size: 42px;
    margin: 0 0 30px;
  }
  .expect-subtext p {
    font-size: 18px;
    margin: 0 auto 43px;
  }
  .thanks-h2 {
    font-size: 16px;
  }
  .webs-block:hover .product-detail {
    height: 195px;
  }
  .product-detail {
    height: 107px;
  }
  .webs-block .product-detail .webs-text p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 13px;
  }
  .custom-width-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .crtTitle {
    margin: 0 0 13px;
    font-size: 30px;
    text-align: center;
  }
  .crt-block {
    height: 135px;
    padding: 20px;
  }
  .crt-block figure img {
    max-height: 90px;
  }
  .certificate-element {
    padding: 60px 0;
  }
  .crt-introtext {
    font-size: 14px;
    text-align: center;
    margin: 0 auto 36px;
  }
  .similar-project-box figure img {
    height: 220px;
  }
  .portfolio-about-wrapper .similar-project-box figure img {
    height: 172px;
  }
  .portfolio-about-wrapper p {
    font-size: 15px;
    line-height: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .webs-block {
    height: 347px;
  }
  .webs-link {
    width: 64px;
    height: 61px;
    background-size: 65px;
  }
  .webs-link a {
    width: 35px;
    height: 35px;
    bottom: 5px;
    right: 5px;
    line-height: 30px;
  }
  .webs-link a svg {
    height: 18px;
  }
  .product-detail {
    padding-right: 52px;
    height: 100px;
  }
  .webs-block .product-detail .webs-title {
    font-size: 17px;
    line-height: 25px;
  }
  .webs-block .product-detail .webs-text p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 12px;
  }
  .webs-block:hover .product-detail {
    height: 205px;
  }
  .similar-project-box figure img {
    height: 250px;
  }
}
@media (max-width: 575.98px) {
  .cts-links-new {
    width: 100%;
  }
  .portfolio-about-wrapper .similar-project-box figure img {
    height: 215px;
  }
  .similar-project-box figure img {
    height: 240px;
  }
}
@media (max-width: 499.98px) {
  .similar-project-box figure img {
    height: 223px;
  }
}
@media (max-width: 459.98px) {
  .similar-project-box figure img {
    height: 180px;
  }
}
@media (max-width: 399.98px) {
  .similar-project-box figure img {
    height: 370px;
  }
}
.owl-carousel.owl-portfolio .item figure {
  min-height: unset !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .portfolio-about-wrapper .similar-project-box figure img {
    height: 192px;
  }
}
@media only screen and (min-width: 1660.68px) {
  .costcal-wrapper .container {
    max-width: 1200px;
  }
}
.costcal-wrapper {
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
  background: url(../img/cost-calculator/corner-ellipse.png) no-repeat;
}
.cc-amt,
.cc-element {
  background: #fff;
  box-shadow: 0 5px 16px 0 rgb(8 15 52 / 0.06);
}
.cc-element::before {
  top: -87px;
  left: -70px;
  width: 90px;
  height: 90px;
  background: url(../img/cost-calculator/ice-vector.png) no-repeat;
  -webkit-animation: 2s ease-in-out infinite alternate both slide_up_down;
  animation: 2s ease-in-out infinite alternate both slide_up_down;
}
@keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.cc-element::after {
  top: -97px;
  right: -140px;
  width: 270px;
  height: 274px;
  background: url(../img/cost-calculator/curve-vector.png) no-repeat;
  z-index: -1;
  -webkit-animation: 1.5s ease-in-out infinite alternate both scale_up_down;
  animation: 1.5s ease-in-out infinite alternate both scale_up_down;
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cc-element {
  border-radius: 24px;
  border: 1px solid #eff0f6;
  position: relative;
  padding: 35px;
  margin: 0 0 90px;
}
.btn-next,
.cc-amt {
  border-radius: 12px;
}
.cc-h1 {
  font-size: 44px;
  margin: 0 0 30px;
}
.rs-h2 {
  font-size: 37px;
  margin: 0 0 15px;
}
.cc-results {
  margin: 0 0 26px;
}
.cc-label {
  color: #ef5c20;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 6px;
}
.cc-label span {
  color: #170f49;
}
.cc-amt {
  border: 2px solid #ebedf8;
  height: 50px;
  padding: 5px 19px;
  font-size: 22px;
  color: #170f49;
  font-weight: 700;
}
.bluramt {
  filter: blur(4px);
  color: #999;
}
.chLabel {
  color: #494270;
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 19px;
}
.form-step.active {
  display: block;
}
.progress-bar2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  z-index: 1;
  max-width: 90%;
  margin: 0 auto 51px;
}
.progress,
.progress-bar2::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  background-color: #eff0f6;
  z-index: -1;
}
.progress {
  background-color: #ef5c20;
  width: 0;
  transition: 0.5s;
}
.business-box .col4,
.servicebox,
.servicebox .aiImage,
.servicebox:hover,
.technologis ul li span,
.two_buttons ul li a,
.two_buttons ul li a:hover {
  transition: 0.5s ease-in-out;
}
.progress-step {
  width: 35px;
  height: 35px;
  background-color: #eff0f6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6f6c90;
  font-size: 15px;
  font-weight: 500;
}
.progress-step::before {
  counter-increment: step;
  content: counter(step);
  text-align: center;
  width: 100%;
  position: absolute;
}
.progress-step::after {
  content: attr(data-title);
  position: absolute;
  top: calc(100% + 0.2rem);
  font-size: 0.85rem;
  font-weight: 500;
  color: #170f49;
}
.progress-step.active::after {
  color: #ef5c20;
  font-weight: 600;
}
.progress-step.active {
  background-color: #ef5c20;
  color: #fff;
}
.select_options_element label {
  color: #170f49;
  cursor: pointer;
  display: block;
  background-color: #fff0;
  margin: 0 0 10px;
}
.select_options_element {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  min-height: 285px;
  align-content: flex-start;
}
.srv-option {
  padding-right: 5px;
  padding-left: 5px;
  width: 33.333333333%;
  -ms-flex: 0 0 33.333333333%;
  flex: 0 0 33.333333333%;
  max-width: 33.333333333%;
}
.btn-next,
.btn-prev {
  color: #fff;
  font-size: 17px;
  padding: 8px 22px;
  font-weight: 600;
}
.btn-next {
  background: #ef5c20;
  border: 2px solid #fff0;
}
.btn-next:hover {
  background: #fff;
  border-color: #ef5c20;
  color: #ef5c20;
}
.btn-prev {
  margin-right: 5px;
  border-radius: 12px;
  background: #65cac7;
  border: 2px solid #fff0;
}
.btn-prev:hover {
  background: #fff;
  border-color: #65cac7;
  color: #65cac7;
}
.form-btns {
  text-align: right;
}
.srv-svg {
  width: 45px;
  flex: 0 0 45px;
}
.authText,
.srvNm {
  flex: auto;
}
.select_options_element label span {
  font-size: 14px;
  font-weight: 600;
}
.srv-svg svg {
  height: 42px;
  width: 46px;
}
.select_options_element label input {
  position: absolute;
  top: -20px;
}
.select_options_element label .lbl-srv {
  border: 2px solid #ebedf8;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 12px;
  box-shadow: 0 5px 16px 0 rgb(8 15 52 / 0.06);
  padding: 19px 15px;
  align-items: center;
  gap: 13px;
  flex-wrap: nowrap;
}
.select_options_element input:checked + .lbl-srv {
  color: #ef5c20;
  border: 2px solid #ef5c20;
  background: url(../img/cost-calculator/checkbox.svg) right 5px top 5px/19px
    no-repeat;
}
.hs-List li::after,
.hs-List li::before {
  content: "";
  height: 8px;
  border-radius: 25px;
  background-color: #f15c22;
  top: 0;
  margin: auto;
  transform-origin: center center;
  bottom: 0;
}
.label_p {
  font-weight: 400;
}
.custom-control-label::after {
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  top: 0;
  color: #fff0;
}
.form_bot_wrapper .custom-control-label::before {
  background-color: #ebebeb;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 0;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ebebeb;
}
.ccimage img {
  border-radius: 30px;
}
.ccTitle {
  color: #fff;
  font-size: 45px;
  margin: 0 0 26px;
  font-weight: 800;
}
.cc-section2 {
  margin: 110px auto 75px;
}
.ellipseImg {
  position: absolute;
  top: 640px;
  right: 0;
}
.cc-benefits {
  background: #f9f9fb;
  padding: 76px 0;
}
.ccb-listing {
  padding: 0;
  margin: 0 -20px;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ccb-listing li {
  padding: 0 20px;
  margin: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-bottom: 1px solid #e3e3ed;
}
.ccb-listing li:nth-child(2n) {
  border-left: 1px solid #e3e3ed;
}
.ccb-listing li:last-child,
.ccb-listing li:nth-last-child(2) {
  border-bottom: none;
}
.ccb-stg-pd {
  padding: 0 0 0 40px;
}
.cc-bft {
  font-size: 23px;
  font-weight: 500;
  margin: 0 0 20px;
}
.cbfont-lg {
  font-size: 20px;
  line-height: 33px;
}
.ccb-element {
  padding: 30px;
}
.blogContent h5,
.ccb-img {
  color: #000;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  margin: 0 0 20px;
}
.ccb-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
}
.cc-whyobinner {
  background: url(../img/cost-calculator/ccimg-overlay.jpg) 0 / cover no-repeat;
  position: relative;
  padding: 70px 0 270px;
  color: #fff;
  z-index: 1;
}
.cc-whyobinner::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #010123;
  opacity: 0.95;
  z-index: -1;
}
.ccw-blocks {
  position: relative;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 32px 7px rgb(0 0 0 / 0.05);
  padding: 35px 35px 20px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.container.m-y-150 {
  margin-top: -200px;
  z-index: 1;
  position: relative;
}
.ccw-counter {
  position: absolute;
  top: -43px;
  right: 20px;
  font-size: 38px;
  font-weight: 700;
  width: 96px;
  height: 93px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  color: #fff;
  line-height: 79px;
}
.ccw-counter.ccw-shape1 {
  background: url(../img/cost-calculator/ccw-shape1.png);
}
.ccw-counter.ccw-shape2 {
  background: url(../img/cost-calculator/ccw-shape2.png);
}
.ccw-counter.ccw-shape3 {
  background: url(../img/cost-calculator/ccw-shape3.png);
}
.ccw-counter.ccw-shape4 {
  background: url(../img/cost-calculator/ccw-shape4.png);
}
.ccwTitle {
  color: #000;
  font-size: 23px;
  font-weight: 700;
  margin: 26px 0 20px;
}
.awards-section {
  padding: 90px 0 42px;
  position: relative;
  z-index: 1;
  background-color: #f5f5f5;
}
.cc-whyob {
  background: #f5f5f5;
}
.cc-logoimg {
  position: relative;
  border-radius: 20px;
  background: #fff;
  padding: 30px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cc-link,
.hs-List li {
  background-size: 300% !important;
  text-fill-color: #fff0;
  -webkit-text-fill-color: #fff0;
}
.cc-logoimg img {
  height: auto;
  max-height: 139px;
}
.app-development-cost-calculator.innerpagehero .heroContent {
  padding-bottom: 43px;
  padding-top: 117px;
}
.cost_requst_btn {
  background-color: #ef5c20;
  font-weight: 600;
  color: #fffefe;
  font-size: 17px;
  padding: 13px 25px;
  border-radius: 12px;
  margin: 10px 0 0;
  display: block;
}
.cost_requst_btn:hover {
  color: #fff;
  background-color: #32caca;
}
.cc-h2 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 11px 0 0;
}
.cc-link {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-image: linear-gradient(
    90deg,
    #fff 15%,
    #00ebcc 55.5%,
    #ff5828 80.5%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-animation: 5s infinite Gradient !important;
  -moz-animation: 5s infinite Gradient !important;
  animation: 5s infinite Gradient !important;
}
@-webkit-keyframes Gradient {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@-moz-keyframes Gradient {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes Gradient {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .cc-logoimg {
    padding: 20px;
    height: 180px;
  }
  .cc-logoimg img {
    max-height: 120px;
  }
  .ccw-blocks {
    padding: 35px 27px 20px;
  }
  .cc-whyobinner {
    padding: 62px 0 280px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .cc-h2 {
    margin: 18px 0 0;
  }
  .app-development-cost-calculator.innerpagehero .heroContent {
    padding-bottom: 30px;
    padding-top: 60px;
  }
  .cc-logoimg {
    padding: 20px;
    height: 170px;
  }
  .cc-logoimg img {
    max-height: 109px;
  }
  .ccw-blocks {
    height: calc(100% - 34px);
    margin-bottom: 27px;
  }
  .ccw-counter {
    top: -23px;
    right: 20px;
    font-size: 25px;
    width: 66px;
    height: 63px;
    line-height: 57px;
  }
  .ccb-listing {
    margin: 0;
  }
  .ccb-listing li {
    padding: 0;
  }
  .cc-section2 {
    margin: 60px auto;
  }
  .cc-benefits {
    padding: 36px 0;
  }
  .ccTitle {
    font-size: 34px;
  }
  .progress-bar2 {
    max-width: 100%;
    margin: 0 auto 35px;
  }
  .rs-h2 {
    font-size: 30px;
    margin: 8px 0 15px;
  }
  .select_options_element.two-col .srv-option {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cc-h1 {
    font-size: 43px;
  }
  .ccb-stg-pd {
    padding: 0 0 0 20px;
  }
  .cc-whyobinner {
    padding: 60px 0 261px;
  }
}
@media (max-width: 991.98px) {
  .ccimage,
  .formbanner-holder {
    display: none;
  }
  .video-wrapper {
    min-height: 430px;
    height: 430px;
  }
  .video-title {
    font-size: 36px;
    color: #fff;
    margin: 0;
  }
  .video-desc {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0;
    max-width: 570px;
  }
  .video-content,
  header .container {
    padding: 0 20px;
  }
  .cbfont-lg,
  .cc-bft,
  .cc-h2,
  .ccTitle,
  .chLabel,
  .form-btns,
  .rs-h2 {
    text-align: center;
  }
  .cc-logoimg {
    padding: 20px;
    height: 160px;
  }
  .cc-logoimg img {
    max-height: 105px;
  }
  .ccw-icon svg {
    height: 58px;
    width: 57px;
  }
  .ccwTitle {
    margin: 23px 0 14px;
  }
  .ccw-blocks {
    height: calc(100% - 34px);
    margin-bottom: 27px;
  }
  .ccw-counter {
    top: -23px;
    right: 20px;
    font-size: 25px;
    width: 66px;
    height: 63px;
    line-height: 57px;
  }
  .cc-element {
    margin: 0 0 67px;
  }
  .cbfont-lg {
    font-size: 19px;
    line-height: 29px;
  }
  .cc-bft {
    font-size: 20px;
    margin: 0 0 5px;
  }
  .ccTitle {
    font-size: 37px;
  }
  .ccb-listing li,
  .ccb-stg-pd {
    padding: 0;
  }
  .ccb-listing {
    margin: 0;
  }
  .cc-benefits {
    padding: 50px 0;
  }
  .cc-section2 {
    margin: 60px auto;
  }
  .select_options_element {
    min-height: unset;
  }
  .progress-bar2 {
    max-width: 100%;
    margin: 0 auto 35px;
  }
  .form-btns {
    margin: 16px auto 0;
  }
  .rs-h2 {
    font-size: 32px;
  }
  .progress-step::after {
    font-size: 0.78rem;
  }
  .cc-h1 {
    font-size: 43px;
    margin: 0 0 17px;
  }
  .cc-whyobinner {
    padding: 56px 0 250px;
  }
  .awards-section {
    padding: 55px 0 42px;
  }
  .cc-element::after {
    right: -90px;
    width: 250px;
    height: 264px;
    background-size: contain;
  }
  .cc-h2 {
    font-size: 24px;
    margin: 17px 0 3px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .cc-h1 {
    font-size: 35px;
    margin: 0 0 27px;
  }
  .app-development-cost-calculator.innerpagehero .heroContent {
    padding-bottom: 16px !important;
    padding-top: 75px !important;
  }
}
@media (max-width: 767.98px) {
  .all_categories_block {
    margin-top: 6px;
  }
  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 14px;
  }
  .blog_internal .breadcrumb-section {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .item-grid-2 .item,
  .item-grid-4 .item,
  .latest_blog_wrapper .blog_row,
  .more_blog .more_guides_box {
    margin-bottom: 0;
  }
  .blog_list .more_guides_title,
  .business_product_content .future_mobile_title,
  .video-desc {
    font-size: 18px;
  }
  .btn-page,
  .more_guides_des,
  .quote_btn {
    font-size: 15px;
  }
  .explore_categories {
    padding-bottom: 20px;
  }
  .all_categories_track,
  .mobile_app_user {
    margin-bottom: 20px;
  }
  .block_search {
    min-width: 100%;
  }
  .future_mobile_title {
    font-size: 22px;
  }
  .explore_categories_tab_block .more_guides_title {
    font-size: 16px;
  }
  .more_guides_block {
    padding: 0 0 20px;
  }
  .more_guides_title {
    font-size: 19px;
  }
  .all_categories_title {
    font-size: 20px;
  }
  .more_guides_block .future_mobile_title {
    margin-bottom: 11px;
  }
  .social_listing {
    gap: 15px;
  }
  .blog-content-text p {
    margin: 19px 0;
    font-size: 17px;
    line-height: 1.7;
  }
  .breadcrumb {
    margin-top: 16px;
  }
  .crt-introtext,
  .crtTitle,
  .thanks-h1,
  .thanks-h2 {
    text-align: center;
  }
  .features-flex-wrapper.ff-col-2 .features-flex {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  blockquote {
    padding: 36px 35px;
    font-size: 17px;
    line-height: 1.8;
  }
  .thank-you.innerpagehero .heroContent {
    padding: 30px 0 0 !important;
  }
  .thanks-section {
    margin: 40px auto 0;
  }
  .thanksImg {
    margin: 0 auto 40px;
    max-width: 220px;
  }
  .thanks-h1 {
    font-size: 36px;
    margin: 0 auto 30px;
    color: #ee5c20;
  }
  .expect-section {
    padding: 34px 0;
    margin-top: 50px;
  }
  .thanks-h2 {
    border-radius: 23px;
    padding: 17px 20px;
    font-size: 16px;
  }
  .expect-h2 {
    font-size: 36px;
  }
  .blog-cta-form,
  .cc-element::after,
  .cc-element::before,
  .expect-section::after,
  .progress-step::after {
    display: none;
  }
  .expect-subtext p {
    font-size: 17px;
    margin: 0 auto 43px;
  }
  .expect-block {
    height: auto;
    padding: 20px 15px;
    margin: 0 auto 20px;
  }
  .btn-nav,
  .btn-page {
    width: 45px;
    height: 45px;
  }
  .page-numbers,
  .paginations {
    gap: 9px;
    flex-wrap: wrap;
  }
  .crt-block {
    height: 155px;
    padding: 20px 25px;
  }
  .certificate-element {
    padding: 40px 0;
  }
  .crtTitle {
    font-size: 29px;
    margin: 0 0 13px;
  }
  .custom-width-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .crt-introtext {
    font-size: 14px;
    margin: 0 auto 36px;
  }
  ul.bands-grid li {
    flex: 1 0 33.3333333333%;
  }
  .brands-element {
    padding: 50px 0;
  }
  .video-content,
  header .container {
    padding: 0 13px;
  }
  .video-content {
    padding: 0 55px 0 15px;
  }
  .video-wrapper {
    min-height: 470px;
    height: 470px;
    max-height: 1000px;
  }
  #hero-video {
    width: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
  }
  .video-title {
    font-size: 31px;
    line-height: 41px;
  }
  .video-wrapper .contact_us_btn {
    padding: 15px 30px;
    font-size: 16px;
    line-height: 20px;
  }
  .ctamodal-h1 .lgtext,
  .ctamodal-h1 .orangetext {
    font-size: 41px;
    line-height: 55px;
  }
  .expert-btn {
    font-size: 21px;
    padding: 13px 21px;
  }
  .innerpagehero .owl-carousel.dev-process-carousel .item {
    margin: 0 0 0 25px;
  }
  .embed-responsive-16by9::before {
    padding: 236px;
  }
  .fixed-bar-mobile ul li {
    flex: 0 0 93px !important;
    -ms-flex: 0 0 93px !important;
    max-width: 93px !important;
  }
  .fixed-bar-mobile ul li.custom-w-60 {
    flex: auto !important;
    max-width: unset !important;
  }
  .float-btn {
    display: flex;
  }
  .costcal-wrapper {
    padding: 12px 0 0;
    background-size: 480px;
  }
  .cc-logoimg {
    padding: 20px;
    height: 160px;
  }
  .cc-logoimg img {
    max-height: 105px;
  }
  .ccw-blocks {
    padding: 25px 25px 20px;
  }
  .cc-whyobinner {
    padding: 56px 0 245px;
  }
  .ccb-title {
    margin: 0;
    padding: 0 0 10px 54px;
  }
  .ccb-text {
    padding: 0 0 0 54px;
  }
  .ccb-img {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .ccb-img svg {
    height: 35px;
  }
  .awards-section {
    padding: 20px 0;
  }
  .ccb-listing li:nth-child(2n) {
    border-left: 0;
  }
  .cc-benefits {
    padding: 40px 0 18px;
  }
  .ccb-element {
    padding: 0 0 42px;
    position: relative;
  }
  .ccb-listing li {
    padding: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 0;
  }
  .cc-section2 {
    margin: 32px auto;
  }
  .ccTitle {
    font-size: 30px;
    margin: 0 0 21px;
  }
  .app-development-cost-calculator.innerpagehero .heroContent {
    padding-bottom: 0 !important;
    padding-top: 75px !important;
  }
  .select_options_element.two-col .srv-option {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .select_options_element label {
    height: calc(100% - 10px);
  }
  .select_options_element label span {
    word-break: break-word;
  }
  .form-btns {
    margin: 6px auto 0;
  }
  .srv-svg {
    width: 37px;
    flex: 0 0 37px;
  }
  .cc-h1 {
    font-size: 33px;
  }
  .progress-step {
    width: 25px;
    height: 25px;
    font-size: 14px;
  }
  .progress-bar2 {
    margin: 0 auto 9px;
    display: none;
  }
  .rs-h2 {
    font-size: 27px;
  }
  .cc-h2 {
    font-size: 22px;
    margin: -12px 0 0;
  }
  .select_options_element label .lbl-srv {
    padding: 9px 10px;
    gap: 8px;
  }
  .srv-svg svg {
    height: 33px;
    width: 36px;
  }
}
.h-img,
.hs-List li::after,
.hs-List li::before {
  position: absolute;
  left: 0;
}
.cc-btn,
.cta-leftcol,
.hs-List li {
  position: relative;
}
.callback-data {
  height: 100%;
  background-color: #e5ebf4;
  padding: 22px 25px;
  border-radius: 0 6px 6px 0;
}
.cta-h1 {
  font-size: 32px;
  font-weight: 600;
  color: #3d3b4c;
}
#technologies-section .nav-tabs .nav-link:hover,
.cta-h2 {
  color: #f15c22;
}
.cta-h1 span {
  line-height: normal;
  display: block;
  font-size: 50px;
  font-weight: 800;
  color: #30c2c1;
}
.hs-List li {
  font-size: 19px;
  font-weight: 600;
  margin: 11px 0;
  padding: 0 0 0 20px;
  background-image: linear-gradient(90deg, #0ccab1 15%, #666 55.5%, #000 80.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-animation: 5s infinite Gradient !important;
  -moz-animation: 5s infinite Gradient !important;
  animation: 5s infinite Gradient !important;
}
.hs-List li::after {
  width: 8px;
  animation: 2s linear infinite pulse;
}
.hs-List li::before {
  width: 8px;
}
.b.hs-List li:after {
  animation-delay: 1s;
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    transform: scale(3.5);
    opacity: 0;
  }
}
.h-img {
  bottom: 0;
}
.letstart {
  font-size: 26px;
  margin: 17px 0 0;
  font-weight: 400;
}
.aifeature-name,
.cta-h2 {
  font-weight: 700;
}
.cta-inner {
  font-weight: 600;
}
.hs-List {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.cta-h2 {
  font-size: 19px;
  margin: 20px 0 18px;
}
.request-a-quote.callback-data .obcontact_input textarea {
  height: 80px;
}
.cta-leftcol {
  padding: 28px 28px 238px;
  height: 100%;
}
@media (max-width: 991.98px) {
  .h-img {
    display: none;
  }
  .cta-leftcol {
    padding: 15px 15px 20px;
  }
  .callback-data {
    padding: 16px;
    border-radius: 0 0 6px 6px;
  }
  .keyBenefits.saas-process {
    padding: 50px 0 52px;
    margin: 60px 0 0;
  }
  .cta-h1 span {
    font-size: 51px;
  }
  .cta-h1 {
    font-size: 32px;
  }
  .letstart {
    font-size: 24px;
    margin: 21px 0 8px;
  }
  .portfolio-detail-wrapper .container {
    max-width: 100%;
  }
  .portfolio-detail-inner {
    margin: 180px 0 50px !important;
  }
  .portfolio-detail-wrapper .search-wrapper {
    top: 124px;
  }
}
@media (max-width: 767.98px) {
  .portfolio-detail-wrapper header {
    padding: 10px 0;
  }
  .portfolio-detail-inner {
    margin: 143px 0 50px !important;
  }
  .portfolio-detail-wrapper .search-wrapper {
    top: 89px;
  }
}
@media (max-width: 575.98px) {
  .portfolio-detail-inner {
    margin: 140px 0 50px !important;
  }
  .portfolio-detail-wrapper .search-wrapper {
    top: 83px;
  }
}
.cc-btn {
  background: #ef5c20;
  color: #fff;
  font-size: 16px;
  margin: 13px auto;
  padding: 7px 20px 5px;
  letter-spacing: 2px;
  border-radius: 8px;
  box-shadow:
    inset 2px 2px 2px 0 rgb(255 255 255 / 0.5),
    7px 7px 20px 0 rgb(0 0 0 / 0.1),
    4px 4px 5px 0 rgb(0 0 0 / 0.1);
}
.cc-btn:hover {
  color: #fff;
  opacity: 0.7;
}
.cc-btn:before,
.ctaButton:before,
.talkai a:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: 3s ease-in infinite shiny-btn1;
}
.cc-btn:active,
.ctaButton:active,
.talkai a:active {
  box-shadow:
    4px 4px 6px 0 rgb(255 255 255 / 0.3),
    -4px -4px 6px 0 rgb(116 125 136 / 0.2),
    inset -4px -4px 6px 0 rgb(255 255 255 / 0.2),
    inset 4px 4px 6px 0 rgb(0 0 0 / 0.2);
}
.transfor .col7 {
  max-width: 60%;
  flex: 60%;
  padding: 0 10px;
}
.transfor .col5 {
  max-width: 40%;
  flex: 40%;
  padding: 0 10px;
}
.cc-cal-widget img {
  max-height: 144px;
}
.cc-cal-widget {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 290px;
  left: 20px;
  padding: 12px 12px 10px;
  background: #ffe4db;
  border-radius: 20px 20px 0 0;
  border: 4px solid #fff;
  border-bottom: 0;
  box-shadow: 0 10px 20px rgb(0 0 0 / 0.1);
}
.cc-cal-widget .btn-hero-primary {
  padding: 10px 14px;
  margin: 17px auto 11px;
}
.cc-cal-widget .light-circled {
  border-radius: 50px;
}
.c-h1 {
  margin-top: 6px;
  color: #000;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.c-h1 span {
  text-align: center;
  text-shadow: 0 4.405px 17.62px rgb(241 92 34 / 0.36);
  font-style: normal;
  background: linear-gradient(90deg, #fa4921 0%, #f2981c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.cc-close {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -7px;
}
.app-development-cost-calculator .cc-cal-widget {
  display: none !important;
}
.ctaButton {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  font-size: 16px;
  padding: 11px 20px 7px 20px;
  border-radius: 30px;
  position: relative;
  box-shadow:
    inset 2px 2px 2px 0 rgb(255 255 255 / 0.5),
    7px 7px 20px 0 rgb(0 0 0 / 0.1),
    4px 4px 5px 0 rgb(0 0 0 / 0.1);
  margin: 17px auto 0;
  font-weight: 700;
  text-transform: uppercase;
}
.ctaButton:hover {
  color: #fff;
  background: #0fab9f;
}
.defaultBg.ctaButton:hover {
  background: #0fab9f;
}
.cta-newblock {
  position: relative;
  background-color: #0b1121;
  background-image:
    radial-gradient(at 0% 0%, rgba(245, 92, 33, 0.25) 0px, transparent 60%),
    radial-gradient(at 100% 100%, rgba(0, 195, 255, 0.25) 0px, transparent 60%);
  border-radius: 15px;
  padding: 30px;
  color: #fff;
  box-shadow:
    rgb(50 50 93 / 0.1) 0 20px 50px -10px,
    rgb(0 0 0 / 0.2) 0 20px 40px -30px;
}
.cta-newblock.purpleBg {
  background: linear-gradient(to right, #22dfdc, #1ba4a2);
}
.cta-newblock.orangeBg,
.p-tabs .nav-tabs.white-p-tabs .nav-link.active {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
}
.cta-inner {
  font-size: 30px;
  line-height: normal;
}
.designs-wrapper.dating-wrappers {
  background: linear-gradient(
    151deg,
    #f4f6ff 5%,
    #fff8ff 35%,
    #fef9f4 65%,
    #f8f3ff 95%
  );
  margin: 57px auto 70px;
  padding: 59px 0 30px;
}
ul.designDevList li.dates-icn {
  background: url(../img/dating-apps/dates.png) no-repeat;
}
ul.designDevList li.censoring-icn {
  background: url(../img/dating-apps/censor.png) no-repeat;
}
ul.designDevList li.swipes-icn {
  background: url(../img/dating-apps/swipes.png) no-repeat;
}
ul.designDevList li.fonts-icn {
  background: url(../img/dating-apps/fonts.png) no-repeat;
}
ul.designDevList li.texts-icn {
  background: url(../img/dating-apps/chats.png) no-repeat;
}
ul.designDevList li.videos-icn {
  background: url(../img/dating-apps/v-chats.png) no-repeat;
}
ul.designDevList li.speeds-icn {
  background: url(../img/dating-apps/datings.png) no-repeat;
}
ul.designDevList li.dating-icn {
  background: url(../img/dating-apps/blind-dating.png) no-repeat;
}
ul.designDevList li.matchmaking-icn {
  background: url(../img/dating-apps/geo-fencing.png) no-repeat;
}
ul.designDevList li.AI-icn {
  background: url(../img/dating-apps/matching.png) no-repeat;
}
ul.designDevList li.recommendation-icn {
  background: url(../img/dating-apps/profiles.png) no-repeat;
}
@keyframes shrink {
  0% {
    background-size: 100% 50%;
  }
  100% {
    background-size: 100% 70%;
  }
}
@keyframes shrink1 {
  0% {
    background-size: 100% 50%;
    opacity: 9;
  }
  100% {
    background-size: 100% 100%;
    opacity: 0.8;
  }
}
@keyframes shrink2 {
  0% {
    background-size: 250px 250px;
    opacity: 9;
  }
  100% {
    background-size: 200px 200px;
    opacity: 0.8;
  }
}
.ai-wrapper,
.artificial-intelligence .section_footer {
  background: #011223;
}
.service-section {
  padding: 70px 0 90px;
  position: relative;
  z-index: 99;
  margin-top: 60px;
  background: #082037;
}
.business-box .col4 {
  max-width: 33.3%;
  flex: 33.33%;
  padding: 20px;
  border-right: 1px solid #011223;
  border-bottom: 1px solid #011223;
}
.business-box {
  background-image: linear-gradient(to right, #012, #142434);
  border: 1px solid #55606b;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 0;
  margin: 20px 0;
}
.ai-expertise-wrapper {
  padding: 70px 0 10px;
}
.business-box .col4:hover {
  background: #65c7c6;
  border-radius: 5px;
}
.business-box .imgbox img {
  max-width: 40px;
  width: auto;
  height: auto;
  opacity: 0.7;
}
.business-box .imgbox {
  padding: 10px;
  border-radius: 5px;
  display: block;
  width: 63px;
}
.business-box .col4:hover .imgbox {
  padding: 10px;
  border-radius: 5px;
  background: #f15c22;
  display: block;
}
.business-box .col4.noleftbord {
  border-right: none;
}
.business-box .ai-srv-title {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  padding: 10px 0;
}
.business-box p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 5px 0;
}
.business-box .col4:hover .ai-srv-title,
.business-box .col4:hover p {
  color: #011323;
}
.servicebox {
  background: url(../img/artificial-intelligence/bg1.webp) top center/cover
    no-repeat;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #3b4956;
  margin: 12px 0;
}
.servicebox .aiImage {
  background: linear-gradient(109deg, #434f5c 0, #253443 100%);
  border-radius: 100px;
  border: 2px solid #535f6a;
  height: 110px;
  width: 110px;
  display: block;
  margin: 0 auto;
  padding: 17px 0;
}
.servicebox .aiImage img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
}
.ai-expertise-wrapper .owl-stage-outer {
  padding-top: 0 !important;
}
.aifeature-name {
  font-size: 24px;
  color: #fff;
  padding: 37px 0 12px;
}
.ai-wrapper .aifeature-text,
.aisrv-text {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}
.cta-aibtn {
  background-color: #ef5c20;
  font-weight: 600;
  color: #fffefe;
  font-size: 21px;
  padding: 10px 25px;
  border-radius: 35px;
  display: inline-block;
  position: relative;
}
.cta-aibtn:hover {
  background-color: #62cbc8;
  color: #fff;
}
.servicebox:hover {
  background: #65c7c6;
}
.servicebox:hover .aifeature-name,
.servicebox:hover .aifeature-text {
  color: #011323 !important;
}
.soluction {
  background: url(../img/artificial-intelligence/bg.webp) top center/cover
    no-repeat;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 90px 0 20px;
  align-items: center;
  border: 1px solid #4c5865;
}
.col6 {
  max-width: 50%;
  flex: 50%;
  padding: 10px;
}
.technologis ul,
.transfor {
  flex-wrap: wrap;
  display: flex;
}
.solut {
  padding-left: 25px;
  padding-bottom: 30px;
}
.aicta-Title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  padding: 5px 0;
  margin: 0 0 30px;
  line-height: normal;
}
.aicta-desc {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  padding: 5px 0;
  margin: 0;
}
.slimg {
  text-align: right;
  margin: -83px 0 0;
}
.slimg img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.service-boxblock {
  background-image: linear-gradient(to bottom right, #294f4e, #4f6269, #0f2030);
  padding: 10px 20px 0;
  border-radius: 10px;
}
.ai-services-wrapper,
.ai-wrapper .faq-section {
  z-index: 1;
  background: #082037;
  position: relative;
}
.aisrv-name {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding: 7px 0;
  text-align: center;
}
.aisrv-Image {
  text-align: center;
  margin: 30px auto;
  max-height: 120px;
}
.aisrv-Image img {
  max-height: 116px;
}
.ai-services-wrapper {
  padding: 70px 0 40px;
  margin: 42px auto;
}
#technologies-section {
  background: #011223;
  padding: 30px 0 50px;
  position: relative;
  z-index: 99;
}
#technologies-section:before {
  background: url(../img/artificial-intelligence/ai.webp) top right/250px
    no-repeat;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  animation: 4s infinite alternate shrink2;
}
#technologies-section:after {
  background: url(../img/artificial-intelligence/mountimg.webp) bottom
    center/100% no-repeat;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
}
.technologis h3 {
  text-transform: uppercase;
  padding: 5px 0;
}
.technologis h3 span {
  background: #fff;
  height: 2px;
  width: 45px;
  display: inline-block;
  margin: 5px 10px;
}
.pyth ul li,
.sep-icon span.imgclass,
.technologis ul li span {
  background-image: linear-gradient(to right, #283644, #142434);
}
.technologis ul {
  align-items: center;
  padding: 10px 0;
}
.technologis ul li {
  max-width: 33.33%;
  flex: 33.33%;
  padding: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.technologis ul li span {
  padding: 20px 0;
  border-radius: 10px;
  border: 1px solid #43505d;
  display: block;
  text-align: center;
  cursor: pointer;
}
.technologis ul li img {
  display: block;
  max-width: 65px;
  margin: 0 auto 9px;
}
.technologis ul li:hover span {
  background: #f15c22;
  margin: -6px 0 0;
  transition: 0.5s ease-in-out;
}
#technologies-section .nav-tabs {
  background: #1b2a39;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #3b4a58;
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
}
#technologies-section .nav-tabs li {
  max-width: 14.28571428%;
  flex: 14.28571428%;
}
#technologies-section .nav-tabs li:last-child .nav-link {
  border: none;
}
#technologies-section .nav-tabs .nav-link {
  min-height: 100%;
  position: relative;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
  border-right: 1px solid #ffffff2e;
  padding: 8px 0;
  background: top;
  color: #fff;
}
#technologies-section .nav-tabs .nav-item.show .nav-link,
#technologies-section .nav-tabs .nav-link.active {
  background: 0 0;
  color: #f15c22;
  border: none;
  border-right: 1px solid #ffffff2e;
}
#technologies-section .nav-tabs .nav-item.show .nav-link span.imgclass,
#technologies-section .nav-tabs .nav-link.active span.imgclass {
  border-color: #f15c22;
  background: #f15c22;
  animation: 3s infinite zoom-in-zoom-out;
}
.ai-wrapper .faq-section {
  padding: 58px 0 50px;
  margin-bottom: 0;
  margin-top: 22px;
}
.sep-icon {
  text-align: center;
  padding: 30px 0;
  position: absolute;
  top: 90px;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-bottom: 1px solid #22303f;
}
#technologies-section .nav-tabs .nav-item.show .nav-link .sep-icon,
#technologies-section .nav-tabs .nav-link.active .sep-icon {
  border-color: #f15c22;
}
.sep-icon span.imgclass {
  padding: 10px 4px;
  border-radius: 100px;
  border: 1px solid #43505d;
  display: block;
  height: 70px;
  width: 70px;
  text-align: center;
  margin: 0 auto;
  line-height: 44px;
}
.pyth ul,
.pyth ul li {
  display: inline-block;
  border-radius: 10px;
}
.sep-icon span.imgclass img {
  max-width: 49px;
  width: auto;
  height: auto;
}
.two_buttons ul li .email,
.two_buttons ul li .watsh {
  background: #fff;
  height: 40px;
  width: 40px;
  display: block;
  font-size: 20px;
  padding: 3px 0;
  margin: 2px 0;
  text-align: center;
  float: right;
}
.pyth {
  text-align: center;
  padding: 170px 0 0;
}
.pyth ul {
  padding: 6px 4px;
}
.pyth ul li {
  border: 1px solid #43505d;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding: 8px 20px;
  margin: 0 3px 11px;
}
#technologies-section .nav-tabs .nav-item.show .nav-link:before,
#technologies-section .nav-tabs .nav-link.active:before {
  clip-path: polygon(49% 53%, 0 0, 100% 0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -31px;
  height: 22px;
  width: 19px;
  content: "";
  margin: 0 auto;
  background: #1b2a39;
}
@keyframes zoom-in-zoom-out {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
}
.two_buttons {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.two_buttons ul li {
  padding: 2px 0;
  text-align: center;
}
.two_buttons ul li:first-child {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.two_buttons ul li:first-child a {
  background: #f15c22;
  border: 1px solid #fff;
  box-shadow: 0 0 10px #00000020;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 8px;
  border-right: 0;
  border-radius: 10px 0 0 10px;
}
.two_buttons ul li .watsh {
  border-radius: 10px 0 0 10px;
  color: #24cc63;
  border: 3px solid #24cc63;
  border-right: 0;
}
.two_buttons ul li .email {
  border-radius: 10px 0 0 10px;
  color: #e85b4d;
  border: 3px solid #e85b4d;
  border-right: 0;
}
.two_buttons ul li a:hover {
  right: 2px;
  position: relative;
}
.transfor {
  background: url(../img/artificial-intelligence/bg3.webp) top center/cover
    no-repeat;
  border-radius: 10px;
  align-items: center;
  padding: 0;
  margin: 150px 0 20px;
}
.aidev-img,
.tabeo {
  margin: 35px auto 0;
}
.transfor .slimg {
  margin: -121px 0 0;
  text-align: center;
}
.transfor .slimg img {
  max-width: 75%;
  width: auto;
  height: auto;
}
.ai-wrapper ul.infoGraphic li .coverWrap .numberCover {
  background: #011223;
  border-bottom: 1px solid #ffffff3d;
}
.ai-wrapper ul.infoGraphic li {
  background-color: #fff0;
  padding: 0 10px 0 0;
}
.ai-wrapper ul.infoGraphic li .coverWrap .numberCover::before {
  box-shadow: 0 0 30px 7px #25c8bd;
}
.ai-wrapper ul.infoGraphic li .coverWrap .numberCover::after {
  background: radial-gradient(at bottom, #65c6c742, transparent, transparent);
}
.ai-wrapper .why-obhire-wrapper {
  background: 0 0;
  padding: 80px 0 0;
}
.ai-wrapper .specific_fetaure > li {
  color: #fff;
  font-size: 16px;
  padding: 0 0 14px 32px;
}
.ai-wrapper ul.infoGraphic {
  margin: 45px 0 0;
}
.ai-wrapper .why-obhire-wrapper .owl-stage-outer {
  padding: 0 0 34px;
}
.ai-wrapper ul.infoGraphic li .content p {
  margin: 10px 0 0;
  color: rgb(255 255 255 / 0.7);
  font-weight: 400;
}
.ai-steps-wrapper {
  padding: 80px 0 0;
}
.faq-box.dark-style .single-item .item-nav a.collapsed,
.faq-box.dark-style .single-item .item-nav button.collapsed {
  background-color: #fff0;
  color: #fff;
}
.faq-box.dark-style .card {
  background-color: #fff0;
}
.faq-box.dark-style .single-item {
  border-bottom: 1px solid #102c48;
}
.faq-box.dark-style .single-item .item-nav a,
.faq-box.dark-style .single-item .item-nav button {
  background-color: #fff0;
  color: #65c6c7;
}
.faq-box.dark-style .single-item .item-content-wrap .item-content {
  background-color: #fff0;
  padding: 0 47px 15px 29px;
}
.faq-box.dark-style .single-item .item-nav a.collapsed::after,
.faq-box.dark-style .single-item .item-nav button::after {
  background-repeat: no-repeat;
  background-image: unset;
}
.faq-box.dark-style .single-item .item-nav a::after,
.faq-box.dark-style .single-item .item-nav button::after {
  background-image: none;
  background-repeat: no-repeat;
}
.aidev-img,
.aidev-img img {
  text-align: center;
}
.ai-bg {
  position: relative;
  z-index: 1;
}
.ai-wrapper .why-obhire-wrapper figure {
  margin: 0 40px 0 0;
  text-align: right;
}
.aidev-img img {
  max-height: 450px;
}
.dark-ai-bg::before {
  background: url(../img/artificial-intelligence/whyai.webp) top center/100%
    no-repeat;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  animation: 4s infinite alternate shrink;
}
#innovation-section {
  padding: 70px 0 66px;
  margin: 40px auto 0;
  background: #082037;
}
.artificial-intelligence .home_blog_wrap {
  margin: 0;
  background-color: #011223;
  padding: 32px 0 40px;
}
.artificial-intelligence .certification_logos_wrap {
  background-color: #7b9cbd;
  padding: 50px 0 30px;
}
.artificial-intelligence .clutch_certification img {
  filter: unset;
}
.artificial-intelligence .blogCard {
  background-color: #122537;
  border: 0;
}
.artificial-intelligence .blogContent p {
  color: #c6c6c6;
}
.cat-btn-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.artificial-intelligence {
  background: #061d2d;
}
body.artificial-intelligence .similar_projects_wrapper {
  margin-top: 10px;
}
body.artificial-intelligence .whatsapp-icons::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  font-size: 15px;
  font-weight: 300;
  background-repeat: no-repeat;
  width: 35px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 175.216 175.552'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='85.915' x2='86.535' y1='32.567' y2='137.092' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2357d163'/%3E%3Cstop offset='1' stop-color='%2323b33a'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='1.115' height='1.114' x='-.057' y='-.057' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='3.531'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='%23b3b3b3' d='m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0' filter='url(%23a)'/%3E%3Cpath fill='%23fff' d='m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z'/%3E%3Cpath fill='url(%23linearGradient1780)' d='M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z'/%3E%3Cpath fill='url(%23b)' d='M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}
.cta-aibtn.whatsapp-icons {
  padding-right: 61px;
}
.submitBtn {
  color: #fffefe;
  font-size: 16px;
  font-weight: 700;
  padding: 5px 26px;
  min-height: 53px;
  border-radius: 8px;
  margin-top: 20px;
  box-shadow: unset;
  background-color: #ef5c20;
}
.home_blog_wrap .sub-title {
  margin-bottom: 44px;
}
.footer-bottom {
  margin: 30px 0 0;
  padding: 17px 0;
  background: linear-gradient(270deg, #f29a1c 0%, #fa4721 100%), #d9d9d9;
}
.footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.internship_form ~ .get_quote_form_right {
  display: unset;
  padding-left: 113px;
}
label.error {
  color: red;
  font-size: 13px;
}
.resume_upload_dv .box ~ .error {
  background: 0 0;
}
@media (min-width: 768px) {
  #innovation-section .some-description {
    text-align: left;
  }
  .ai-wrapper ul.infoGraphic li,
  ul.infoGraphic.col-graphic-3 li {
    width: 33.333333333%;
  }
  .app-development-cardMain-box
    .row
    .col-lg-6:last-child
    .app-development-card-inner,
  .app-development-cardMain-box
    .row
    .col-lg-6:nth-last-child(2)
    .app-development-card-inner {
    border-radius: 10px 10px 0 0;
  }
  ul.infoGraphic.col-graphic-2 li {
    width: 50%;
  }
  .comparison tbody tr:not(:last-child):nth-child(odd) {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1198.98px) {
  .aicta-Title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .cta-aibtn {
    font-size: 21px;
    padding: 7px 25px;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ai-steps-wrapper {
    padding: 57px 0 0;
  }
  .faq-section {
    margin: 40px auto 0;
  }
  .cta-aibtn {
    font-size: 17px;
  }
  #innovation-section {
    padding: 50px 0 27px;
    margin: 60px auto 0;
  }
  .innovationimg {
    display: none;
  }
  .transfor {
    margin: 70px 0 20px;
  }
  .soluction {
    margin: 60px 0 20px;
  }
  .sep-icon {
    top: 69px;
  }
  .hs-slider {
    margin-top: 33px;
  }
  .business-box .col4.noleftbord {
    border-right: 1px solid #011223;
  }
  .business-box .col4.nobotmdek {
    border-bottom: none;
  }
  .business-box .col4:nth-child(2n) {
    border-right: none;
  }
  .business-box .col4 {
    max-width: 50%;
    flex: 50%;
  }
  .service-section {
    padding: 90px 0;
    margin-top: 0;
  }
  .aidev-img {
    margin: 35px auto 0;
    text-align: center;
  }
  .pyth {
    padding: 120px 0 0;
  }
  .solut {
    padding-left: 10px;
  }
  .aicta-Title {
    font-size: 27px;
    margin-bottom: 20px;
  }
  .aidev-img img {
    max-height: 340px;
  }
  .ai-services-wrapper {
    padding: 60px 0 40px;
  }
  #technologies-section .nav-tabs .nav-link {
    font-size: 14px;
  }
  .transfor .slimg {
    margin: -24px 0 0;
  }
  .footer-inner {
    flex-direction: column;
    gap: 15px;
  }
}
.ch-marquee,
.christmas-2024 {
  display: inline-block;
  white-space: nowrap;
}
.christmas-2024 {
  background: url(../img/chr-2024.png) no-repeat;
  background-size: unset;
  position: absolute;
  z-index: 999;
  top: -14px;
  right: 62px;
  height: 78px;
  width: 444px;
  color: #fff;
  padding: 5px 95px 11px 52px;
  border-radius: 10px;
}
.count.percent,
.count_value,
.process-stepCircle {
}
.ch-marquee {
  position: relative;
  transform: translate3d(0, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.abs-play-btn svg,
.step-half-circle {
  left: 50%;
  transform: translate(-50%, -50%);
}
.ch-text {
  font-size: 18px;
  font-weight: 600;
}
.ch-text span {
  color: #e1b60c;
}
.ch-discount {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.ch-discount span {
  color: #00ebcc;
}
.christmas-2024:hover .ch-marquee {
  animation-play-state: paused !important;
}
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.webheader.is-sticky .christmas-2024 {
  top: 62px;
  right: 0;
}
.ourGrowth_wrap {
  padding: 100px 0;
  background: #fff;
}
.section-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
  align-items: center;
  gap: 30px;
}
.section-heading {
  margin: 0;
  color: #ef5c20;
  font-size: 50px;
  font-weight: 800;
}
.section-des {
  margin-bottom: 0;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  max-width: 815px;
  margin-left: auto;
  line-height: normal;
}
.growth_card {
  border-radius: 10px;
  border: 1px solid #afafaf;
  background: #fff;
  padding: 15px 25px;
  height: 100%;
}
.count_value {
  color: #ef5c20;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 7px;
  width: fit-content;
  position: relative;
}
.icon-track {
  position: absolute;
  right: -40px;
  top: -15px;
}
.growth_card_heading {
  color: #000;
  font-size: 22px;
  font-weight: 700;
}
.growth_card_des {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  max-width: 385px;
  margin-bottom: 0;
}
.row-gap {
  --bs-gutter-y: 25px;
}
.rating_bx {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 59px;
  align-items: end;
}
.rating_inner_box {
  flex: 1;
}
.rating_heading {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 38px;
}
.rating_block {
  display: flex;
  gap: 20px;
  border-right: 1px solid #e1e0e0;
  margin-right: 22px;
}
.rating_inner_box:last-child .rating_block {
  border-right: 0;
  margin-right: 0;
}
.star-block {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}
.rating-review-track {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.row.row-gap > * {
  margin-top: var(--bs-gutter-y);
}
.row.row-gap {
  --bs-gutter-y: 0;
  margin-top: calc(-1 * var(--bs-gutter-y));
  --bs-gutter-y: 25px;
}
.app-development-cardMain-box .row-gap {
  --bs-gutter-y: 86px;
}
.app-development-wrap {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.app-development-wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1b1038;
  mix-blend-mode: overlay;
  z-index: 2;
}
.app-development-content {
  z-index: 3;
  position: relative;
  padding-top: 124px;
}
.app-development-content .section-heading {
  max-width: 280px;
  margin-bottom: 20px;
}
.description-track {
  color: #fff;
  margin-bottom: 36px;
}
.primary-btn {
  border-radius: 8px;
  background: #ef5c20;
  padding: 12px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: fit-content;
  align-items: center;
  white-space: nowrap;
  border: 1px solid #fff0;
  text-transform: uppercase;
}
.primary-btn:hover {
  color: #ef5c20;
  border: 1px solid #ef5c20;
  background-color: #fff0;
}
.app-development-cardMain-box {
  z-index: 3;
  position: relative;
  padding-top: 96px;
  padding-left: 30px;
}
.app-development-card-inner {
  border-radius: 10px;
  background-color: #fff;
  padding: 86px 50px 50px;
}
.card_icon_track {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background: #ef5c20;
  margin-top: -130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card_title {
  color: #000;
  font-size: 23px;
  font-weight: 700;
  padding-top: 30px;
}
.app-development-card-inner .description-track {
  color: #000;
  margin-bottom: 20px;
}
.link-track {
  color: #ef5c20;
  font-size: 18px;
  font-weight: 500;
  text-decoration-line: underline;
}
.process-title,
.sub-title {
  font-weight: 800;
  color: var(--primary-color);
}
.our-work-wrap .section-head,
.ourClients_wrap .section-head {
  display: block;
  text-align: center;
  max-width: 1050px;
  margin: auto auto 60px;
}
.our-work-wrap {
  padding: 70px 0;
  background: #fff;
}
.case-study-wrap .description-track,
.our-work-wrap .description-track,
.ourClients_wrap .description-track {
  color: #000;
  margin-bottom: 0;
}
.sub-title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: 6px;
}
.case-study-wrap .section-head {
  display: block;
  text-align: center;
  max-width: 868px;
  margin: auto auto 120px;
}
.casestudybg_wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 460px;
  display: flex;
  align-items: end;
}
.casestudy-overlay {
  border: 1px solid rgb(27 16 56 / 0.1);
  background: rgb(27 16 56 / 0.78);
  backdrop-filter: blur(11px);
  min-height: 200px;
  max-width: 360px;
  padding: 30px 16px 30px 36px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.casestudybg_wrapper .card_title {
  color: #fff;
  padding-top: 0;
}
.casestudybg_wrapper .description-track {
  color: #fff;
  margin: 12px 0;
}
.case-study-wrap .section-head {
  margin-bottom: 46px;
}
.case-study-wrap {
  padding: 55px 0 40px;
  background: #fff;
}
.casestudyswiper {
  padding-bottom: 66px;
}
.case-study-wrap .primary-btn {
  margin: 22px auto auto;
}
.step-half-circle {
  position: absolute;
  height: 50px;
  width: 100px;
  z-index: 0;
}
.work-process-cards .p-cards:nth-child(odd) .step-half-circle {
  top: 24px;
  border-radius: 150px 150px 0 0;
  background-color: #ef5c20;
}
.work-process-cards .p-cards:nth-child(2n) .step-half-circle {
  bottom: -27px;
  border-radius: 0 0 150px 150px;
  background-color: #61c9c5;
}
.set-iconImg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 7px;
  background-color: #1b1038;
  top: 49px;
  left: 0;
  right: 0;
}
.process-section {
  padding: 63px 0;
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0.05) 0,
    rgb(255 182 0 / 0.05) 100%
  );
  margin: 0 auto 80px;
}
.process-title {
  font-size: 20px;
}
.process-content {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin-top: 9px;
}
.set-iconImg {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
}
.process-stepCircle,
.work-process-box {
  margin: 0 auto;
  position: relative;
  display: flex;
}
.process-stepCircle {
  padding: 12px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #1b1038;
  box-shadow: 0 0 74.274px 0 rgb(0 0 0 / 0.08);
  width: 76px;
  height: 76px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  z-index: 1;
}
.work-process-box {
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
.work-process-cards .p-cards:nth-child(2n) .process-data {
  order: 1;
}
.work-process-cards .p-cards:nth-child(2n) .set-iconImg {
  order: 2;
}
.work-process-cards .p-cards:nth-child(2n) .step-icon {
  order: 3;
  display: flex;
  align-items: start;
  justify-content: center;
}
.testimonial_wrapper {
  background-image: url(../img/homepage/testimonial-bg-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 60px 0;
}
.testimonial_wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(27 16 56 / 0.91);
  z-index: -1;
}
.testimonial_wrapper .custom-width-container {
  max-width: 100%;
  padding-left: calc((100vw - 1480px) / 2);
  padding-right: 0;
}
.achievement_wrapper .sub-title,
.industries_wrap .sub-title,
.testimonial_wrapper .sub-title {
  color: #fff;
  text-align: left;
  margin: 8px 0 12px;
  font-weight: 700;
  font-size: 22px;
}
.cluth-widget,
.comparison,
.comparison .price-now p,
.dummy-block,
.errorsMsg,
.gotopage,
.ind_name span,
.ourClients_list .brandNames,
.sub-h,
.subheadings2,
.user-sub-title,
.user-title {
  text-align: center;
}
.work-process-cards .p-cards {
  padding-inline: 0;
}
.match_heightFix:f {
  box-sizing: border-box;
}
.work-process-cards .p-cards.p-cards:nth-child(2n) .step-icon,
.work-process-cards .p-cards.p-cards:nth-child(odd) .step-icon {
  align-items: center;
}
.step-icon {
  display: flex;
  justify-content: center;
}
.set-iconImg::after {
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: #1b1038;
  top: 46px;
  border-radius: 50%;
}
.work-process-cards .p-cards:first-child .set-iconImg::after {
  content: "";
  left: -1px;
}
.work-process-cards .p-cards:last-child .set-iconImg::after {
  content: "";
  right: -1px;
}
.enquire_work_box {
  border-radius: 5px;
  border: 1px solid rgb(27 16 56 / 0.1);
  background: #fff4f5;
  backdrop-filter: blur(30px);
  padding: 28px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 85px;
}
.auth-thumb img,
.userImg video {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
}
.enquire_work_box p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  max-width: 870px;
}
.owl-dots .owl-dot span {
  background: rgb(255 56 0 / 0.5);
  opacity: 1;
  width: 10px;
  height: 10px;
  border-radius: 41px;
}
.owl-dots .owl-dot.active span {
  background: #ef5c20 !important;
}
.clientSaysFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.userImg video {
  height: 414px;
}
.user-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}
.authLabel span,
.dummy-block h2,
.dummy-block h3,
.user-sub-title {
  font-weight: 500;
}
.user-sub-title {
  color: #fff;
  font-size: 15px;
  margin: 0;
}
.testimonial-user-detail {
  margin-top: 36px;
}
.owl-item.center video {
  height: 530px;
}
.auth-thumb img {
  height: 480px;
}
.abs-play-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  border: 7px solid #e5e5e5;
  background: linear-gradient(142deg, #eee 11.43%, #e3e5e5 87.2%);
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 0.25);
  border-radius: 50%;
  color: #fff;
}
.abs-play-btn:hover {
  border: 7px solid #ef5c20;
}
.abs-play-btn .button-outer-circle {
  background: rgb(255 255 255 / 0.4);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.abs-play-btn svg {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
}
.abs-play-btn .triangle {
  -webkit-animation: 7s fadeIn;
  animation: 7s fadeIn;
}
.abs-play-btn .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: 3s triangleStroke;
  animation: 3s triangleStroke;
}
.has-scale-animation {
  -webkit-animation: 3s infinite smallScale;
  animation: 3s infinite smallScale;
}
.has-delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
#videoModal .modal-body {
  position: relative;
  padding: 0;
  border: 1px solid #404040;
  border-radius: 15px;
  background: #000;
}
#videoModal .modal-body iframe {
  border-radius: 15px;
}
#videoModal .btn-close {
  position: absolute;
  right: -5px;
  top: 9px;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%) !important;
  opacity: 1;
  border-radius: 50%;
  color: #1c0d0d;
  font-size: 19px;
  z-index: 1;
  background-image: none;
  line-height: 0;
  height: 29px;
  width: 29px;
  cursor: pointer;
  border: 0;
  padding: 0;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.5);
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-play-overlay {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
  animation: pulse-orange 2s infinite;
  transition: all 0.3s ease;
}
.video-play-overlay:hover {
  background: #fff;
  color: #f55c21;
}
@keyframes pulse-orange {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgb(245 92 33 / 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px #fff0;
  }
}
.videoModal .modal-content {
  background: #fff0;
  border: none;
}
.videoModal .modal-header {
  border: none;
}
.videoModal .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.5);
}
.videoModal .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tsm-wrapper {
  display: flex;
  gap: 35px;
  background: #321e77;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #0521b5;
}
.tsmtextCarousel {
  max-width: 1000px;
  margin: 60px auto 0;
}
.authImages {
  width: 90px;
  flex: 0 0 90px;
}
.authImages img {
  width: 90px;
  height: 90px;
  min-height: 90px;
}
.authText p {
  color: #fff;
  font-size: 16px;
  display: inline;
  position: relative;
}
.authText p::before {
  content: "";
  position: absolute;
  top: 0;
  left: -18px;
  width: 14px;
  height: 11px;
  background: url(../img/homepage/quote-l.png) no-repeat;
}
.authText p::after {
  content: "";
  right: -18px;
  width: 14px;
  height: 11px;
  background: url(../img/homepage/quote-r.png) no-repeat;
  bottom: 0;
  display: inline-block;
}
.authLabel {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: 800;
  font-size: 23px;
  margin: 21px 0 0;
}
.authLabel span {
  color: #fff;
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  .rating_block {
    border-right: 0;
    margin: 0 25px 35px 0;
  }
  .rating_bx {
    padding-top: 22px;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .count_value {
    font-size: 46px;
  }
  .section-des {
    font-size: 21px;
    max-width: 685px;
  }
}
@media (max-width: 575.98px) {
  .cc-h1 {
    font-size: 20px;
  }
  .select_options_element.two-col .srv-option,
  .srv-option {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cc-element {
    padding: 24px 10px 20px;
  }
  .auth-thumb img {
    height: 390px;
  }
  .tsm-wrapper {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
.viewport-wrapper {
  height: auto;
  overflow: visible;
  position: relative;
}
.content-scroll {
  display: block;
  width: 100%;
}
.content-scroll main {
  min-height: 100lvh;
}
body:not(.normalize-scroll) .viewport-wrapper {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
body:not(.normalize-scroll) .content-scroll {
  overflow: visible;
  will-change: transform;
}
body:not(.is-touch) .pin-spacer .media-container,
body:not(.is-touch) .pin-spacer .wrapper {
  transform: scale(1.001);
}
[id*="video_scrub"] {
  --media-bg-color: #52544e;
  --card-bg-color: 82, 84, 78;
  --card-text-color: #c7c7c5;
  --min-height: 37.5rem;
  background-color: var(--bg-color, var(--color-bg, #fff));
  overflow: hidden;
}
[id*="video_scrub"] ::-webkit-media-controls-play-button,
[id*="video_scrub"] ::-webkit-media-controls-start-playback-button {
  display: none !important;
}
[id*="video_scrub"] ::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
}
.pinned-container {
  display: block;
  position: relative;
}
.media-container,
.pinned-container {
  height: 100lvh;
  min-height: var(--min-height);
}
.media-container,
video {
  background-color: var(--media-bg-color, #000);
}
.dummy-block,
.spacer {
  background-color: var(--bg-color, var(--color-bg, #fff));
}
.overlay-container {
  display: block;
  height: calc(100lvh * var(--height-multiplier, 3));
  margin-top: calc(max(var(--min-height), 100lvh) * -1);
  min-height: calc(var(--min-height) * var(--height-multiplier, 3));
  position: relative;
}
.overlay-items {
  height: 100%;
  width: 100%;
}
.overlay-item {
  display: block;
  height: 100lvh;
  left: 0;
  min-height: var(--min-height);
  pointer-events: none;
  position: absolute;
  top: var(--top-percent, 0);
  transform: translateY(var(--offset-top, 0));
  width: 100%;
}
.overlay-wrapper {
  display: flex;
  flex-direction: column;
  height: inherit;
  min-height: inherit;
  width: 100%;
}
.card-container {
  display: block;
  margin: auto;
  position: relative;
}
.card-content {
  max-width: 60ch;
  transfrom-origin: center;
}
.card-content:before {
  --bg-radius: 0.75rem;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background-color: rgba(var(--card-bg-color), 0.5);
  background-repeat: no-repeat;
  border-radius: max(
      0.0625rem,
      min(var(--bg-radius), (100vw - var(--bg-radius) - 100%) * 9999)
    ) /
    var(--bg-radius);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.card-content .text-container {
  color: var(--card-text-color);
  padding: calc(var(--spacing) * 3) var(--spacing);
}
.bottom-mask,
.card-content .text-container {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.bottom-mask {
  --mask-bg-color: var(--bg-color, var(--color-bg, #fff));
  --mask-corner-radius: 0;
  --mask-border-width: 0;
  --mask-border-width-offset: 0;
  --mask-min-wrapper-size: 75rem;
  align-items: flex-end;
  backface-visibility: hidden;
  border-bottom: 0.125rem solid var(--mask-bg-color);
  display: flex;
  height: 100lvh;
  justify-content: flex-end;
  margin-top: calc(-50lvh + 0.125rem);
  position: relative;
  transform: translate3d(calc(var(--mask-corner-radius) * -1), 0, 0);
  transform-origin: center center;
  width: calc(100% + var(--mask-corner-radius) * 2);
}
.bottom-mask .corner-bl-before,
.bottom-mask .corner-br-after {
  background-color: var(--mask-bg-color);
  display: block;
  height: 100%;
  width: calc(var(--mask-border-width-offset) + var(--mask-border-width));
}
.bottom-mask .corner-bl,
.bottom-mask .corner-br {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  height: var(--mask-corner-radius);
  width: var(--mask-corner-radius);
}
.bottom-mask .visible-area {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: calc(
    100% - (var(--mask-border-width-offset)+var(--mask-border-width)) * 2
  );
}
.bottom-mask[data-rounded] {
  --mask-corner-radius: 1.875rem;
}
.certificate-block,
.tsmVideo-model .modal-content {
  border-radius: 10px;
}
.bottom-mask[data-rounded] .corner-bl {
  background: radial-gradient(
    circle at top right,
    var(--color-transparent) var(--mask-corner-radius),
    var(--mask-bg-color, var(--color-bg))
      calc(var(--mask-corner-radius) + 0.0625rem)
  );
}
.bottom-mask[data-rounded] .corner-br {
  background: radial-gradient(
    circle at top left,
    var(--color-transparent) var(--mask-corner-radius),
    var(--mask-bg-color, var(--color-bg))
      calc(var(--mask-corner-radius) + 0.0625rem)
  );
}
.spacer {
  padding-bottom: calc(var(--spacing) * var(--spacing-after-mult, 3));
  padding-top: calc(var(--spacing) * var(--spacing-before-mult, 3));
  pointer-events: none;
}
body:not(.normalize-scroll) .content-scroll .spacer {
  border-bottom: 0.125rem solid var(--bg-color, var(--color-bg, #fff));
  height: calc(100% + 0.125rem);
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
  transform: scale(1.001);
}
.dummy-block {
  align-items: center;
  display: grid;
  height: 50lvh;
  justify-items: center;
  min-height: 18.75rem;
  place-items: center;
}
.clamp-1,
.clamp-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overscroll-behavior: none;
  visibility: visible;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  white-space: normal !important;
}
.dummy-block.cover {
  background-color: #fff0;
  color: #c7c7c5;
  height: 100lvh;
  left: 0;
  min-height: 100lvh;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1;
}
.dummy-block .text-container :is(h2, h3) {
  margin-bottom: 0;
}
.clamp-1 {
  -webkit-line-clamp: 1;
}
.clamp-2 {
  -webkit-line-clamp: 2;
}
.achievement_wrapper {
  background-image: url(../img/homepage/achive-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background-color: #080b2c;
}
.certification-block ul {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.certification-block ul li {
  padding: 0 15px;
  width: 20%;
  flex: 0 0 20%;
}
.certificate-block {
  background: #fff;
  box-shadow: 7px 8px 31px 0 rgb(46 61 75 / 0.07);
  width: 100%;
  height: 185px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
@media (min-width: 992px) {
  .certification-block ul li:hover .certificate-block {
    transform: translateY(-10px);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #innovation-section {
    padding: 62px 0 46px;
    margin: 70px auto 0;
  }
  .sep-icon {
    top: 86px;
  }
  .pyth {
    padding: 140px 0 0;
  }
  .rating_heading {
    margin-bottom: 22px;
  }
  .app-development-card-inner {
    padding: 84px 30px 30px;
  }
  .ourGrowth_wrap {
    padding: 60px 0 70px;
  }
  .rating-img-box {
    width: 49px;
  }
  .certification-block ul li {
    width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .app-development-content {
    padding-top: 54px;
  }
  .app-development-content .section-heading {
    max-width: unset;
    margin-bottom: 20px;
  }
  .section-heading {
    font-size: 40px;
  }
  .app-development-cardMain-box {
    padding-left: 0;
  }
  .app-development-card-inner {
    padding: 84px 30px 30px;
  }
  .ourGrowth_wrap {
    padding: 60px 0;
  }
  .step-circle span {
    font-size: 25px;
  }
  .process-stepCircle {
    width: 56px;
    font-size: 22px;
    height: 56px;
  }
  .step-half-circle {
    height: 41px;
    width: 82px;
  }
  .work-process-cards .p-cards:nth-child(2n) .step-half-circle {
    bottom: -13px;
  }
  .work-process-cards .p-cards:nth-child(odd) .step-half-circle {
    top: 28px;
  }
  .step-icon img {
    max-width: 68px;
  }
  .step-icon {
    width: 90px;
    margin: 0 auto;
  }
  .our-work-wrap .section-head {
    margin-bottom: 54px;
  }
  .clientSaysFlex {
    align-items: start;
    flex-direction: column;
    gap: 0;
  }
  .testimonial_wrapper {
    padding: 52px 0;
  }
  .case-study-wrap {
    padding: 50px 0 43px;
  }
  .rating-img-box {
    width: 40px;
  }
  .certification-block ul li {
    width: 25%;
    flex: 0 0 25%;
  }
  .certificate-block {
    height: 147px;
    padding: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .certification-block ul {
    margin: 0 -10px;
  }
  .certification-block ul li {
    width: 25%;
    flex: 0 0 25%;
    padding: 0 8px;
  }
  .certificate-block {
    height: 107px;
    padding: 15px;
    margin: 0 0 15px;
  }
}
@media (max-width: 575.98px) {
  .certification-block ul {
    margin: 0 -10px;
  }
  .certification-block ul li {
    width: 33.33333333333%;
    flex: 0 0 33.33333333333%;
    padding: 0 8px;
  }
  .certificate-block {
    height: 107px;
    padding: 15px;
    margin: 0 0 15px;
  }
  .certificate-block img {
    max-height: 90px;
  }
}
@media (max-width: 767.98px) {
  .aidev-img,
  .aifeature-name,
  .section-head,
  .soluction,
  .transfor {
    text-align: center;
  }
  #technologies-section .nav-tabs .nav-item.show .nav-link::before,
  #technologies-section .nav-tabs .nav-link.active::before,
  .ai-wrapper .faq-section::before,
  .cc-cal-widget img,
  .cta-h2,
  .hs-List,
  .innovationimg,
  .letstart,
  .set-iconImg::after,
  .soluction .col6:last-child,
  .transfor .col5 {
    display: none;
  }
  .cta-h1 span {
    font-size: 38px;
  }
  .cta-h1 {
    font-size: 23px;
  }
  .request-a-quote .get_quote_form_text {
    margin: 0 0 19px;
  }
  .business-box .col4,
  .col6 {
    flex: 100%;
    max-width: 100%;
  }
  .business-box .col4 {
    border: none;
    border-bottom: 1px solid #011223;
    padding: 10px;
  }
  .service-section {
    padding: 70px 0 56px;
    margin-top: 0;
  }
  .aidev-img {
    margin: 35px auto 0;
  }
  .pyth ul li {
    font-size: 15px;
    display: block;
    width: 100%;
    margin: 4px 0;
  }
  #technologies-section .nav-tabs .nav-item.show .nav-link,
  #technologies-section .nav-tabs .nav-link.active,
  .sep-icon {
    border: none;
  }
  .sep-icon span.imgclass {
    height: 50px;
    width: 50px;
    padding: 9px 4px;
    line-height: 23px;
  }
  .sep-icon span.imgclass img {
    max-width: 30px;
  }
  #technologies-section .nav-tabs li {
    max-width: unset;
    flex: auto;
    height: 130px;
  }
  #technologies-section .nav-tabs .nav-link {
    padding: 0 5px;
    min-height: unset;
    position: relative;
    font-size: 15px;
    border: 0;
  }
  .pyth,
  .pyth ul {
    padding: 0;
    display: block;
  }
  .textbt {
    border: 1px solid #3b4a58;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
  }
  #technologies-section .nav-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 5px 0 3px;
  }
  #technologies-section .tab-pane {
    margin-top: 20px;
  }
  .sep-icon {
    padding: 14px 0 0;
    top: 53px;
    border-bottom: 0;
  }
  .soluction .col6 {
    padding: 10px 15px 5px;
  }
  .app-development-cardMain-box,
  .solut {
    padding-left: 0;
  }
  .soluction {
    margin: 40px 0 0;
    padding: 10px 10px 24px;
  }
  .ai-wrapper .why-obhire-wrapper {
    padding: 50px 0 0;
  }
  .ai-wrapper .why-obhire-wrapper .specific_fetaure > li {
    font-size: 16px;
    padding: 0 0 13px 32px;
  }
  .aicta-Title {
    font-size: 30px;
    margin: 0 0 24px;
  }
  .aifeature-name,
  .business-box .ai-srv-title {
    margin: 0;
  }
  .ai-services-wrapper {
    padding: 70px 0 40px;
  }
  .aidev-img img {
    max-height: 300px;
  }
  .transfor {
    margin: 20px auto;
    padding: 28px 15px 38px;
  }
  .transfor .col7 {
    max-width: 100%;
    flex: 100%;
    padding: 0 7px;
  }
  #innovation-section {
    padding: 40px 0 10px;
    margin: 40px auto 0;
  }
  .transfor .solut {
    padding: 0;
  }
  .hs-slider {
    margin-top: 43px;
  }
  .cat-btn-flex {
    justify-content: center;
  }
  .cta-aibtn {
    font-size: 20px;
    margin: 0;
  }
  .ai-wrapper ul.infoGraphic {
    margin: 0;
    justify-content: flex-start;
  }
  .ai-wrapper ul.infoGraphic li {
    width: auto;
  }
  .ai-wrapper ul.infoGraphic li .content {
    margin: 44px 0 0 67px;
  }
  .cat-btn-flex {
    gap: 8px;
    justify-content: center;
  }
  .footer-inner {
    flex-direction: column;
    gap: 10px;
  }
  .internship_form ~ .get_quote_form_right {
    padding-left: 20px;
  }
  .christmas-2024 {
    background-size: cover;
    top: 68px;
    right: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 105px;
    background-position: right;
    max-width: 444px;
  }
  .webheader.is-sticky .christmas-2024 {
    top: 70px;
  }
  .ourGrowth_wrap {
    padding: 60px 0;
  }
  .app-development-content {
    padding-top: 49px;
  }
  .app-development-wrap {
    padding: 0 0 60px;
  }
  .app-development-card-inner {
    padding: 84px 30px 30px;
  }
  .section-head {
    justify-content: center;
    margin-bottom: 43px;
    align-items: center;
    gap: 17px;
    flex-direction: column;
  }
  .section-des {
    font-size: 18px;
    font-weight: 600;
    max-width: 815px;
    line-height: unset;
  }
  .section-heading {
    font-size: 34px;
  }
  .count_value {
    font-size: 40px;
  }
  .primary-btn,
  .process-title {
    font-size: 18px;
  }
  .rating_block {
    gap: 20px;
    border-right: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .rating_heading {
    margin-bottom: 28px;
  }
  .star-block svg {
    width: 21px;
    height: 19px;
  }
  .rating_bx {
    padding-top: 20px;
    padding-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .card_icon_track {
    width: 80px;
    height: 80px;
  }
  .primary-btn {
    padding: 7px 16px;
  }
  .work-process-cards {
    overflow-x: auto;
  }
  .work-process-cards .row {
    flex-wrap: wrap;
    margin: 0;
  }
  .work-process-cards .p-cards {
    padding-inline: 0;
    flex: 0 0 100%;
    margin: 0;
  }
  .process-data {
    padding: 0 0 30px;
  }
  .work-process-box {
    flex-direction: column;
    margin: 0;
    text-align: left;
    align-items: flex-start;
    padding: 0 0 0 69px;
  }
  .set-iconImg::before {
    width: 5px;
    height: 100%;
    top: 0;
    left: 22px;
    right: auto;
  }
  .step-circle span {
    font-size: 25px;
  }
  .process-content {
    margin-top: 4px;
  }
  .process-stepCircle {
    width: 46px;
    height: 46px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .step-half-circle {
    height: 44px;
    display: none;
    width: 82px;
  }
  .set-iconImg {
    margin: 0;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    min-height: unset;
    height: 100%;
  }
  .work-process-cards .p-cards:nth-child(2n) .step-half-circle {
    bottom: -36px;
  }
  .step-icon img {
    max-width: 68px;
  }
  .step-icon {
    width: auto;
    margin: -3px 0 11px;
    height: auto !important;
  }
  .work-process-cards .p-cards:nth-child(2n) .step-icon {
    order: 1;
  }
  .enquire_work_box p {
    font-size: 16px;
  }
  .our-work-wrap .section-head {
    margin-bottom: 54px;
  }
  .app-development-content .section-heading {
    max-width: unset;
  }
  .our-work-wrap {
    padding: 50px 0;
  }
  .enquire_work_box {
    padding: 23px;
    gap: 27px;
    margin-top: 45px;
    flex-direction: column;
    text-align: center;
  }
  .clientSaysFlex {
    flex-direction: column;
    gap: 0;
  }
  .achievement_wrapper .sub-title,
  .industries_wrap .sub-title,
  .testimonial_wrapper .sub-title {
    margin: 18px 0 12px;
    font-size: 20px;
    text-align: center;
  }
  .testimonial_wrapper {
    padding: 52px 0;
  }
  .case-study-wrap {
    padding: 50px 0 43px;
  }
  .home_blog_wrap .sub-title,
  .ourClients_list .brandNames {
    font-size: 20px;
  }
  .achievement_wrapper {
    padding: 40px 0;
  }
  .custom-software-development ul.industries-list li,
  .masonry.full-screen .masonry-item,
  .mp-currency ul li,
  ul.infoGraphic li {
    width: 100%;
  }
}
.ourClients_list .brand-overlay {
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  background-color: rgb(240 89 7 / 0.95);
  overflow: hidden;
  height: 100%;
  position: absolute;
  transition: 0.5s;
  z-index: 3;
}
.ourClients_list .brandNames {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 15px;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.ourClients_list > ul > li > a:hover .brand-overlay {
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.services_wrap .serviceCard_arrow {
  background: 0 0;
  width: 42px;
  height: 24px;
}
.cta-element img {
  margin: 0 auto !important;
}
.pills-block .pills-text {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  padding: 0 0 0 15px;
}
.pills-block .pills-text:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  content: "";
}
.pills-block {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 19px;
}
.no-nft-t-titles .nft-tech-block {
  display: flex;
  height: 140px;
}
.faq-bg {
  background: #f6faff;
  padding: 50px 0;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.portfolio-detail-inner
  .masonry-main.page-section-ptb
  .masonry
  .masonry-item
  img {
  border: 0;
}
.portfolio-detail-inner
  .masonry-main.page-section-ptb
  .masonry
  .portfolio-item {
  height: 189px;
  box-shadow: 0 0 10px #e1e1e1;
  border-radius: 6px;
}
.portfolio-detail-inner .masonry-main.page-section-ptb .masonry .item {
  padding: 13px 6px 20px;
}
.portfolio-detail-inner .masonry-main.page-section-ptb .masonry .item img {
  height: 100%;
  object-fit: fill;
  margin: 0 auto;
}
.cta-newblock p {
  margin: 10px 0 6px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 400;
}
.featured-bimg img {
  margin-bottom: 0;
}
.primary-btn svg,
.request_quote_btn svg,
.theme-btn a svg {
  width: 18px;
  height: 18px;
  margin: -1px 0 0 7px;
  position: relative;
}
.fs-m {
  font-size: 18px;
  margin: 0 0 13px;
}
.fw-m {
  font-weight: 700;
}
.grid-block.mp-10 .grid-block-inner .grid-data {
  padding: 26px 45px 15px;
}
.industries_list > ul > li > .ind-box .industriesName::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
  background: linear-gradient(90deg, #fff0 0, #fff 50%, #fff0 100%);
  content: "";
  height: 1px;
  bottom: -13px;
  opacity: 0.5;
}
.projectCount.lightTheme {
  margin: 0 auto 56px;
  max-width: 100%;
  padding: 0;
}
.subheadings2 {
  font-size: 21px;
  font-weight: 600;
  margin: 0 auto 11px;
}
.salesforce-devs-wrapper .devs-blocks.withIcons .srvTitle img {
  right: auto;
}
.healthcare-software-development .websolution-imgs {
  height: 176px;
}
.healthcare-software-development .websolution-imgs img {
  max-height: 175px;
}
.downloadApps {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.downloadApps img {
  margin: 0;
  max-width: 179px;
}
@media (max-width: 479.98px) {
  .flex-element,
  .obcontactForm-submit {
    display: block;
  }
  .captcha-group {
    margin-top: 22px;
  }
  .confirm-terms {
    margin: 0 0 30px;
  }
  .requestquote_header a svg {
    display: none;
  }
}
.features-panels .carousel-wrap .nav-tabs {
  display: block;
  position: relative;
  padding: 4px 40px;
}
.owl-carousel.tabs-carousel .owl-nav .owl-next,
.owl-carousel.tabs-carousel .owl-nav .owl-prev {
  font-size: 14px;
  position: absolute;
  top: 7px;
  background: #dce5ea;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.features-panels .owl-next.disabled i,
.features-panels .owl-prev.disabled i {
  color: #c1c1c1;
}
.features-panels .carousel-wrap .nav-tabs .nav-item .nav-link {
  white-space: nowrap;
}
.owl-carousel.tabs-carousel .owl-nav .owl-next {
  right: -33px;
}
.owl-carousel.tabs-carousel .owl-nav .owl-prev {
  left: -33px;
}
.hiring-dev-wrapper {
  background: url(../img/responsive-bg.png) 0 0 / cover #1e2b8a;
  padding: 62px 0;
}
.hiring-block {
  border-radius: 25px;
  padding: 27px 30px 90px;
  height: 100%;
  position: relative;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  background: #33429d;
  box-shadow: inset 0 0 3px rgb(255 255 255 / 0.15);
}
.relativeLink {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hiring-logo {
  color: #40f0d7;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  position: absolute;
  right: 20px;
  top: 18px;
}
.hiring-block:hover .hiring-logo {
  color: #ff692c;
}
.hiring-block:hover {
  background-color: #101c75;
}
.hiring-logo svg {
  height: 33px;
  width: 37px;
}
.tech-desc p {
  color: #fff;
  margin: 0;
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
}
.tech-tile {
  color: #fff;
  font-size: 20px;
  margin: 0 0 17px;
  line-height: 31px;
  padding-right: 45px;
  min-height: 62px;
}
.tech-desc {
  min-height: 163px;
}
.item.salesforce-page .hiring-logo svg {
  width: 88px;
}
.hiring-dev-wrapper .section-heading {
  margin: 0 0 15px;
  color: #fff;
}
.hiring-flex {
  display: flex;
  gap: 15px;
  flex-direction: column;
  height: 100%;
}
.iti,
.social_listing li a {
  display: block !important;
}
.gotopage {
  width: 83px;
  height: 45px;
  position: absolute;
  left: 30px;
  bottom: 29px;
  transform: rotate(180deg);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  padding: 10px;
  border-radius: 10px;
  background: #0c186f;
  color: #3de6ce;
  pointer-events: none;
}
.shopify-feature-img {
  float: right;
  margin: 0 auto 30px 30px;
}
.trending-tech.hiring-dev-wrapper {
  background: url(../img/responsive-bg.png) 0 0 / cover #150444;
  padding: 62px 0;
}
.trending-tech.hiring-dev-wrapper .hiring-block {
  background: #321e77;
}
.trending-tech.hiring-dev-wrapper .hiring-block:hover {
  background-color: rgb(110 86 195 / 50%);
}
.trending-tech.hiring-dev-wrapper .gotopage {
  background: #1b1038;
}
@media (max-width: 991.98px) {
  .tech-tile {
    font-size: 26px;
  }
  .description-track.mb-0 {
    margin: 18px auto 31px !important;
  }
  .scaleupList {
    padding: 10px 0 58px;
  }
}
.nft-dev-desd .specific_fetaure > li {
  font-size: 16px;
}
.heroContent .obcontactForm_head {
  font-weight: 700 !important;
}
.more_guides_box img {
  margin: 0 auto 16px;
}
.hire-react-native-developer.innerpagehero
  .expertise-dev-wrapper
  .owl-carousel
  .owl-stage-outer {
  padding: 0 1px 30px;
}
.mobile-app-development .agileUi-block ul > li:first-child {
  bottom: 0;
  max-width: 310px;
}
.iti {
  width: 100%;
}
.cluth-widget {
  padding: 40px 0;
}
.ai-section {
  background: url(../img/ai-bg.jpg) center center/cover no-repeat fixed;
  position: relative;
  padding: 60px 0;
  z-index: 1;
}
.ai-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 0.6);
  z-index: -1;
}
.ai-cards {
  background-color: #fff0;
  padding: 35px 30px 30px;
  height: 100%;
  background-image: linear-gradient(165deg, #ffffff24 0, #ffffff00 80%);
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff24;
  border-radius: 10px;
  box-shadow: 0 5px 30px -10px rgb(0 0 0 / 0.25);
  color: #fff;
  position: relative;
}
.aiTitle {
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 18px;
  color: #fff;
}
.ai-para p {
  color: rgb(255 255 255 / 0.8);
}
.ai-icon {
  position: absolute;
  top: 3px;
  right: 7px;
}
.col-slides {
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  width: 100%;
}
@media (max-width: 1199px) {
  .floating-img {
    float: unset;
    margin: 0 auto 30px;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .floating-img {
    float: right;
    margin: 0 0 30px 30px;
  }
}
.artificial-intelligence .trending-tech.hiring-dev-wrapper {
  background: url(../img/responsive-bg.png) 0 0 / cover #071f36;
}
.artificial-intelligence .trending-tech.hiring-dev-wrapper .hiring-block {
  background: #193957;
}
.artificial-intelligence .trending-tech.hiring-dev-wrapper .gotopage {
  background: #071f36;
}
.artificial-intelligence .trending-tech.hiring-dev-wrapper .hiring-block:hover {
  background-color: #071f36;
}
.pattern-bg {
  background-image:
    radial-gradient(circle, #ffffffbf, #ffffff40), url(../img/square.gif);
  background-position:
    0 0,
    0 0;
  background-size: auto, auto;
}
.ai-gen-img {
  background: url(../img/ai-generative/ai-gen-img.jpg) center/cover no-repeat;
}
.section-padding {
  padding: 60px 0;
  margin: 60px auto;
}
.pattern-bg .grid-block .grid-block-inner .grid-data {
  border: 1px solid #fbccb9;
  background: #ffffff6b;
}
.procounts .projectCount {
  margin: 0 auto;
  max-width: unset;
  padding: 0;
}
.iti-mobile .iti--container {
  top: 50% !important;
}
.errorsMsg {
  background-color: rgb(223 17 17 / 0.87);
  color: #fff;
  padding: 5px 10px 5px 33px;
  display: block;
  position: relative;
  border-radius: 4px;
  margin-top: 5px;
  font-size: 15px;
}
.obcontact_input input.otp-block {
  height: 63px;
  padding: 11px 15px;
  font-size: 44px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  letter-spacing: 10px;
  font-weight: 600;
}
.ctn-info {
  color: #fff;
  margin: 40px 0 14px;
  font-family: Arial, sans-serif;
}
.sub-h {
  font-size: 16px;
  color: #fff;
  margin: 10px 0 17px;
  display: block;
}
.sub-h span {
  color: #fff !important;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .tech-desc,
  .tech-tile {
    min-height: unset;
  }
  .shopify-feature-img {
    display: none;
  }
  .hiring-block {
    padding: 27px 29px 96px;
  }
  .downloadApps img {
    max-width: 136px;
  }
  .hiring-dev-wrapper .section-head {
    margin-bottom: 10px;
  }
  .bcTech-card p {
    font-size: 17px;
    line-height: 27px;
  }
  .scaleupList > li p {
    font-size: 15px;
  }
  .hiring-dev-wrapper,
  .trending-tech.hiring-dev-wrapper {
    padding: 32px 0 16px;
  }
  .tech-tile {
    font-size: 25px;
    margin: 0 0 14px;
    line-height: 36px;
  }
  .section-padding {
    padding: 40px 0;
    margin: 40px auto;
  }
  .features-panels .tab-pane {
    margin: 10px auto 0;
    padding: 0;
  }
  .blog-content-text .specific_fetaure > li {
    font-size: 17px;
    line-height: 1.7;
  }
}
@media (min-width: 992px) {
  .tbl-mobile-view {
    display: none;
  }
}
.subscription-section {
  z-index: 1;
  position: relative;
  background: url(../img/texture.png) #00964e;
}
.subscription-section .heading-border::after {
  background-color: #fff;
}
.comparison {
  border: 1px solid #dfe3e5;
  border-radius: 8px;
  overflow: hidden;
}
.comparison table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}
.comparison td,
.comparison th {
  border-right: 1px solid rgb(136 137 138 / 0.2);
  empty-cells: show;
  padding: 10px;
  border-top: 1px solid rgb(136 137 138 / 0.2);
  border-bottom: 1px solid rgb(136 137 138 / 0.2);
  color: #000;
  background: #fff;
}
.comparison .compare-row {
  background: #f7f7f7;
}
.fa-check {
  color: #69c7f1;
}
.comparison th {
  font-weight: 400;
  padding: 0;
  border-top: 0 solid rgb(223 227 229 / 0.5);
  border-bottom: 0 solid rgb(223 227 229 / 0.5);
}
.comparison tr td:first-child {
  text-align: left;
  padding: 15px;
  border-top: 1px solid rgb(223 227 229 / 0.2);
  border-bottom: 1px solid rgb(223 227 229 / 0.2);
  background: #1d1480;
  color: #fff;
  white-space: nowrap;
}
.comparison tr td:last-child {
  border-right: 0 solid rgb(223 227 229 / 0.5);
}
.comparison .product,
.comparison .tl {
  color: #fff;
  padding: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.comparison .product {
  background: #69c7f1;
  font-size: 20px;
}
.comparison .product span {
  font-size: 24px;
  font-style: normal;
  display: block;
  font-weight: 700;
}
.comparison .price-info {
  padding: 15px;
}
.comparison .price-now,
.comparison .price-now span {
  color: grey;
}
.comparison .price-now span {
  font-size: 36px;
  color: #545454;
}
.comparison .price-now p {
  font-size: 14px;
  line-height: 16px;
  display: inline;
}
.comparison .price-buy {
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.2);
  width: 130px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 700;
}
.obt {
  background: #ebe9ff !important;
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .table_ul li {
    letter-spacing: 0;
  }
  .comparison .price-now span {
    font-size: 32px;
  }
  .comparison .price-now p {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .table_ul {
    padding: 0;
  }
  .table_ul li {
    font-size: 10px;
    line-height: 16px;
    padding: 3px 0;
  }
  .comparison {
    max-width: 100%;
    overflow-x: auto;
    background-color: #fff;
  }
  .comparison td:first-child,
  .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display: table-row;
    background: #f7f7f7;
  }
  .comparison .compare-row,
  .comparison .row {
    background: #fff;
  }
  .price-info {
    border-top: 0 !important;
    padding: 10px 0 !important;
  }
  .price-info p {
    line-height: 8px;
    font-size: 8px !important;
  }
  .comparison .price-now p {
    display: block;
  }
  .comparison .price-now span {
    font-size: 24px;
  }
  .comparison .qbse {
    font-size: 1.2em;
  }
  .comparison .product,
  .comparison td {
    font-size: 15px;
  }
  .comparison .product span {
    font-size: 16px;
  }
  .mb-cmp-h1 {
    font-weight: 700;
  }
  .comparison td,
  .comparison th {
    padding: 10px 5px;
  }
  .comparison th {
    font-size: 14px;
  }
  .comparison .price-buy {
    min-width: 117px;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    font-weight: 700;
  }
}
.p-h1,
.p-h1 span {
  line-height: normal;
  text-transform: uppercase;
}
.grey-bg {
  background: #f7fafb;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f6fcff;
}
.list-style-none {
  margin: 0;
  list-style: none;
  padding: 0;
}
.list-style-none li {
  background-image: none;
}
.tech-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.tech-pills span {
  display: inline-block;
  border: 1px solid #cee4ff;
  padding: 4px 14px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  transform: translateY(0);
  -moz-transition: transform 250ms ease-in-out;
  -webkit-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  z-index: 0;
  background: #ebf4ff;
}
.carousel-wrap .features-flex p strong,
.talkai a {
  font-size: 17px;
}
.aiservice-section.features-panels .tab-pane ul li,
.p-h1 {
  margin: 0;
}
.talkai a {
  color: #000;
  font-weight: 600;
  display: flex;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(
    to right,
    #00e5ff,
    #40e495,
    #30dd8a,
    #2bb673
  );
  font-size: 16px;
  padding: 11px 24px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  background-size: 200% auto;
  white-space: nowrap;
  transition: all 0.4s ease;
}
.talkai a svg {
  width: 23px;
  height: 27px;
}
.talkai a:hover {
  background-position: right center;
  color: #000;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .portfolio-detail-inner
    .masonry-main.page-section-ptb
    .masonry
    .portfolio-item {
    height: 160px;
  }
  .tech-tile {
    font-size: 23px;
    min-height: unset;
  }
  .tech-desc {
    min-height: 138px;
  }
  .appdevservice-Inner {
    padding: 50px 0 57px;
  }
  .mobile-app-development .agileUi-desktop img.img-hw-auto {
    max-width: 470px;
  }
  .mobile-app-development .agileUi-block ul > li:nth-child(4) {
    bottom: 0;
    max-width: 259px;
  }
  .mobile-app-development .agileUi-block ul > li:first-child {
    max-width: 255px;
  }
  .cmmi-text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .blog-toi,
  .talkai {
    display: none;
  }
}
.carousel-wrap .features-flex {
  max-width: 100%;
  padding: 0;
  height: calc(100% - 30px);
}
.carousel-wrap .features-flex p {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 25px;
}
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(20) rotate(45deg);
    opacity: 0;
  }
}
.portfolio-wrapper-section {
  background-image: url(../img/portfolio-section/bg_portfolio.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 70px 0 15px;
  position: relative;
  z-index: 1;
}
.portfolio-wrapper-section::before {
  position: absolute;
  content: "";
  background-image: url(../img/portfolio-section/bottom-plattes.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 175px;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.portfolio-wrapper-section::after {
  position: absolute;
  content: "";
  z-index: -1;
  background: rgb(0 0 0 / 0.55);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.prortfoli-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
}
.p-h1 {
  color: #fff;
  font-size: 75px;
  font-style: normal;
  font-weight: 800;
}
.p-h1 span,
.p-subhead {
  font-weight: 400;
  font-style: normal;
}
.p-h1 span {
  font-size: 60px;
  display: block;
}
.p-subhead {
  color: #fff;
  font-size: 21px;
  line-height: 33px;
}
.projectNames {
  color: #fff;
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 12px;
}
.projectDesc,
.projectDesc p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin: 0 0 36px;
}
.project-thumbs {
  margin: 0 auto;
}
.portfolio-wrapper-section .owl-dots .owl-dot span {
  opacity: 1;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 5px;
  border-radius: 20px;
  background: #fff;
}
.portfolio-wrapper-section .owl-dots .owl-dot.active span {
  background: #000 !important;
}
@media (min-width: 1440px) {
  .portfolio-wrapper-section .container {
    max-width: 1420px !important;
  }
}
.innerpagehero .portfolio-wrapper-section .owl-carousel .owl-stage-outer {
  padding: 22px 1px 0;
}
@media (max-width: 767.98px) {
  .prortfoli-head {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    flex-direction: column;
  }
  .p-h1 {
    font-size: 52px;
  }
  .p-h1 span {
    font-size: 48px;
  }
  .p-subhead {
    font-size: 17px;
    line-height: 27px;
  }
  .portfolio-wrapper-section {
    padding: 38px 0 15px;
  }
  .projectNames {
    font-size: 32px;
    margin: 37px 0 12px;
  }
  .projectDesc,
  .projectDesc p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 24px;
  }
  .portfolio-wrapper-section::before {
    background-size: cover;
    background-position: center bottom;
    height: 75px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .p-h1 {
    font-size: 43px;
  }
  .p-h1 span {
    font-size: 45px;
  }
  .prortfoli-head {
    gap: 45px;
    margin: 0 0 21px;
  }
  .p-subhead {
    font-size: 18px;
    line-height: 30px;
  }
  .projectNames {
    font-size: 37px;
    margin: 25px 0 12px;
  }
  .projectDesc,
  .projectDesc p {
    font-size: 17px;
    line-height: 28px;
  }
  .portfolio-wrapper-section {
    padding: 49px 0 15px;
  }
  .portfolio-wrapper-section::before {
    background-size: cover;
    background-position: center bottom;
    height: 85px;
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .p-h1 {
    font-size: 64px;
  }
  .p-h1 span {
    font-size: 60px;
  }
  .prortfoli-head {
    gap: 45px;
    margin: 0 0 21px;
  }
  .projectNames {
    font-size: 37px;
    margin: 25px 0 12px;
  }
  .projectDesc,
  .projectDesc p {
    font-size: 17px;
    line-height: 28px;
  }
  .portfolio-wrapper-section {
    padding: 49px 0 15px;
  }
  .portfolio-wrapper-section::before {
    background-size: cover;
    background-position: center bottom;
    height: 130px;
  }
}
.masonry-main .show-more-btn a:hover {
  color: #ef5c20;
}
.aiservice-section {
  background: linear-gradient(0deg, #fff0 0, #071f37 100%);
  margin-top: 49px;
}
.aiservice-section.features-panels .nav-tabs {
  background: #03182d;
  border: 1px solid #273e46;
}
.aiservice-section.features-panels .nav-tabs .nav-item a,
.aiservice-section.features-panels .owl-next.disabled i,
.aiservice-section.features-panels .owl-prev.disabled i {
  color: #fff;
}
.aiservice-section .owl-carousel.tabs-carousel .owl-nav .owl-next,
.aiservice-section .owl-carousel.tabs-carousel .owl-nav .owl-prev {
  background: #000;
  color: #fff;
}
.aiservice-section .blockChainpanel-content {
  text-align: left;
  max-width: unset;
}
.formbanner-img {
  margin: 0 auto auto;
  max-width: 150px;
}
.ai-agent-development-services .heroContent,
.ai-chatbot-development-services .heroContent,
.ai-development-services .heroContent,
.cmmi-certified-company .heroContent,
.computer-vision-development .heroContent,
.custom-software-development .heroContent,
.dapp-development .heroContent,
.dedicated-software-development-teams .heroContent,
.hire-llm-developers .heroContent,
.microsoft-azure .heroContent,
.mobile-app-development-company-gold-coast .heroContent,
.mobile-app-development-company-in-atlanta .heroContent,
.mobile-app-development-company-in-dallas .heroContent,
.mobile-app-development-company-in-denver .heroContent,
.mobile-app-development-company-in-houston .heroContent,
.mobile-app-development-company-in-los-angeles .heroContent,
.mobile-apps-on-rent .heroContent,
.mobile-development-company-in-the-uk .heroContent,
.mysql .heroContent,
.software-development-company-newyork .heroContent,
.telecom-software-development .heroContent,
.travel-app-development-company .heroContent,
.xamarin-app-development .heroContent,
.offshore-software-development-services .heroContent,
.mvp-development-services .heroContent {
  text-align: left;
}
@media (max-width: 767.98px) {
  .ai-agent-development-services .heroContent,
  .ai-chatbot-development-services .heroContent,
  .ai-development-services .heroContent,
  .cmmi-certified-company .heroContent,
  .computer-vision-development .heroContent,
  .custom-software-development .heroContent,
  .dapp-development .heroContent,
  .dedicated-software-development-teams .heroContent,
  .hire-llm-developers .heroContent,
  .mobile-app-development-company-in-atlanta .heroContent,
  .mobile-app-development-company-in-dallas .heroContent,
  .mobile-app-development-company-in-denver .heroContent,
  .mobile-app-development-company-in-houston .heroContent,
  .mobile-app-development-company-in-los-angeles .heroContent,
  .mobile-apps-on-rent .heroContent,
  .mobile-development-company-in-the-uk .heroContent,
  .mysql .heroContent,
  .software-development-company-newyork .heroContent,
  .telecom-software-development .heroContent,
  .travel-app-development-company .heroContent,
  .xamarin-app-development .heroContent,
  .offshore-software-development-services .heroContent,
  .mvp-development-services .heroContent {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .software-technology .crm-srv-block {
    padding-bottom: 10px;
  }
}
.ind_name span {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.teams-section {
  background: url(../img/dedicated-teams/teamsBg.png) center center/cover
    no-repeat fixed #021525;
}
.font-fs {
  font-size: 16px;
  font-weight: 400;
}
.snow-container {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  pointer-events: none;
}
.snowflake {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.8;
  pointer-events: none;
}
@keyframes fall {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
    transform: translateY(100vh);
  }
}
@keyframes diagonal-fall {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
    transform: translate(10vw, 100vh);
  }
}
.disc_list.no-tick li::before {
  display: none !important;
}
.content-card {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 10px 40px rgb(0 0 0 / 0.1);
  padding: 3rem;
  border: 1px solid #e5e5e5;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin: 38px 0 33px;
}
.feature-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin: 9px auto;
}
.feature-icon {
  flex-shrink: 0;
}
.feature-icon svg {
  width: 24px;
  height: 24px;
  color: #16a34a;
}
.feature-content h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #1f2937;
}
.feature-content p {
  font-size: 0.95rem;
  color: #6b7280;
  line-height: 1.5;
}
.bottom-section {
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
  margin-top: 25px;
}
.request-a-quote .requestquote_header {
  display: none;
}
.request-a-quote .cmmi-text {
  right: 70px;
}
.cmmi-bg {
  background: #016a73 url(../img/cmmi/cmmiImage.png) center/contain no-repeat;
}
.ai-development-services .projectCount_list {
  background-image: none;
  background-color: #132f4a !important;
}
.cto-text {
  color: #fff;
  margin: 0 auto 33px;
}
.ctoThumb {
  width: 100px;
  height: 100px;
  margin: 50px auto 21px;
  background: #071f35;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border: 1px solid #423d3d;
}
.software-development-company-in-brisbane .heroContent,
.software-development-company-in-australia .heroContent,
.stock-trading-app-development .heroContent,
.mobile-app-development-company-in-germany .heroContent,
.mobile-app-development-company-in-france .heroContent,
.mobile-app-development-company-in-spain .heroContent,
.mobile-app-development-company-in-poland .heroContent,
.mobile-app-development-company-in-italy .heroContent,
.token-development-services .heroContent,
.cryptocurrency-gateway-development .heroContent,
.ai-integration-services .heroContent,
.ai-voice-bot-development .heroContent,
.p2p-cryptocurrency-exchange-development .heroContent,
.ai-consulting-services .heroContent,
.nft-minting-platform-development .heroContent,
.fintech-software-development-services .heroContent,
.ai-automation-services .heroContent {
  text-align: left;
}
@media (max-width: 767.98px) {
  .software-development-company-in-brisbane .heroContent,
  .software-development-company-in-australia .heroContent,
  .mobile-app-development-company-in-germany .heroContent,
  .mobile-app-development-company-in-france .heroContent,
  .mobile-app-development-company-in-spain .heroContent,
  .mobile-app-development-company-in-poland .heroContent,
  .mobile-app-development-company-in-italy .heroContent,
  .token-development-services .heroContent,
  .cryptocurrency-gateway-development .heroContent,
  .ai-integration-services .heroContent,
  .p2p-cryptocurrency-exchange-development .heroContent,
  .ai-voice-bot-development .heroContent,
  .ai-consulting-services .heroContent,
  .nft-minting-platform-development .heroContent,
  .fintech-software-development-services .heroContent,
  .ai-automation-services .heroContent {
    text-align: center;
  }
}
.hiring_process_flow_item:last-child::after {
  display: none;
}
.ai-pro-wrapper {
  background-color: #030712;
}
.ambient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.4;
  animation: floatOrb 10s infinite alternate ease-in-out;
}
.orb-1 {
  width: 400px;
  height: 400px;
  background: #4f46e5;
  top: -10%;
  left: -10%;
}
.orb-2 {
  width: 500px;
  height: 500px;
  background: #0891b2;
  bottom: -20%;
  right: -10%;
  animation-delay: -5s;
}
.orb-3 {
  width: 300px;
  height: 300px;
  background: #9333ea;
  top: 40%;
  left: 40%;
  opacity: 0.2;
}
@keyframes floatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(30px, 50px) scale(1.1);
  }
}
.aiProducts .section-h1 {
  color: #fff;
}
.text-gradient {
  background: linear-gradient(135deg, #f6520f 0%, #78e5df 70%, #69f0dd 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
}
.text-gradient-creative {
  background: linear-gradient(135deg, #f6520f 0%, #78e5df 70%, #69f0dd 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
}
.tracking-wide {
  letter-spacing: 0.1em;
}
.badge-creative {
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 15px rgb(0 0 0 / 0.2);
}
.pulse-dot-creative {
  width: 8px;
  height: 8px;
  background-color: #38bdf8;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  box-shadow: 0 0 10px #38bdf8;
  animation: pulseCreative 2s infinite;
}
@keyframes pulseCreative {
  0% {
    box-shadow: 0 0 0 0 rgb(56 189 248 / 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px #fff0;
  }
  100% {
    box-shadow: 0 0 0 0 #fff0;
  }
}
.glass-card {
  background: rgb(255 255 255 / 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 1.5rem;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.glass-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgb(255 255 255 / 0.2),
    transparent
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}
.glass-card:hover {
  transform: translateY(-10px);
  background: rgb(255 255 255 / 0.06);
  border-color: rgb(255 255 255 / 0.2);
}
.glass-card:hover::before {
  opacity: 1;
}
.card-pixoye:hover {
  box-shadow: 0 20px 40px -10px rgb(236 72 153 / 0.2);
}
.card-project:hover {
  box-shadow: 0 20px 40px -10px rgb(14 165 233 / 0.2);
}
.card-crm:hover {
  box-shadow: 0 20px 40px -10px rgb(20 184 166 / 0.2);
}
.icon-box-creative {
  height: 80px;
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  color: #fff;
  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease;
  position: relative;
}
.glass-card:hover .icon-box-creative {
  transform: scale(1.1);
}
.icon-pixoye {
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
}
.icon-pixoye::after {
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
}
.icon-project {
  background: linear-gradient(135deg, #0ea5e9, #3b82f6);
}
.icon-project::after {
  background: linear-gradient(135deg, #0ea5e9, #3b82f6);
}
.icon-crm {
  background: linear-gradient(135deg, #14b8a6, #10b981);
}
.icon-crm::after {
  background: linear-gradient(135deg, #14b8a6, #10b981);
}
.explore-link-creative {
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}
.explore-link-creative svg {
  transition: transform 0.3s ease;
}
.explore-link-creative:hover svg {
  transform: translateX(6px);
}
.link-pixoye {
  color: #f472b6;
}
.link-pixoye:hover {
  color: #fdf2f8;
  text-shadow: 0 0 8px rgb(244 114 182 / 0.6);
}
.link-project {
  color: #7dd3fc;
}
.link-project:hover {
  color: #f0f9ff;
  text-shadow: 0 0 8px rgb(125 211 252 / 0.6);
}
.link-crm {
  color: #5eead4;
}
.link-crm:hover {
  color: #f0fdfa;
  text-shadow: 0 0 8px rgb(94 234 212 / 0.6);
}
.text-gray-400 {
  color: #94a3b8;
}
.text-gray-300 {
  color: #cbd5e1;
}
.ai-pro-wrapper .lead {
  font-size: 19px;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 767px) {
  .glass-card {
    margin: 18px auto;
    height: auto !important;
  }
}
.authority-banner {
  background: #121826;
  color: #fff;
  padding: 60px 0;
  position: relative;
  border-top: 4px solid #f36f21;
}
.stat-circle {
  width: 80px;
  height: 80px;
  border: 2px solid rgb(255 255 255 / 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #f36f21;
}
.stat-number {
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 10px;
  background: linear-gradient(135deg, #fff 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.authority-banner .svg-icon {
  width: 32px;
  height: 32px;
  stroke-width: 2;
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.authority-text {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 40px;
  display: block;
}
.tech-card {
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.08);
  height: 100%;
  transition: all 0.3s ease;
  border-left: 4px solid #f55c21;
}
.tech-card:hover {
  transform: translateY(-3px);
}
.tech-card-title {
  color: #f55c21;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.tech-card p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0;
}
.why-choose-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.why-choose-icon {
  width: 40px;
  height: 40px;
  background-color: #f55c21;
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 1.25rem;
  font-weight: 700;
}
.why-choose-title {
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #333;
}
.why-choose-content p {
  font-size: 0.9rem;
  color: #6c757d;
  margin-bottom: 0;
}
.pills-blocks {
  gap: 15px;
}
.trust-pill {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #e2e8f0;
  font-weight: 500;
  letter-spacing: 0.03em;
  transition: all 0.3s ease;
  cursor: default;
  border-radius: 40px;
  gap: 10px;
}
.trust-pill:hover {
  background: rgb(255 255 255 / 0.08);
  border-color: rgb(96 165 250 / 0.5);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgb(96 165 250 / 0.15);
}
.trust-pill svg {
  color: #60a5fa;
  transition: transform 0.3s ease;
}
.trust-pill:hover svg {
  transform: scale(1.1) rotate(5deg);
}
.glass-stat-card {
  background: rgb(255 255 255 / 0.02);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(255 255 255 / 0.05);
  border-top: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1.5rem;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}
.glass-stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgb(255 255 255 / 0.05),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.7s ease;
}
.glass-stat-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.04);
  border-color: rgb(255 255 255 / 0.15);
  box-shadow: 0 20px 40px -10px rgb(0 0 0 / 0.5);
}
.glass-stat-card:hover::before {
  left: 200%;
}
.bespoke-section .stat-number {
  background: linear-gradient(135deg, #fff 0%, #5bc2f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.stat-text {
  color: #94a3b8;
  font-size: 1.05rem;
  line-height: 1.6;
  font-weight: 400;
}
@media (max-width: 768px) {
  .stat-number {
    font-size: 2.75rem;
  }
  .stat-text {
    font-size: 1rem;
  }
}
.bespoke-section {
  background-color: #030712;
  overflow: hidden;
  margin: 0;
}
.saas-types-section {
  background-color: #fff;
  color: #334155;
}
.text-brand-primary {
  color: #ef5c20 !important;
}
.text-brand-secondary {
  color: #32caca !important;
}
.saas-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
}
.saas-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #ef5c20;
  transition: all 0.3s ease;
  z-index: -1;
}
.saas-card:hover {
  transform: translateY(-5px);
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  border-color: #fff0;
}
.saas-card:hover::after {
  width: 100%;
  background-color: rgb(50 202 202 / 0.03);
  border-left: 4px solid #32caca;
}
.saas-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 0.75rem;
  background-color: #ef5c20;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
.saas-card:hover .saas-icon-wrapper {
  background-color: #32caca;
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
}
.saas-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 1rem;
  transition: color 0.3s ease;
}
.saas-card:hover .saas-card-title {
  color: #32caca;
}
.saas-card-desc {
  color: #64748b;
}
.case-studies-section {
  background-color: #f8fafc;
  color: #334155;
}
.cs-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
}
.cs-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.05);
  border-color: #ef5c20;
}
.cs-tag {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #32caca;
  background-color: rgb(50 202 202 / 0.1);
  padding: 0.4rem 0.8rem;
  border-radius: 2rem;
  display: inline-block;
  margin-bottom: 1.25rem;
  align-self: flex-start;
}
.cs-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 1rem;
  line-height: 1.3;
}
.cs-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #64748b;
  margin-bottom: 2rem;
  flex-grow: 1;
}
.cs-stat-box {
  background: linear-gradient(
    145deg,
    rgb(239 92 32 / 0.05) 0%,
    rgb(239 92 32 / 0.01) 100%
  );
  border-left: 4px solid #ef5c20;
  padding: 1.25rem;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-top: auto;
}
.cs-stat-text {
  font-weight: 600;
  color: #ef5c20;
  font-size: 1rem;
  margin: 0;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
}
.cs-stat-text svg {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-top: 0.15rem;
}
.cta-box {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-radius: 1.5rem;
  padding: 3rem 2rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.cta-orb-1 {
  position: absolute;
  width: 300px;
  height: 300px;
  background: #ef5c20;
  filter: blur(80px);
  opacity: 0.3;
  top: -100px;
  right: -50px;
  pointer-events: none;
}
.cta-orb-2 {
  position: absolute;
  width: 250px;
  height: 250px;
  background: #32caca;
  filter: blur(80px);
  opacity: 0.2;
  bottom: -80px;
  left: -50px;
  pointer-events: none;
}
.maturity-step {
  font-size: 3rem;
  font-weight: 800;
  color: rgb(239 92 32 / 0.15);
  line-height: 1;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.btn-primary-custom {
  background-color: #ef5c20;
  color: #fff;
  font-weight: 600;
  padding: 0.875rem 2.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.btn-primary-custom:hover {
  background-color: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
  color: #fff;
}
.btn-primary-custom svg {
  transition: transform 0.3s ease;
}
.btn-primary-custom:hover svg {
  transform: translateX(4px);
}
.d-flex.gap-3 {
  gap: 13px;
}
.cert-section {
  background-color: #f8fafc;
}
.cert-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem 2rem;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
}
.cert-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.05);
  border-color: #ef5c20;
}
.cert-logo-wrapper {
  width: 72px;
  height: 72px;
  border-radius: 1rem;
  background: linear-gradient(
    135deg,
    rgb(239 92 32 / 0.1) 0%,
    rgb(239 92 32 / 0.03) 100%
  );
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.4s ease;
  border: 1px solid rgb(239 92 32 / 0.15);
}
.cert-card:hover .cert-logo-wrapper {
  background: #ef5c20;
  color: #fff;
  transform: scale(1.05) rotate(-3deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.cert-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 1rem;
}
.cert-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.industries-section {
  background-color: #030712;
  position: relative;
  overflow: hidden;
}
.dark-theme {
  background-color: #030712 !important;
}
.industry-card,
.dark-theme .industry-card {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  text-align: center;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.industry-card:hover {
  background: rgb(255 255 255 / 0.06);
  border-color: #ef5c20;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px -5px rgb(239 92 32 / 0.15);
}
.industry-icon {
  color: #32caca;
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}
.industry-card:hover .industry-icon {
  color: #ef5c20;
  transform: scale(1.1);
}
.industry-title {
  color: #f8fafc;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  transition: color 0.3s ease;
}
.industry-card:hover .industry-title {
  color: #fff;
}
.industry-desc {
  color: #7a8a9c;
  margin: 21px 0 0;
}
.pricing-section {
  background-color: #fff;
}
.pricing-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
  position: relative;
}
.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  border-color: #ef5c20;
}
.pricing-card.popular {
  border-color: #ef5c20;
  box-shadow: 0 10px 20px -5px rgb(239 92 32 / 0.15);
}
.pricing-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.5rem;
}
.pricing-price {
  font-size: 2.25rem;
  font-weight: 800;
  color: #ef5c20;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.pricing-desc {
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.pricing-list {
  list-style: none;
  padding: 0;
  margin: 0 0 2.5rem 0;
  flex-grow: 1;
}
.pricing-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #334155;
  line-height: 1.5;
}
.pricing-list li svg {
  color: #32caca;
  width: 20px;
  height: 20px;
  margin-right: 0.75rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
}
.btn-pricing {
  cursor: pointer;
  width: 100%;
  padding: 0.875rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}
.btn-pricing-outline {
  border: 2px solid #e2e8f0;
  color: #0f172a;
  background: #fff0;
}
.btn-pricing-outline:hover {
  border-color: #ef5c20;
  color: #ef5c20;
  background: rgb(239 92 32 / 0.05);
}
.btn-pricing-solid {
  background: #ef5c20;
  color: #fff;
  border: 2px solid #ef5c20;
}
.btn-pricing-solid:hover {
  background: #ea580c;
  border-color: #ea580c;
  color: #fff;
  box-shadow: 0 4px 6px -1px rgb(239 92 32 / 0.3);
}
.pricing-footer {
  background: #f8fafc;
  border-radius: 1rem;
  padding: 2.5rem;
  border: 1px solid #e2e8f0;
}
.testimonials-section {
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.testimonial-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.testimonial-card:hover {
  transform: translateY(-8px);
  background: #fff;
  border-color: #ef5c20;
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
}
.quote-icon {
  color: rgb(58, 203, 201);
  width: 40px;
  z-index: -1;
  transition: all 0.4s ease;
  margin: 0 0 18px;
}
.testimonial-card:hover .quote-icon {
  color: rgb(239 92 32 / 0.15);
  transform: scale(1.1) rotate(5deg);
}
.testimonial-stars {
  color: #fbbf24;
  margin-bottom: 1rem;
  display: flex;
  gap: 4px;
}
.testimonial-stars svg {
  width: 20px;
  height: 20px;
}
.testimonial-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #475569;
  font-style: italic;
  margin-bottom: 2rem;
  flex-grow: 1;
}
.testimonial-author2 {
  border-top: 1px solid #e2e8f0;
  padding-top: 1.5rem;
  transition: border-color 0.4s ease;
  display: flex;
  margin-top: auto;
  align-items: center;
}
.testimonial-author {
  margin-top: auto;
  border-top: 1px solid #e2e8f0;
  padding-top: 1.5rem;
  transition: border-color 0.4s ease;
}
.testimonial-card:hover .testimonial-author {
  border-color: rgb(239 92 32 / 0.2);
}
.testi-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(239 92 32 / 0.1);
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.2rem;
  margin-right: 1rem;
  border: 1px solid rgb(239 92 32 / 0.2);
  flex-shrink: 0;
}
.author-info {
  display: flex;
  flex-direction: column;
}
.author-name {
  font-weight: 700;
  color: var(--heading-color);
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.author-role {
  color: #ef5c20;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.author-project {
  color: #64748b;
  font-size: 0.85rem;
  margin: 0;
  display: flex;
  align-items: center;
}
.author-project svg {
  color: #32caca;
  margin-right: 0.4rem;
}
.tech-stack-section {
  background-color: #030712;
  position: relative;
  overflow: hidden;
}
.tech-card2 {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(255 255 255 / 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2.5rem 2rem;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
}
.tech-card2:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.04);
  border-color: #ef5c20;
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
}
.tech-icon-wrapper2 {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  background: rgb(239 92 32 / 0.1);
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.4s ease;
  border: 1px solid rgb(239 92 32 / 0.15);
}
.tech-card2:hover .tech-icon-wrapper2 {
  background: #ef5c20;
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.tech-title2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 1rem;
}
.tech-card2 p {
  font-size: 15px;
  color: #b0b3b8;
  margin-bottom: 0;
}
.cs-tag2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: #2d2d2d;
  display: inline-block;
  align-self: flex-start;
}
.roadmap-section {
  background-color: #fff;
}
.roadmap-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.roadmap-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
  color: #334155;
  line-height: 1.6;
}
.roadmap-list li:last-child {
  margin-bottom: 0;
}
.roadmap-list li svg {
  color: #ef5c20;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.roadmap-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  padding: 3rem 2.5rem;
  height: 100%;
  transition: box-shadow 0.3s ease;
}
.roadmap-card:hover {
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.05),
    0 8px 10px -6px rgb(0 0 0 / 0.01);
}
.cs-stat-box-metrics {
  background: #fff8f5;
  padding: 13px;
  margin-top: auto;
}
.metric-col {
  text-align: center;
}
.metric-val {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ef5c20;
  line-height: 1.1;
  margin-bottom: 0.35rem;
}
.metric-label {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}
.metric-divider {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 16px;
  margin: 0 auto 17px;
}
.btn-text-link {
  color: #ef5c20;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}
.btn-text-link:hover {
  color: #ea580c;
}
.btn-text-link svg {
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
}
.btn-text-link:hover svg {
  transform: translateX(4px);
}
.compliance-bg {
  background-color: #0f172a;
  color: #fff;
  border-radius: 0;
}
.bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.bento-item {
  background: rgb(30 41 59 / 0.5);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 32px;
  padding: 40px;
  transition: all 0.3s ease;
}
.bento-item:hover {
  border-color: #ef5c20;
  background: rgb(30 41 59 / 0.8);
}
.bento-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.bento-icon-box {
  width: 56px;
  height: 56px;
  background: #ef5c20;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.tech-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.tech-item {
  background: rgb(15 23 42 / 0.4);
  border: 1px solid rgb(255 255 255 / 0.05);
  padding: 10px 15px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #cbd5e1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.marker {
  width: 5px;
  height: 5px;
  background: #ef5c20;
  border-radius: 50%;
}
.commitment-card {
  border-left: 3px solid #ef5c20;
  padding: 24px 30px;
  background: #f8fafc;
  border-radius: 0 20px 20px 0;
  height: calc(100% - 30px);
  transition: background 0.3s ease;
  margin-bottom: 30px;
}
.commitment-card:hover {
  background: #fff2ed;
}
.commitment-text {
  font-size: 1rem;
  color: #475569;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 991px) {
  .bento-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .cs-card {
    height: auto;
    margin-bottom: 30px;
  }
}
.advantage-card {
  background: #fff;
  border: 1px solid #dfe3e7;
  border-radius: 15px;
  padding: 25px;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.advantage-card:hover {
  border-color: #ef5c20;
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgb(15 23 42 / 0.05);
}
.advantage-icon-box {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: rgb(255 94 20 / 0.05);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 18px auto;
  transition: all 0.35s ease;
}
.advantage-card:hover .advantage-icon-box {
  background: var(--brand-primary);
  color: #fff;
  transform: rotate(-10deg) scale(1.05);
}
.advantage-card:hover .bento-title {
  color: var(--brand-primary);
}
.icon-wrapper {
  width: 60px;
  height: 60px;
  background-color: #ef5c20;
  color: #fff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.card-title {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 15px;
  color: var(--heading-color);
}
.card-text {
  color: #475569;
  font-size: 0.95rem;
  margin-bottom: 0;
}
.ambient-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.glow-orb2 {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.15;
  animation: floatOrbit 12s infinite alternate ease-in-out;
}
.orb-01 {
  width: 500px;
  height: 500px;
  background: var(--brand-primary);
  top: -10%;
  left: -10%;
}
.orb-02 {
  width: 400px;
  height: 400px;
  background: var(--brand-secondary);
  bottom: -10%;
  right: -5%;
  animation-delay: -5s;
  opacity: 0.1;
}
@keyframes floatOrbit {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(40px, -40px) scale(1.1);
  }
}
.ai-solutions-section {
  position: relative;
  z-index: 1;
}
.solution-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2rem 1.5rem;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.solution-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
  border-color: var(--brand-secondary);
}
.solution-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.4s ease;
  border: 1px solid rgb(239 92 32 / 0.15);
}
.solution-card:hover .solution-icon-wrap {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.solution-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 1rem;
  line-height: 1.3;
}
.solution-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-muted-light);
  flex-grow: 1;
  margin-bottom: 1.5rem;
}
.use-case-box {
  background-color: rgb(255 255 255 / 0.04);
  border-left: 3px solid var(--brand-secondary);
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #cbd5e1;
}
.use-case-title {
  display: block;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 0.25rem;
}
.results-section {
  background-color: var(--dark-bg);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.result-card {
  background: var(--card-bg);
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
}
.result-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  border-color: rgb(239 92 32 / 0.4);
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
}
.result-tag {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand-secondary);
  margin-bottom: 0.75rem;
  display: block;
}
.result-title {
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 2rem;
  line-height: 1.3;
}
.result-block {
  margin-bottom: 1.25rem;
}
.result-label {
  font-weight: 600;
  color: #cbd5e1;
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.95rem;
}
.result-text {
  color: var(--text-muted-light);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.impact-box {
  background: linear-gradient(
    145deg,
    rgb(239 92 32 / 0.1) 0%,
    rgb(239 92 32 / 0.02) 100%
  );
  border-left: 3px solid var(--brand-primary);
  padding: 1.25rem 1.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-top: auto;
}
.impact-box .result-text {
  color: #fff;
  font-weight: 500;
}
.ai-wrapper p {
  color: var(--text-muted-light);
  font-size: 1rem;
  line-height: 1.6;
}
.why-section {
  background-color: #0a1128;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.why-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
}
.why-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  border-color: rgb(50 202 202 / 0.4);
  box-shadow: 0 20px 40px -10px rgb(50 202 202 / 0.15);
}
.why-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(50 202 202 / 0.1);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid rgb(50 202 202 / 0.2);
}
.why-card:hover .why-icon-wrap {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(50 202 202 / 0.3);
}
.why-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 1rem;
  line-height: 1.3;
}
.why-desc {
  line-height: 1.6;
  color: var(--text-muted-light);
  margin-bottom: 0;
  flex-grow: 1;
}
.process-section {
  background-color: #0f172a;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.timeline-container {
  position: relative;
  margin: 0 auto;
}
.timeline-container::after {
  content: "";
  position: absolute;
  width: 2px;
  background: linear-gradient(
    to bottom,
    var(--brand-primary),
    var(--brand-secondary),
    transparent
  );
  top: 0;
  bottom: 0;
  left: 24px;
  margin-left: -1px;
  z-index: 0;
}
.timeline-item {
  padding: 10px 40px 40px 60px;
  position: relative;
  background: inherit;
  width: 100%;
}
.timeline-badge {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 0;
  top: 0;
  background-color: #0f172a;
  border: 2px solid var(--brand-secondary);
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--brand-secondary);
  box-shadow: 0 0 15px rgb(50 202 202 / 0.2);
  transition: all 0.4s ease;
}
.timeline-content {
  padding: 1.5rem;
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 10px;
  position: relative;
  transition: all 0.4s ease;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
}
.timeline-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background: var(--brand-secondary);
  opacity: 0;
  transition: all 0.4s ease;
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.timeline-item:hover .timeline-badge {
  background-color: var(--brand-secondary);
  color: #fff;
  transform: scale(1.15);
  box-shadow: 0 0 25px rgb(50 202 202 / 0.5);
}
.timeline-item:hover .timeline-content {
  background: rgb(255 255 255 / 0.05);
  border-color: rgb(50 202 202 / 0.4);
  transform: translateX(10px);
  box-shadow: 0 15px 30px -5px rgb(50 202 202 / 0.15);
}
.timeline-item:hover .timeline-content::before {
  opacity: 1;
}
.timeline-item:nth-child(even) .timeline-badge {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 0 15px rgb(239 92 32 / 0.2);
}
.timeline-item:nth-child(even):hover .timeline-badge {
  background-color: var(--brand-primary);
  color: #fff;
  box-shadow: 0 0 25px rgb(239 92 32 / 0.5);
}
.timeline-item:nth-child(even) .timeline-content::before {
  background: var(--brand-primary);
}
.timeline-item:nth-child(even):hover .timeline-content {
  border-color: rgb(239 92 32 / 0.4);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.15);
}
.process-desc {
  color: var(--text-muted-light);
  font-size: 0.95rem;
  line-height: 1.6;
}
.tool-tag {
  font-size: 0.8rem;
  color: #cbd5e1;
  background: rgb(255 255 255 / 0.05);
  padding: 0.35rem 0.85rem;
  border-radius: 2rem;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid rgb(255 255 255 / 0.1);
  transition: all 0.2s ease;
}
.timeline-item:nth-child(odd):hover .tool-tag {
  background: rgb(50 202 202 / 0.1);
  border-color: rgb(50 202 202 / 0.3);
  color: #fff;
}
.timeline-item:nth-child(even):hover .tool-tag {
  background: rgb(239 92 32 / 0.1);
  border-color: rgb(239 92 32 / 0.3);
  color: #fff;
}
.timeline-item:nth-child(odd) .tool-header {
  color: var(--brand-secondary) !important;
}
.timeline-item:nth-child(odd) .border-top {
  border-color: rgb(50 202 202 / 0.25) !important;
}
.timeline-item:nth-child(even) .tool-header {
  color: var(--brand-primary) !important;
}
.timeline-item:nth-child(even) .border-top {
  border-color: rgb(239 92 32 / 0.25) !important;
}
@media (min-width: 992px) {
  .timeline-container::after {
    left: 50%;
  }
  .timeline-item {
    width: 50%;
    padding: 0 50px 40px 0;
  }
  .timeline-item:nth-child(even) {
    left: 50%;
    padding: 0 0 40px 50px;
  }
  .timeline-badge {
    left: auto;
    right: -24px;
  }
  .timeline-item:nth-child(even) .timeline-badge {
    left: -24px;
    right: auto;
  }
  .timeline-item:nth-child(odd) {
    text-align: right;
  }
  .timeline-item:nth-child(odd) .tool-container {
    justify-content: flex-end;
  }
  .timeline-item:nth-child(odd) .tool-tag {
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .timeline-item:nth-child(odd):hover .timeline-content {
    transform: translateX(-10px);
  }
  .timeline-item:nth-child(odd) .timeline-content::before {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .timeline-item:nth-child(even):hover .timeline-content {
    transform: translateX(10px);
  }
}
.security-section {
  background-color: #111827;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.compliance-card {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(50 202 202 / 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  height: 100%;
}
.compliance-card:hover {
  background: rgb(50 202 202 / 0.08);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px -5px rgb(50 202 202 / 0.2);
}
.compliance-icon {
  color: var(--brand-secondary);
  margin-right: 1.25rem;
  flex-shrink: 0;
}
.compliance-text {
  color: #e2e8f0;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}
.industries-dev-section {
  background-color: #18181b;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.industry-dev-card {
  background: linear-gradient(
    145deg,
    rgb(255 255 255 / 0.03) 0%,
    rgb(255 255 255 / 0.01) 100%
  );
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 1.25rem;
  padding: 2.25rem;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.industry-dev-card:hover {
  border-color: var(--brand-secondary);
  background: rgb(255 255 255 / 0.05);
  transform: translateY(-5px);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.15);
}
.industry-dev-header {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.industry-dev-icon {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
}
.industry-dev-card:hover .industry-dev-icon {
  background: var(--brand-secondary);
}
.industry-dev-title {
  color: #f8fafc;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
.industry-dev-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-grow: 1;
}
.industry-dev-list li {
  color: #cbd5e1;
  font-size: 0.95rem;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
.industry-dev-list li:last-child {
  margin-bottom: 0;
}
.industry-dev-list li svg {
  width: 18px;
  height: 18px;
  color: var(--brand-primary);
  margin-right: 0.75rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}
.tech-stack-section {
  background-color: #212123;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgb(255 255 255 / 0.2);
}
.tech-cat-card {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(255 255 255 / 0.11);
  border-radius: 1rem;
  padding: 1.75rem;
  height: 100%;
  transition: all 0.3s ease;
}
.tech-cat-card:hover {
  background: rgb(255 255 255 / 0.04);
  border-color: rgb(255 255 255 / 0.15);
  box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.2);
}
.tech-cat-title {
  color: var(--text-light);
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}
.tech-cat-title svg {
  color: var(--brand-secondary);
  margin-right: 0.75rem;
}
.cta-creative-section {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.cta-creative-card {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1.5rem;
  padding: 3rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}
.cta-creative-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: var(--brand-primary);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  border-radius: 50%;
}
.cta-creative-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 300px;
  background: var(--brand-secondary);
  filter: blur(100px);
  opacity: 0.15;
  z-index: -1;
  border-radius: 50%;
}
.cta-pilot-badge {
  background: rgb(50 202 202 / 0.15);
  border: 1px solid rgb(50 202 202 / 0.3);
  color: var(--brand-secondary);
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.btn-cta-primary {
  background-color: var(--brand-primary);
  color: #fff;
  font-weight: 600;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.btn-cta-primary:hover {
  background-color: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
  color: #fff;
}
.btn-cta-outline {
  background-color: #fff0;
  color: #fff;
  font-weight: 600;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid rgb(255 255 255 / 0.2);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.btn-cta-outline:hover {
  border-color: #fff;
  background: rgb(255 255 255 / 0.05);
  color: #fff;
  transform: translateY(-2px);
}
.dev-services-section {
  background-color: var(--dark-bg);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.dev-service-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2.25rem;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
.dev-service-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  border-color: rgb(50 202 202 / 0.4);
  box-shadow: 0 20px 40px -10px rgb(50 202 202 / 0.15);
}
.dev-service-icon {
  width: 52px;
  height: 52px;
  background: rgb(50 202 202 / 0.1);
  color: var(--brand-secondary);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgb(50 202 202 / 0.2);
  transition: all 0.3s ease;
}
.dev-service-card:hover .dev-service-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 15px -3px rgb(50 202 202 / 0.3);
}
.dev-service-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 1rem;
  line-height: 1.3;
}
.dev-service-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-muted-light);
  margin-bottom: 1.5rem;
}
.dev-service-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: auto;
  border-top: 1px solid rgb(255 255 255 / 0.05);
  padding-top: 1.5rem;
}
.dev-service-list li {
  color: #cbd5e1;
  font-size: 0.95rem;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
.dev-service-list li:last-child {
  margin-bottom: 0;
}
.dev-service-list li svg {
  color: var(--brand-secondary);
  margin-right: 0.75rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  .cta-creative-card {
    padding: 23px;
  }
  .result-card,
  .why-card,
  .dev-service-card,
  .solution-card,
  .timeline-content,
  .industry-dev-card {
    padding: 1.5rem;
  }
}
.cta-banner {
  background-color: #fff7ed;
  border-left: 4px solid var(--brand-primary);
  padding: 2rem;
  border-radius: 15px;
  margin: 3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 6px -1px rgb(239 92 32 / 0.05);
}
.cta-banner h4 {
  margin: 0;
  color: var(--text-dark);
  font-size: 1.25rem;
}
.btn-primary-custom {
  background-color: var(--brand-primary);
  color: #ffffff !important;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  border: none;
  display: inline-block;
  text-decoration: none !important;
  justify-content: center;
  white-space: nowrap;
}
.btn-primary-custom:hover {
  background-color: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
@media (max-width: 768px) {
  .cta-banner {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
}
.app-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  transition: all 0.3s ease;
}
.app-card:hover {
  border-color: var(--brand-secondary);
  box-shadow: 0 10px 15px -3px rgb(50 202 202 / 0.1);
  transform: translateY(-3px);
}
.app-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f8fafc;
  padding-bottom: 1rem;
}
.app-card-title {
  margin: 0;
  color: #0f172a;
  font-size: 1.25rem;
}
.app-card-type {
  font-size: 0.85rem;
  color: var(--brand-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
  display: block;
}
.badge-platform {
  background-color: #e0f2fe;
  color: #0284c7;
  padding: 0.35rem 0.75rem;
  border-radius: 2rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.badge-downloads {
  background-color: #dcfce7;
  color: #166534;
  padding: 0.35rem 0.75rem;
  border-radius: 2rem;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.feature-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.feature-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.feature-list li::before {
  content: "✓";
  color: var(--brand-secondary);
  font-weight: 700;
  position: absolute;
  left: 0;
}
.adv-disadv-container {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.adv-box,
.disadv-box {
  background: #f8fafc;
  border-radius: 1rem;
  padding: 2rem;
  flex: 1;
  border: 1px solid #e2e8f0;
}
.adv-box {
  border-top: 4px solid #10b981;
}
.disadv-box {
  border-top: 4px solid #ef4444;
}
.adv-box h3 {
  color: #10b981;
  margin-top: 0;
}
.disadv-box h3 {
  color: #ef4444;
  margin-top: 0;
}
.custom-list {
  padding-left: 1.2rem;
  margin-bottom: 45px;
}
.custom-list li {
  margin-bottom: 0.75rem;
  font-size: 19px;
  line-height: 1.9;
  font-weight: 500;
  color: #000;
}
@media (max-width: 768px) {
  .adv-disadv-container {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.step-list {
  counter-reset: blog-counter;
  padding-left: 0;
  list-style: none;
}
.step-list > li {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1.5rem;
}
.step-list > li::before {
  counter-increment: blog-counter;
  content: counter(blog-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: var(--brand-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
}
.step-list h3 {
  margin-top: 0;
  color: var(--text-dark);
  font-size: 1.25rem;
}
.blog-content-text h3 {
  color: #f25d1c;
}
.blog-content-text strong {
  color: var(--text-dark);
}
.text-primary-custom {
  color: #ef5c20 !important;
}
.text-secondary-custom {
  color: #12e3e3  !important;
}
.bg-light-gray {
  background-color: #f8fafc;
}
.bg-dark-custom {
  background-color: #030712;
}
.btn-custom-primary {
  cursor: pointer;
  text-transform: uppercase;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff !important;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  font-size: 0.9rem;
}
.btn-custom-primary:hover {
  background-color: #ea580c;
  border-color: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
  color: #fff;
}
.btn-custom-white {
  cursor: pointer;
  background-color: #fff;
  color: #ef5c20 !important;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 2px solid #fff;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.btn-custom-white:hover {
  background-color: #fff0;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
}
.hero-section {
  background-color: #030712;
  position: relative;
  overflow: hidden;
}
.hero-orb-1 {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 500px;
  height: 500px;
  background: #ef5c20;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.15;
}
.hero-orb-2 {
  position: absolute;
  bottom: -10%;
  right: -5%;
  width: 400px;
  height: 400px;
  background: #32caca;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.1;
}
.stat-glass-card {
  background: rgb(255 255 255 / 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  text-align: center;
}
.stat-glass-card:hover {
  transform: translateY(-5px);
  border-color: rgb(239 92 32 / 0.5);
  background: rgb(255 255 255 / 0.05);
  box-shadow: 0 10px 30px -10px rgb(239 92 32 / 0.4);
}
.stat-value {
  font-size: 2rem;
  font-weight: 800;
  color: #32caca;
  margin-bottom: 0.5rem;
  display: block;
}
.stat-label {
  font-size: 1rem;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 0.5rem;
}
.stat-desc {
  font-size: 0.85rem;
  color: #94a3b8;
  margin: 0;
}
.cta-banner-custom {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border-radius: 1.5rem;
  padding: 2.5rem 3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cta-banner-custom::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 250px;
  height: 250px;
  background: rgb(255 255 255 / 0.1);
  border-radius: 50%;
  filter: blur(40px);
}
@media (max-width: 991px) {
  .stat-glass-card {
    padding: 1rem;
  }
  .cta-banner-custom {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
  .cta-banner-custom h3 {
    margin-bottom: 2rem !important;
  }
}
.cta-banner-custom-dark {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border: 1px solid rgb(255 255 255 / 0.1);
}
.cta-banner-custom-dark::before {
  background: #32caca;
  opacity: 0.1;
}
.content-card-custom {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  gap: 25px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
}
.content-card-custom:hover {
  transform: translateY(-5px);
  border-color: var(--brand-secondary);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
}
.icon-wrap {
  width: 56px;
  height: 56px;
  background: #ef5c20;
  color: #fff;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
.content-card-custom:hover .icon-wrap {
  background: var(--brand-secondary);
  color: #fff;
  transform: rotate(-5deg) scale(1.1);
}
.service-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #32caca;
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
}
.service-card:hover {
  border-left-color: #ef5c20;
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 0.08);
  transform: translateY(-5px);
}
.service-number {
  font-size: 2.5rem;
  font-weight: 800;
  color: rgb(50 202 202 / 0.15);
  position: absolute;
  top: 15px;
  right: 20px;
  line-height: 1;
  transition: all 0.3s ease;
}
.service-card:hover .service-number {
  color: rgb(239 92 32 / 0.15);
}
.service-list {
  padding-left: 1.2rem;
  margin-top: 1rem;
  color: #475569;
}
.service-list li {
  margin-bottom: 0.5rem;
}
.tech-pill {
  background: #f1f5f9;
  color: #334155;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.4rem 1rem;
  border-radius: 2rem;
  border: 1px solid #e2e8f0;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  transition: all 0.2s;
}
.tech-card:hover .tech-pill {
  background: rgb(239 92 32 / 0.1);
  border-color: rgb(239 92 32 / 0.3);
  color: #0f172a;
}
.case-study-card {
  background: #030712;
  border: 1px solid rgb(255 255 255 / 0.3);
  border-radius: 1.25rem;
  padding: 2.5rem;
  color: #f8fafc;
  height: 100%;
}
.cs-tag {
  background: rgb(239 92 32 / 0.15);
  color: #ef5c20;
  padding: 0.35rem 1rem;
  border-radius: 2rem;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.comp-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 1.5rem;
  border-radius: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.comp-box h3 {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  color: #ef5c20;
}
.comp-box p {
  font-size: 0.95rem;
  margin: 0;
}
.testi-text {
  font-size: 1.05rem;
  font-style: italic;
  color: #334155;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 1;
}
.testi-author {
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.25rem;
  margin-top: auto;
}
.testi-role {
  font-size: 0.85rem;
  color: #ef5c20;
  font-weight: 600;
  text-transform: uppercase;
}
.section-title {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}
.lh-1 {
  line-height: 1 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.rounded-4 {
  border-radius: 1rem;
}
.me-3 {
  margin-right: 1rem !important;
}
.lead {
  font-weight: 400;
}
.ef-section .stat-desc {
  font-size: 17px;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
@media (max-width: 991px) {
  .section-title {
    font-size: 2rem;
  }
  .display-4 {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.glow-orb3 {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.1;
  animation: floatOrb 12s infinite alternate ease-in-out;
}
.orb-n1 {
  width: 500px;
  height: 500px;
  background: #ef5c20;
  top: -5%;
  left: -5%;
}
.orb-n2 {
  width: 400px;
  height: 400px;
  background: #32caca;
  bottom: -5%;
  right: -5%;
  animation-delay: -6s;
}
@keyframes floatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(30px, -30px) scale(1.05);
  }
}
.hero-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.badge-premium {
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #475569;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.02);
  transition: all 0.3s ease;
}
.badge-premium:hover {
  border-color: #ef5c20;
  color: #ef5c20;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgb(239 92 32 / 0.1);
}
.stat-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  text-align: center;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  z-index: 1;
}
.stat-card:hover {
  transform: translateY(-8px);
  border-color: #ef5c20;
  box-shadow: 0 20px 25px -5px rgb(239 92 32 / 0.1);
}
.stat-num {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, #fb923c 0%, #ef5c20 50%, #ea580c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
}
.stat-desc {
  color: #64748b;
  font-size: 1rem;
  margin: 0;
  font-weight: 500;
}
.service-card2 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
}
.service-card2::after {
  pointer-events: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #32caca;
  transition: all 0.3s ease;
  z-index: 0;
}
.service-card2:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px -5px rgb(50 202 202 / 0.1);
  border-color: #fff0;
}
.service-card2:hover::after {
  width: 100%;
  background-color: rgb(50 202 202 / 0.03);
  border-left: 4px solid #32caca;
}
.service-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.service-desc {
  color: #475569;
  margin-bottom: 2rem;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
.tech-tag {
  font-size: 0.8rem;
  color: #32caca;
  background: rgb(50 202 202 / 0.1);
  font-weight: 600;
  padding: 0.35rem 0.85rem;
  border-radius: 2rem;
  border: 1px solid rgb(50 202 202 / 0.2);
}
.bento-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
}
.bento-card:hover {
  border-color: var(--brand-secondary);
  transform: translateY(-5px);
  box-shadow: 0 15px 25px -5px rgb(239 92 32 / 0.1);
}
.bento-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  transition: all 0.3s ease;
}
.bento-card:hover .bento-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
}
.bento-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
}
.bento-card:hover .bento-title,
.ed-service-card:hover .bento-title {
  color: var(--brand-secondary);
}
.bento-desc {
  margin: 0;
}
.timeline-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
}
.timeline-box:hover {
  border-color: #32caca;
  box-shadow: 0 15px 30px -5px rgb(50 202 202 / 0.1);
  transform: translateX(10px);
}
.timeline-num {
  font-size: 2.5rem;
  font-weight: 800;
  color: rgb(50 202 202 / 0.2);
  margin-right: 1.5rem;
  line-height: 1;
  transition: color 0.3s ease;
}
.timeline-box:hover .timeline-num {
  color: #32caca;
}
.timeline-content2 h4 {
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.timeline-content2 p {
  color: #475569;
  margin: 0;
  line-height: 1.6;
}
.security-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.security-list li {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.02);
}
.security-list li:hover {
  border-color: #32caca;
  box-shadow: 0 10px 15px -3px rgb(50 202 202 / 0.1);
  transform: translateX(5px);
}
.security-list li svg {
  color: #32caca;
  width: 24px;
  height: 24px;
  margin-right: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}
.security-list li h5 {
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.security-list li p {
  color: #475569;
  margin: 0;
}
.comp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.comp-grid div {
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.02);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.comp-grid div:hover {
  border-color: #ef5c20;
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.1);
  transform: translateY(-5px);
}
.comp-grid h6 {
  color: #ef5c20;
  margin: 0 0 0.5rem 0;
  font-weight: 800;
  font-size: 1.1rem;
}
.comp-grid p {
  color: #64748b;
  margin: 0;
  line-height: 1.4;
}
.btn-custom {
  background-color: #ef5c20;
  color: #fff;
  font-weight: 600;
  padding: 1rem 2.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.btn-custom:hover {
  background-color: #ea580c;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
  color: #fff;
}
.hero-creative-bg {
  background-color: #fff;
  background-image:
    radial-gradient(
      circle at 100% 0%,
      rgb(50 202 202 / 0.08) 0%,
      transparent 40%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgb(239 92 32 / 0.05) 0%,
      transparent 40%
    ),
    linear-gradient(rgb(226 232 240 / 0.6) 1px, transparent 1px),
    linear-gradient(90deg, rgb(226 232 240 / 0.6) 1px, transparent 1px);
  background-size:
    100% 100%,
    100% 100%,
    40px 40px,
    40px 40px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e2e8f0;
}
.hero-visual-wrapper {
  position: relative;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-float-card {
  position: absolute;
  background: rgb(255 255 255 / 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 20px 40px -10px rgb(0 0 0 / 0.08);
  animation: heroFloat 6s ease-in-out infinite;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: 240px;
}
.hero-float-card-1 {
  top: 5%;
  left: -5%;
  animation-delay: 0s;
  border-top: 4px solid #ef5c20;
}
.hero-float-card-2 {
  top: 40%;
  right: -5%;
  animation-delay: 2s;
  border-top: 4px solid #32caca;
}
.hero-float-card-3 {
  bottom: 10%;
  left: 10%;
  animation-delay: 4s;
  border-top: 4px solid #0f172a;
}
.hf-icon {
  width: 44px;
  height: 44px;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}
.hf-text h5 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}
.hf-text p {
  margin: 0;
  font-size: 0.8rem;
  color: #64748b;
  font-weight: 500;
}
@keyframes heroFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
.hero-center-circle {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgb(239 92 32 / 0.05),
    rgb(50 202 202 / 0.1)
  );
  border: 1px dashed rgb(50 202 202 / 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  animation: pulseSlow 8s infinite alternate ease-in-out;
}
.hero-center-circle::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.05);
  z-index: -1;
}
@keyframes pulseSlow {
  0% {
    transform: scale(1);
    border-color: rgb(50 202 202 / 0.2);
  }
  100% {
    transform: scale(1.05);
    border-color: rgb(239 92 32 / 0.3);
  }
}
.goal-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #32caca;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
}
.goal-card:hover {
  border-left-color: #ef5c20;
  transform: translateX(10px);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.1);
}
.goal-icon {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  background: rgb(50 202 202 / 0.1);
  color: #32caca;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.goal-card:hover .goal-icon {
  background: #ef5c20;
  color: #fff;
  transform: rotate(-5deg) scale(1.1);
}
.goal-text {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.goal-card-grid {
  flex-direction: column;
  text-align: center;
  padding: 2.5rem 1.5rem;
  border-left: 1px solid #e2e8f0;
  border-bottom: 4px solid #32caca;
  justify-content: center;
}
.goal-card-grid:hover {
  border-left-color: #e2e8f0;
  border-bottom-color: #ef5c20;
  transform: translateY(-8px) translateX(0);
}
.goal-card-grid .goal-icon {
  margin-right: 0;
  margin-bottom: 1.25rem;
  width: 60px;
  height: 60px;
}
.goal-card-grid:hover .goal-icon {
  transform: scale(1.1);
}
.feature-image-wrapper {
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  height: 100%;
  min-height: 400px;
  position: relative;
}
.feature-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.feature-image-wrapper:hover img {
  transform: scale(1.05);
}
.dark-service-section {
  background-color: #030712;
  position: relative;
  z-index: 1;
}
.service-glass-card {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service-glass-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
  border-color: rgb(239 92 32 / 0.4);
}
.service-image-card {
  padding: 0;
  border: none;
}
.service-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition: all 0.5s ease;
}
.service-image-card:hover img {
  opacity: 1;
  transform: scale(1.05);
}
.sg-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(239 92 32 / 0.1);
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.4s ease;
  border: 1px solid rgb(239 92 32 / 0.15);
}
.service-glass-card:hover .sg-icon-wrap {
  background: #ef5c20;
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.sg-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.sg-desc {
  line-height: 1.6;
  color: #94a3b8;
  margin: 0;
  flex-grow: 1;
}
.sg-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}
.sg-list li {
  color: #e2e8f0;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
}
.sg-list li svg {
  color: #32caca;
  margin-right: 0.75rem;
  margin-top: 0.25rem;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.cta-dark-card {
  background: linear-gradient(
    145deg,
    rgb(15 23 42 / 0.9) 0%,
    rgb(30 41 59 / 0.9) 100%
  );
  background-size: cover;
  background-position: center;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1.5rem;
  padding: 5rem 3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
  text-align: center;
}
.industry-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.industry-card:hover {
  transform: translateY(-5px);
  border-color: #32caca;
  box-shadow: 0 15px 25px -5px rgb(50 202 202 / 0.15);
}
.ind-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f8fafc;
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}
.industry-card:hover .ind-icon {
  background: #32caca;
  color: #fff;
  border-color: #32caca;
  transform: scale(1.1);
}
.ind-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.why-section {
  background-color: #0a1128;
  background-image:
    linear-gradient(rgb(10 17 40 / 0.9), rgb(10 17 40 / 0.95)),
    url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1920&auto=format&fit=crop);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.why-box {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
}
.why-box:hover {
  background: rgb(255 255 255 / 0.06);
  border-color: #32caca;
  transform: translateY(-8px);
  box-shadow: 0 20px 40px -10px rgb(50 202 202 / 0.15);
}
.why-icon {
  width: 50px;
  height: 50px;
  background: rgb(50 202 202 / 0.1);
  color: #32caca;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid rgb(50 202 202 / 0.2);
}
.why-box:hover .why-icon {
  background: #32caca;
  color: #fff;
  transform: rotate(5deg) scale(1.1);
}
.process-section {
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top: 1px solid #e2e8f0;
}
.sticky-image-container {
  position: sticky;
  top: 100px;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
  height: 600px;
  border: 1px solid rgb(255 255 255 / 0.1);
}
.sticky-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fw-bolder {
  font-weight: bolder !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.ms-2 {
  margin-left: 6px;
}
.ambient-bg4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.glow-orb4 {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.15;
  animation: floatOrb 12s infinite alternate ease-in-out;
}
.orb-4 {
  width: 400px;
  height: 400px;
  background: #ef5c20;
  top: 10%;
  left: -5%;
}
.orb-5 {
  width: 500px;
  height: 500px;
  background: #32caca;
  bottom: -10%;
  right: -5%;
  animation-delay: -6s;
  opacity: 0.1;
}
.hero-orb-4 {
  width: 600px;
  height: 600px;
  background: rgb(239 92 32 / 0.08);
  top: -20%;
  right: -10%;
}
.hero-orb-5 {
  width: 500px;
  height: 500px;
  background: rgb(50 202 202 / 0.08);
  bottom: -10%;
  left: -10%;
  animation-delay: -4s;
}
@keyframes floatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(40px, -40px) scale(1.1);
  }
}
.hero-sectionnew {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-sectionnew .stat-glass-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
}
.hero-sectionnew .stat-glass-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-primary);
  box-shadow: 0 15px 25px -5px rgb(239 92 32 / 0.1);
}
.hero-badge-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.hero-badge {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  transition: all 0.3s ease;
  background: rgba(255, 94, 20, 0.03);
  border: 1px solid rgba(255, 94, 20, 0.2);
  color: var(--brand-primary);
}
.network-ticker {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 1.5rem 0;
  margin-top: 4rem;
}
.network-item {
  font-weight: 700;
  color: #64748b;
  font-size: 1.1rem;
  margin: 0 1.25rem;
  transition: color 0.3s ease;
}
.network-item:hover {
  color: #ef5c20;
}
.service-card2 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
  display: flex;
  flex-direction: column;
}
.service-card2:hover {
  transform: translateY(-5px);
  border-color: #32caca;
  box-shadow: 0 15px 25px -5px rgb(50 202 202 / 0.15);
}
.sc-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(50 202 202 / 0.1);
  color: #32caca;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid rgb(50 202 202 / 0.2);
}
.service-card2:hover .sc-icon {
  background: #32caca;
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
}
.stand-apart-section {
  background-color: #030712;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
  border-bottom: 1px solid rgb(255 255 255 / 0.05);
}
.why-grid-card {
  background: linear-gradient(
    145deg,
    rgb(255 255 255 / 0.03) 0%,
    rgb(255 255 255 / 0.01) 100%
  );
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 1rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.why-grid-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
  border-color: rgb(239 92 32 / 0.3);
}
.why-grid-number {
  font-size: 6rem;
  font-weight: 800;
  color: #fff0;
  -webkit-text-stroke: 1.5px rgb(255 255 255 / 0.1);
  position: absolute;
  top: -15px;
  right: 15px;
  line-height: 1;
  transition: all 0.4s ease;
  z-index: -1;
}
.why-grid-card:hover .why-grid-number {
  color: rgb(239 92 32 / 0.15);
  -webkit-text-stroke: 0 #fff0;
  text-shadow: 0 0 20px rgb(239 92 32 / 0.3);
  transform: scale(1.05);
}
.why-grid-icon {
  width: 55px;
  height: 55px;
  border-radius: 0.75rem;
  background: rgb(239 92 32 / 0.1);
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid rgb(239 92 32 / 0.2);
}
.why-grid-card:hover .why-grid-icon {
  background: #ef5c20;
  color: #fff;
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.why-navy-section {
  background-color: #0a1128;
  position: relative;
  overflow: hidden;
}
.navy-card {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.08);
  backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
}
.navy-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.06);
  border-color: #32caca;
  box-shadow: 0 20px 40px -10px rgb(50 202 202 / 0.15);
}
.navy-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(50 202 202 / 0.1);
  color: #32caca;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgb(50 202 202 / 0.2);
  transition: all 0.3s ease;
}
.navy-card:hover .navy-icon {
  background: #32caca;
  color: #fff;
  transform: rotate(5deg) scale(1.1);
}
.timeline-section {
  background: linear-gradient(135deg, #0e162d 0%, #030712 100%);
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .timeline-container::after {
    left: 50%;
  }
  .timeline-item {
    width: 50%;
    padding: 0 50px 40px 0;
  }
  .timeline-item:nth-child(even) {
    left: 50%;
    padding: 0 0 40px 50px;
  }
  .timeline-badge {
    left: auto;
    right: -24px;
  }
  .timeline-item:nth-child(even) .timeline-badge {
    left: -24px;
    right: auto;
  }
  .timeline-item:nth-child(odd) {
    text-align: right;
  }
  .timeline-item:nth-child(odd):hover .timeline-content {
    transform: translateX(-10px);
  }
  .timeline-item:nth-child(odd) .timeline-content::before {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .timeline-item:nth-child(even):hover .timeline-content {
    transform: translateX(10px);
  }
}
.tech-bento-section {
  background-color: #f8fafc;
}
.tech-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
}
.tech-box:hover {
  border-color: #32caca;
  box-shadow: 0 10px 20px -5px rgb(50 202 202 / 0.1);
  transform: translateY(-3px);
}
.industries-section {
  background-color: #fff;
}
.ind-card {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  background: #f8fafc;
  text-align: center;
}
.ind-card:hover {
  border-color: #ef5c20;
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.1);
  transform: translateY(-5px);
  background: #fff;
}
.ind-icon {
  color: #ef5c20;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ind-card:hover .ind-icon {
  transform: scale(1.1);
}
.pricing-section {
  background-color: #f8fafc;
  border-top: 1px solid #e2e8f0;
}
.pricing-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);
  position: relative;
}
.pricing-card:hover {
  transform: translateY(-8px);
  border-color: #ef5c20;
  box-shadow: 0 20px 25px -5px rgb(239 92 32 / 0.15);
}
.pricing-card.popular {
  border-color: #ef5c20;
  border-width: 2px;
}
.pricing-price {
  font-size: 22px;
  font-weight: 700;
  color: #ef5c20;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
}
.pricing-list {
  list-style: none;
  padding: 0;
  margin: 0 0 2.5rem 0;
  flex-grow: 1;
}
.pricing-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #475569;
}
.pricing-list li svg {
  color: #32caca;
  width: 20px;
  height: 20px;
  margin-right: 0.75rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.btn-custom-outline-white {
  background-color: #fff0;
  color: #fff;
  font-weight: 600;
  padding: 0.875rem 2.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 2px solid rgb(255 255 255 / 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.btn-custom-outline-white:hover {
  background-color: rgb(255 255 255 / 0.05);
  border-color: #fff;
  transform: translateY(-2px);
  color: #fff;
}
.btn-custom-outline {
  cursor: pointer;
  background-color: #fff0;
  color: #ef5c20;
  font-weight: 600;
  padding: 0.875rem 2.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 2px solid #ef5c20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.btn-custom-outline:hover {
  /* background-color: rgb(247, 255, 255); */
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(58, 204, 204, 0.03);
  color: #32caca;
  border-color: #32caca;
}
.zigzag-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  margin-bottom: 7rem;
}
.zigzag-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .zigzag-row {
    flex-direction: row;
    gap: 5rem;
  }
  .zigzag-row:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.zz-visual {
  flex: 1;
  width: 100%;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 2rem;
  aspect-ratio: 1;
  max-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.zz-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.zigzag-row:hover .zz-visual {
  transform: scale(1.02);
  border-color: rgb(239 92 32 / 0.3);
  box-shadow: 0 30px 60px -15px rgb(239 92 32 / 0.3);
}
.zigzag-row:nth-child(even):hover .zz-visual {
  border-color: rgb(50 202 202 / 0.3);
  box-shadow: 0 30px 60px -15px rgb(50 202 202 / 0.3);
}
.zigzag-row:hover .zz-photo {
  transform: scale(1.08);
}
.zz-content {
  flex: 1.2;
}
.zz-title {
  color: var(--text-light);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  letter-spacing: -0.01em;
}
.zz-desc {
  font-size: 1.1rem;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}
.zz-desc:last-of-type {
  margin-bottom: 0;
}
.feature-highlight-box {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1rem;
  padding: 2rem;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}
.feature-highlight-title {
  color: var(--text-light);
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.premium-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.premium-checklist li {
  display: flex;
  align-items: flex-start;
  font-size: 1rem;
  color: #cbd5e1;
  line-height: 1.5;
}
.premium-checklist li svg {
  color: var(--brand-secondary);
  margin-right: 0.75rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}
.ed-service-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
  display: flex;
  flex-direction: column;
}
.ed-service-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-secondary);
  box-shadow: 0 15px 25px -5px rgb(50 202 202 / 0.15);
}
.ed-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
.ed-service-card:hover .ed-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
}
.feature-split-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
}
.feature-split-box:hover {
  border-color: var(--brand-primary);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.1);
}
.feature-ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.feature-ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  color: #475569;
  font-size: 1.05rem;
}
.feature-ul li::before {
  content: "✓";
  color: var(--brand-secondary);
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
}
.dark-bento-section {
  background-color: var(--dark-bg);
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.dark-bento-card {
  background: linear-gradient(
    145deg,
    rgb(255 255 255 / 0.03) 0%,
    rgb(255 255 255 / 0.01) 100%
  );
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
}
.dark-bento-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.05);
  box-shadow: 0 20px 40px -10px rgb(239 92 32 / 0.15);
  border-color: rgb(13, 164, 162);
}
.dark-bento-card:hover h3 {
  color: var(--brand-secondary);
}
.dark-bento-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgb(239 92 32 / 0.2);
  transition: all 0.3s ease;
}
.dark-bento-card:hover .dark-bento-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(5deg);
}
.benefit-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  border-left: 4px solid var(--brand-secondary);
}
.benefit-card:hover {
  border-left-color: var(--brand-primary);
  transform: translateX(5px);
  box-shadow: 0 15px 25px -5px rgb(239 92 32 / 0.1);
}
.benefit-icon {
  color: var(--brand-primary);
  margin-bottom: 1rem;
}
.timeline-section-light {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e2e8f0;
}
.timeline-container-light {
  position: relative;
  margin: 0 auto;
}
.timeline-container-light::after {
  content: "";
  position: absolute;
  width: 2px;
  background: linear-gradient(
    to bottom,
    var(--brand-primary),
    var(--brand-secondary),
    transparent
  );
  top: 0;
  bottom: 0;
  left: 24px;
  margin-left: -1px;
  z-index: 0;
}
.timeline-item-light {
  padding: 10px 40px 40px 60px;
  position: relative;
  width: 100%;
}
.timeline-badge-light {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 2px solid var(--brand-secondary);
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--brand-secondary);
  transition: all 0.4s ease;
}
.timeline-content-light {
  padding: 1.5rem;
  background: var(--light-bg);
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}
.timeline-content-light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--brand-secondary);
  opacity: 0;
  transition: all 0.4s ease;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.timeline-item-light:hover .timeline-badge-light {
  background-color: var(--brand-secondary);
  color: #fff;
  transform: scale(1.15);
  box-shadow: 0 0 20px rgb(50 202 202 / 0.4);
}
.timeline-item-light:hover .timeline-content-light {
  background: #fff;
  border-color: rgb(50 202 202 / 0.4);
  transform: translateX(10px);
  box-shadow: 0 10px 25px -5px rgb(50 202 202 / 0.1);
}
.timeline-item-light:hover .timeline-content-light::before {
  opacity: 1;
}
.timeline-item-light:nth-child(even) .timeline-badge-light {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}
.timeline-item-light:nth-child(even):hover .timeline-badge-light {
  background-color: var(--brand-primary);
  color: #fff;
  box-shadow: 0 0 20px rgb(239 92 32 / 0.4);
}
.timeline-item-light:nth-child(even) .timeline-content-light::before {
  background: var(--brand-primary);
}
.timeline-item-light:nth-child(even):hover .timeline-content-light {
  border-color: rgb(239 92 32 / 0.4);
  box-shadow: 0 10px 25px -5px rgb(239 92 32 / 0.1);
}
@media (min-width: 992px) {
  .timeline-container-light::after {
    left: 50%;
  }
  .timeline-item-light {
    width: 50%;
    padding: 0 50px 40px 0;
  }
  .timeline-item-light:nth-child(even) {
    left: 50%;
    padding: 0 0 40px 50px;
  }
  .timeline-badge-light {
    left: auto;
    right: -24px;
  }
  .timeline-item-light:nth-child(even) .timeline-badge-light {
    left: -24px;
    right: auto;
  }
  .timeline-item-light:nth-child(odd) {
    text-align: right;
  }
  .timeline-item-light:nth-child(odd):hover .timeline-content-light {
    transform: translateX(-10px);
  }
  .timeline-item-light:nth-child(odd) .timeline-content-light::before {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .timeline-item-light:nth-child(even):hover .timeline-content-light {
    transform: translateX(10px);
  }
}
.ind-card-new {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  text-align: center;
}
.ind-card-new:hover {
  border-color: var(--brand-secondary);
  transform: translateY(-5px);
  box-shadow: 0 15px 25px -5px rgb(239 92 32 / 0.1);
}
.ind-icon-new {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  transition: all 0.3s ease;
}
.ind-card-new:hover .ind-icon-new {
  background: var(--brand-secondary);
  color: #fff;
  border-color: var(--brand-secondary);
  transform: scale(1.1);
}
.ind-card-new:hover .bento-title {
  color: var(--brand-secondary);
}
.navy-section {
  background-color: var(--navy-bg);
  position: relative;
  overflow: hidden;
}
.navy-card {
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.08);
  backdrop-filter: blur(16px);
  border-radius: 1.25rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
}
.navy-card:hover {
  transform: translateY(-8px);
  background: rgb(255 255 255 / 0.06);
  border-color: var(--brand-secondary);
  box-shadow: 0 20px 40px -10px rgb(50 202 202 / 0.15);
}
.navy-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(50 202 202 / 0.1);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  border: 1px solid rgb(50 202 202 / 0.2);
}
.navy-card:hover .navy-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: rotate(5deg) scale(1.1);
}
.hero-section-light {
  background-color: #fff;
  position: relative;
  border-bottom: 1px solid #e2e8f0;
  overflow: hidden;
}
.bg-light-theme {
  background-color: var(--light-bg);
}
.hire-model-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem 2rem;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
  text-align: left;
  z-index: 1;
}
.hire-model-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #e2e8f0;
  transition: all 0.4s ease;
  z-index: 2;
}
.hm-watermark-icon {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 150px;
  height: 150px;
  color: rgb(239 92 32 / 0.05);
  z-index: 0;
  transition: all 0.4s ease;
  transform: rotate(-10deg);
}
.hire-model-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgb(239 92 32 / 0.15);
  border-color: var(--brand-secondary);
}
.hire-model-card:hover::before {
  background: var(--brand-secondary);
}
.hire-model-card:hover .hm-watermark-icon {
  transform: rotate(0deg) scale(1.1);
  color: rgb(239 92 32 / 0.1);
}
.hm-content-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.hm-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: #ef5c20;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.4s ease;
}
.hire-model-card:hover .hm-icon {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.hm-title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.3;
  margin-top: 0;
}
.hm-desc {
  margin-bottom: 2rem;
  flex-grow: 1;
  color: #64748b;
}
.hm-link {
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  margin-top: auto;
  font-size: 0.95rem;
}
.hm-link svg {
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
  color: #ef5c20;
}
.hire-model-card:hover .hm-link {
  color: #ef5c20;
}
.hire-model-card:hover .hm-link svg {
  transform: translateX(5px);
}
.adv-v2-container {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1.5rem;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}
.adv-v2-card {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(255 255 255 / 0.05);
  border-top: 2px solid #fff0;
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.4s ease;
  display: flex;
  align-items: flex-start;
  backdrop-filter: blur(10px);
}
.adv-v2-card:hover {
  background: rgb(255 255 255 / 0.04);
  border-top-color: #ef5c20;
  transform: translateY(-3px);
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 0.3);
}
.adv-v2-icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 0.75rem;
  background: rgb(239 92 32 / 0.1);
  color: #ef5c20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
  transition: all 0.4s ease;
}
.adv-v2-card:hover .adv-v2-icon {
  background: #ef5c20;
  color: #fff;
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.adv-v2-content h5 {
  color: #f8fafc;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 1.15rem;
}
.adv-v2-content p {
  color: #94a3b8;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 991px) {
  .adv-v2-container {
    padding: 1.5rem 1.5rem;
  }
  .adv-v2-card {
    flex-direction: column;
  }
  .adv-v2-icon {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .timeline-content-light,
  .testimonial-card,
  .dark-bento-card,
  .feature-split-box,
  .ed-service-card,
  .navy-card,
  .bento-card {
    padding: 1.5rem;
  }
  .tech-pill {
    margin-right: 3px;
    margin-bottom: 7px;
    padding: 11px 22px !important;
    font-size: 14px !important;
  }
  .tech-pills-element.gap-3 {
    gap: 0;
  }
}
.bento-card:hover .maturity-step {
  color: var(--brand-primary);
}
.herohome-section {
  position: relative;
  min-height: 700px;
  height: 100vh;
  display: flex;
  align-items: center;
  background-color: #030712;
  background-image: none !important;
  overflow: hidden;
  padding: 6rem 0;
}
.hero-video-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .hero-video {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .hero-video {
    width: 177.78vh;
    height: 100vh;
  }
}
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgb(3 7 18 / 0.8) 20%,
    rgb(3 7 18 / 0.1) 40%,
    #fff0 100%
  );
}
.herohome-section .container-fluid {
  position: relative;
  z-index: 5;
}
.hero-glow-1 {
  position: absolute;
  width: 400px;
  height: 400px;
  background: var(--brand-primary);
  filter: blur(120px);
  opacity: 0.15;
  top: 10%;
  left: -10%;
  border-radius: 50%;
}
.hero-glow-2 {
  position: absolute;
  width: 500px;
  height: 500px;
  background: var(--brand-secondary);
  filter: blur(120px);
  opacity: 0.1;
  bottom: -10%;
  right: 10%;
  border-radius: 50%;
}
.sparkles-container {
  color: var(--brand-primary);
  display: inline-flex;
  gap: 5px;
  margin: 0 0 -11px 210px;
}
@keyframes sparkleFloat1 {
  0%,
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 5px rgb(239 92 32 / 0.4));
  }
  50% {
    transform: translateY(-8px) scale(1.2) rotate(15deg);
    opacity: 1;
    filter: drop-shadow(0 0 15px rgb(239 92 32 / 0.8));
  }
}
@keyframes sparkleFloat2 {
  0%,
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 5px rgb(239 92 32 / 0.4));
  }
  50% {
    transform: translateY(6px) scale(1.15) rotate(-15deg);
    opacity: 1;
    filter: drop-shadow(0 0 12px rgb(239 92 32 / 0.8));
  }
}
.ai-sparkle-1 {
  animation: sparkleFloat1 3s ease-in-out infinite;
  transform-origin: center;
}
.ai-sparkle-2 {
  animation: sparkleFloat2 3.5s ease-in-out infinite;
  transform-origin: center;
  animation-delay: -1.5s;
}
.iso-badge {
  display: inline-block;
  background: rgb(239 92 32 / 0.1);
  color: var(--brand-primary);
  border: 1px solid rgb(239 92 32 / 0.2);
  padding: 0.4rem 1rem;
  border-radius: 2rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.hero-title {
  font-size: 3.2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.2rem;
  letter-spacing: -0.02em;
}
.text-gradient-primary {
  background: linear-gradient(90deg, #ff7800 0%, #69f0dd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
}
.hero-subtitle {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 2rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-title {
    font-size: 3.5rem;
  }
  .herohome-section {
    background-position: center;
  }
}
@media (max-width: 991px) {
  .hero-overlay {
    background: linear-gradient(
      180deg,
      rgb(3 7 18 / 0.85) 0%,
      rgb(3 7 18 / 0.65) 100%
    );
  }
  .hero-video {
    width: auto;
    height: 100%;
  }
  .herohome-section {
    min-height: 100vh;
    background-position: center;
    text-align: center;
  }
  .hero-title {
    font-size: 3rem;
  }
  .hero-subtitle {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
  }
  .hero-buttons {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .herohome-section {
    padding: 100px 0 40px;
    height: calc(100vh - 80px);
    min-height: unset;
  }
  .hero-title {
    font-size: 2rem;
  }
  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }
  .herohome-section .btn-hero-primary,
  .herohome-section .btn-border-secondary {
    width: 100%;
    justify-content: center;
  }
}
.hero-buttons {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.btn-hero-primary {
  justify-content: center;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  background-size: 100% auto;
  color: #fff !important;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 10px 20px -5px rgb(239 92 32 / 0.4);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.btn-hero-primary:hover {
  background-position: right center;
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.6);
  color: #fff;
  background-size: 150% auto;
}
.btn-hero-secondary-fill {
  justify-content: center;
  background: linear-gradient(90deg, #19adab 0%, #07c536 100%);
  background-size: 200% auto;
  color: #fff !important;
  cursor: pointer;
  font-weight: 600;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  font-size: 0.9rem;
}
.btn-hero-secondary-fill:hover {
  background-position: right center;
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -5px #a6ddca;
  color: #fff;
}
.btn-hero-secondary {
  background: #fff0;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  padding: 0.73rem 1.6rem;
  border-radius: 50px;
  border: 2px solid var(--brand-secondary);
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s ease;
  justify-content: center;
}
.btn-hero-secondary:hover {
  background: rgb(55 250 248 / 0.05);
  box-shadow: 0 15px 30px -5px rgb(55 250 248 / 0.2);
  transform: translateY(-4px);
  color: #fff;
}
.btn-border-secondary {
  background: #fff0;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  border: 2px solid #fff0;
  background-image:
    linear-gradient(#030712, #030712),
    linear-gradient(90deg, #ea580c 0%, #f97316 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s ease;
}
.btn-border-secondary:hover {
  background-image:
    linear-gradient(90deg, #ea580c 0%, #f97316 100%),
    linear-gradient(90deg, #ea580c 0%, #f97316 100%);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.4);
  transform: translateY(-4px);
  color: #fff;
}
.btn-arrow-circle {
  background: #b33a0b;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
  transition:
    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    background 0.4s ease;
  flex: 0 0 24px;
}
.btn-hero-secondary-fill .btn-arrow-circle {
  background: #088f61;
  color: #fff;
}
.btn-hero-secondary .btn-arrow-circle {
  background: rgb(55 250 248 / 0.2);
  color: var(--brand-secondary);
}
.btn-hero-secondary:hover .btn-arrow-circle {
  background: rgb(55 250 248 / 0.25);
}
.btn-border-secondary .btn-arrow-circle {
  background: linear-gradient(90deg, #ea580c 0%, #f97316 100%);
  color: #fff;
}
.btn-border-secondary:hover .btn-arrow-circle {
  background: rgb(255 255 255 / 0.25);
}
.btn-hero-primary:hover .btn-arrow-circle,
.btn-border-secondary:hover .btn-arrow-circle,
.btn-hero-secondary:hover .btn-arrow-circle {
  transform: translateX(5px);
}
.search-wrapper {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  animation: fadeInDown 0.7s ease-out;
  position: absolute;
  top: 95px;
  right: 0;
  width: 100%;
  left: 0;
}
.search-glow {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  background: linear-gradient(
    to right,
    rgb(0 229 255 / 0.3),
    transparent,
    rgb(244 106 34 / 0.3)
  );
  border-radius: 30px;
  filter: blur(10px);
  opacity: 0.5;
  z-index: -1;
  transition: opacity 0.5s ease;
}
.search-wrapper:hover .search-glow {
  opacity: 0.8;
}
.search-box {
  position: relative;
  height: 40px;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 31px;
  padding: 5px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  background: rgb(0 0 0 / 0.37);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-color: rgb(0 229 255 / 0.5);
}
.search-box:focus-within {
  border-color: rgb(255 255 255 / 0.5);
  background-color: #0b1221;
}
.search-input {
  background: #fff0;
  border: none;
  color: #fff;
  flex: unset;
  width: calc(100% - 110px);
  padding: 0 16px 0 0;
  font-size: 14px;
  box-shadow: none !important;
  outline: none;
}
.site-search-btn {
  border: 0;
  position: absolute;
  right: 2px;
}
.search-input::placeholder {
  color: #e2e8f0;
}
.text-cyan {
  color: var(--brand-cyan) !important;
}
.btn-cyan {
  color: #000;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  background-size: 100% auto;
  color: #fff;
  font-weight: 700;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px rgb(0 229 255 / 0.2);
}
.btn-cyan:hover {
  background-position: right center;
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.6);
  color: #fff;
  box-shadow: 0 0 20px rgb(0 229 255 / 0.4);
  background-size: 150% auto;
}
@media (max-width: 575px) {
  .search-wrapper {
    max-width: 100%;
    right: 0;
    width: calc(100% - 25px);
    left: 0;
    margin: 0 auto;
  }
}
.webheader.is-sticky .search-wrapper {
  top: 82px;
}
.webheader.is-sticky .search-box {
  background: #232323;
}
.h-features {
  color: #000248;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 auto 31px;
}
.section-h1,
.page-h2,
.hd-1,
.default-h2,
.page-h2 {
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 23px;
  color: var(--heading-color);
}
.who-we-are {
  padding: 80px 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.badge-custom {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgb(255 107 0 / 0.4);
  background: linear-gradient(90deg, rgb(255 107 0 / 0.15) 0%, #fff0 100%);
  color: #ff6b00;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}
.badge-custom i {
  font-size: 1rem;
  margin-right: 6px;
}
.heading-dark-blue {
  color: var(--heading-color);
  font-weight: 800;
  font-size: 3.2rem;
  margin-bottom: 18px;
}
.heading-gradient {
  background: linear-gradient(90deg, #ff7800 0%, #69f0dd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.paragraph-bordered {
  color: var(--para-color);
}
.paragraph-bordered p {
  text-align: justify;
}
.avatar-wrapper {
  position: relative;
  height: 280px;
}
.avatar-wrapper {
  display: flex;
  align-items: start;
  justify-content: center;
}
.avatar-wrapper::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  background-color: rgb(241 92 34 / 0.47);
  filter: blur(142px);
  opacity: 1;
  bottom: 0;
  z-index: -1;
  left: -20px;
  width: 300px;
  height: 300px;
}
.avatar-image {
  z-index: 2;
  box-shadow: 0 0 30px rgb(0 210 255 / 0.2);
}
.sparkle-decoration {
  position: absolute;
  color: #f15c22;
  z-index: 3;
  animation: twinkle 2s infinite ease-in-out alternate;
  bottom: -40px;
  right: 0;
  font-size: 72px;
}
.absCTA {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.user-avatars-group {
  display: flex;
  align-items: center;
}
.user-avatars-group img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #fff;
  object-fit: cover;
  margin-left: -12px;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 0.15);
}
.user-avatars-group img:first-child {
  margin-left: 0;
}
.arch-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.arch-mask {
  width: 100%;
  height: 100%;
  border-radius: 250px 250px 0 0;
  overflow: hidden;
  position: relative;
  background: #e9ecef;
}
.arch-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
  transition: opacity 0.3s ease;
}
.hollow-text {
  position: absolute;
  bottom: 29px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff0;
  -webkit-text-stroke: 1px #fff;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 0.15));
  letter-spacing: 2px;
  z-index: 10;
  margin: 0;
  background: linear-gradient(
    120deg,
    transparent 20%,
    rgb(23 32 130 / 0.1) 30%,
    #05e5f7 50%,
    #ff6b00 60%,
    transparent 70%
  );
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shimmerText 3s infinite linear;
  width: 100%;
}
.star-top-right {
  position: absolute;
  top: -2px;
  width: 60px;
  height: 50px;
  right: 10px;
  color: #ff5722;
  font-size: 3.5rem;
  z-index: 5;
  animation: blinkRightStar 2s infinite ease-in-out;
}
@keyframes twinkle {
  0% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  100% {
    opacity: 0.3;
    transform: scale(0.6) rotate(15deg);
  }
}
@keyframes spinPulse {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.15);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes shimmerText {
  0% {
    background-position: 150% center;
  }
  100% {
    background-position: -50% center;
  }
}
@keyframes blinkRightStar {
  0%,
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.2;
    transform: scale(0.8) rotate(10deg);
  }
}
.satText {
  color: #37475e;
  text-align: justify;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}
.gcText {
  display: block;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.ai-services-section {
  background-color: #111;
  color: #fff;
  position: relative;
}
.ai-service-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgb(255 255 255 / 0.4);
  padding: 6px 20px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff0;
  color: #fff;
}
.ai-service-badge i {
  margin-right: 5px;
  font-size: 1rem;
}
.heading-gradient-custom {
  background: linear-gradient(90deg, #ff7800 0%, #69f0dd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  display: inline-block;
}
.ai-card {
  background-color: #1a1a1a;
  border-radius: 20px;
  padding: 25px;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.3s ease;
  z-index: 1;
  overflow: hidden;
}
.ai-cards-row .owl-item:nth-child(odd) .ai-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 40%;
  opacity: 0.6;
  background-color: #66fdfb;
  filter: blur(75px);
  top: -20px;
  z-index: -1;
  left: -20px;
  width: 160px;
  height: 117px;
  pointer-events: none;
}
.ai-cards-row .owl-item:nth-child(odd) .ai-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 40%;
  opacity: 0.6;
  background-color: #66fdfb;
  filter: blur(75px);
  bottom: -20px;
  z-index: -1;
  right: -20px;
  width: 111px;
  height: 80px;
  pointer-events: none;
}
.ai-cards-row .owl-item:nth-child(even) .ai-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 40%;
  opacity: 0.6;
  background-color: #ff621d;
  filter: blur(75px);
  top: -20px;
  z-index: -1;
  left: -20px;
  width: 160px;
  height: 117px;
  pointer-events: none;
}
.ai-cards-row .owl-item:nth-child(even) .ai-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 40%;
  opacity: 0.6;
  background-color: #ff621d;
  filter: blur(75px);
  bottom: -20px;
  z-index: -1;
  right: -20px;
  width: 111px;
  height: 80px;
  pointer-events: none;
}
.ai-card-img-wrapper {
  border-radius: 100px 0 0 100px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.ai-cards-row .owl-item:nth-child(odd) .ai-card-img-wrapper {
  border-bottom: 3px solid #ff6b00;
}
.ai-cards-row .owl-item:nth-child(even) .ai-card-img-wrapper {
  border-bottom: 3px solid #6bc1b7;
}
.ai-card-img-wrapper img {
  width: 100% !important;
  height: 200px;
  object-fit: cover;
  display: block;
  right: -2px;
  position: relative;
}
.ai-card-body {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ai-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}
.ai-card-desc {
  margin: 0;
  font-size: 0.9rem;
  color: rgb(255 255 255 / 0.5);
  flex-grow: 1;
  line-height: 1.5;
}
.ai-card-action {
  text-align: right;
  margin-top: 13px;
}
.ai-btn-round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s;
  font-size: 1.8rem;
}
.ai-btn-round:hover {
  color: #fff;
}
.ai-btn-round i {
  display: inline-block;
  transform: rotate(-45deg);
  transition: transform 0.4s ease-in-out;
}
.ai-card:hover .ai-btn-round i,
.ai-btn-round:hover i {
  transform: rotate(0deg);
}
.ai-cards-row .owl-item:nth-child(even) .ai-btn-round {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
}
.ai-cards-row .owl-item:nth-child(odd) .ai-btn-round {
  background: linear-gradient(90deg, #00ebcc 0%, #0e8f8d 100%);
}
.ai-footer-banner {
  position: relative;
  margin-top: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.ai-footer-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(255 255 255 / 0.15);
  z-index: 1;
}
.ai-footer-content {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  background-color: #111;
  border: 1px solid rgb(255 255 255 / 0.15);
  border-radius: 50px;
  padding: 8px 10px 8px 25px;
  gap: 20px;
}
@media (max-width: 768px) {
  .ai-footer-content {
    flex-direction: column;
    padding: 15px;
    border-radius: 20px;
    text-align: center;
    gap: 15px;
  }
}
.ai-footer-text {
  font-size: 0.9rem;
  color: #ccc;
  margin: 0;
}
.btn-more-services {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 8px 20px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}
.btn-more-services:hover {
  transform: scale(1.05);
  color: #fff;
}
.btn-more-services i {
  margin-left: 8px;
  background-color: rgb(0 0 0 / 0.15);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.container.max-w-xxl {
  max-width: 1530px;
}
.why-choose-us-section {
  background-color: #050505;
  background-image: url(../img/black-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgb(255 255 255 / 0.05);
}
.benefit-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgb(255 255 255 / 0.5);
  padding: 6px 20px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}
.benefit-badge i {
  margin-right: 8px;
  font-size: 1rem;
}
.stat-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: #999;
  letter-spacing: 1px;
  margin-top: 5px;
  line-height: 1.5;
}
.stat-numberNew {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fff;
}
.ai-presentation-img {
  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}
.ticker-wrap {
  width: 100%;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  margin-top: 30px;
}
.ticker-item > span {
  margin-right: 13px;
}
.ticker-move {
  display: inline-block;
  animation: tickerScroll 25s linear infinite;
}
.wc-Icon {
  font-size: 3rem;
  color: #fff;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  margin-top: 3px;
}
@keyframes tickerScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.ticker-item {
  display: inline-flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
  margin-right: 0rem;
  color: #fff;
}
.ticker-item a {
  color: #fff;
}
.text-orange {
  color: var(--brand-primary);
}
.text-teal {
  color: #6bc1b7;
}
.star-divider {
  font-size: 1.5rem;
  margin: 0 1rem;
}
.star-divider.orange {
  color: var(--brand-primary);
}
.star-divider.teal {
  color: #6bc1b7;
}
.merge-image {
  position: relative;
  height: 100%;
}
.merge-image img {
  height: 100%;
  object-fit: cover;
}
.merge-image::after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  top: 0;
  background: linear-gradient(270deg, #000 0%, #fff0 44.61%);
  pointer-events: none;
}
.greyText {
  color: rgb(255 255 255 / 0.88) !important;
}
.shotDesc p {
  margin: 0 auto 35px;
  font-size: 16px;
}
.about-us-grid-section {
  background-color: #232427;
  position: relative;
  color: #fff;
  padding-bottom: 150px;
}
.about-us-grid-section .relative-z {
  position: relative;
  z-index: 2;
}
.our-experience {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 0 25px;
}
.ac-img-1 {
  width: 100%;
}
.ac-box {
  height: 220px;
  background: linear-gradient(0deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ac-box span {
  transform: rotate(-90deg);
  font-size: 5rem;
  font-weight: 800;
  letter-spacing: 6px;
  white-space: nowrap;
  color: #fff0;
  -webkit-text-stroke: 1.5px #fff;
  line-height: 1.2;
}
.ac-text {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 3px;
  color: #fff;
  line-height: 3.8;
  position: relative;
}
.ac-text::after {
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(255 255 255 / 0.14);
}
.ac-box svg {
  margin: -9px 0 0 -14px;
}
.ac-badge {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0 auto;
}
.ac-badge-inner {
  width: 86px;
  height: 86px;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.8rem;
  box-shadow: 0 0 15px rgb(255 107 0 / 0.5);
}
.ac-badge svg {
  position: absolute;
  width: 170px;
  height: 170px;
  animation: rotateText 12s linear infinite;
}
@keyframes rotateText {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about-bottom-divider {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #ffe1d5;
  clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 5;
}
.about-more-btn {
  position: absolute;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border: 13px solid #ffe1d5;
}
.about-more-btn:hover {
  transform: translateX(-50%) scale(1.05);
  color: #fff;
  box-shadow: 0 15px 35px rgb(255 107 0 / 0.6);
}
.about-more-btn span {
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
}
.about-more-btn i {
  border-radius: 50%;
  background: #b33a0b;
  width: 31px;
  height: 31px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 29px !important;
}
.pcounter {
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1px solid rgb(255 255 255 / 0.15);
  border-radius: 17px;
  padding: 22px;
}
.pcounter span {
  font-size: 37px;
  font-weight: 700;
  line-height: normal;
  flex: 0 0 33%;
  width: 33%;
}
.pcounter p {
  flex: auto;
  color: rgb(255 255 255 / 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-left: 1px solid rgb(255 255 255 / 0.15);
  padding: 0 0 0 31px;
  margin: 0;
}
.about-us-grid-section p {
  color: rgb(255 255 255 / 0.7);
}
.hww-section {
  background: linear-gradient(180deg, #ffe0d4 0%, #fff 100%);
  padding: 140px 0 70px 0;
  position: relative;
}
.ai-cta-banner {
  background-color: #080808;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  padding: 60px 50px;
  display: flex;
  align-items: center;
  box-shadow: 0 25px 50px rgb(0 0 0 / 0.15);
}
.ctaTitle1 {
  font-size: 3rem;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
  margin-bottom: 35px;
}
.ai-cta-bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  object-fit: cover;
  mask-image: linear-gradient(to right, transparent 0%, black 40%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
}
.ai-cta-content {
  position: relative;
  z-index: 2;
  max-width: 70%;
}
.badge-teal-pill {
  background-color: rgb(107 193 183 / 0.15);
  color: #6bc1b7;
  padding: 6px 14px 6px 6px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 25px;
  border: 1px solid rgb(107 193 183 / 0.3);
}
.badge-teal-pill .icon-box {
  background-color: #0b9190;
  color: #000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 0.65rem;
  padding: 8px;
}
.outline-orange-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgb(255 107 0 / 0.3);
  background-color: rgb(255 107 0 / 0.05);
  color: #ff6b00;
  padding: 7px 15px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
  margin-top: 3px;
}
.outline-orange-badge i {
  margin-right: 5px !important;
  font-size: 1rem;
}
.hww-title-area {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  padding: 0;
}
.hww-bg-text {
  font-size: 6rem;
  font-weight: 700;
  background: linear-gradient(180deg, #ff5e14 0, #ffe2d7 67.77%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  z-index: 0;
  user-select: none;
  line-height: normal;
}
.hww-main-heading {
  position: relative;
  z-index: 1;
  font-weight: 800;
  color: #0a0a2a;
  font-size: 2.5rem;
  letter-spacing: -0.5px;
  margin-top: -30px;
}
.text-teal-custom {
  color: #33b3a5;
}
@media (max-width: 991px) {
  .hww-bg-text {
    font-size: 4rem;
  }
  .ai-cta-bg-img {
    opacity: 0.4;
    width: 100%;
    mask-image: linear-gradient(to right, transparent 0%, black 20%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%);
  }
  .ai-cta-content {
    max-width: 100%;
  }
  .hww-main-heading {
    font-size: 2rem;
    margin-top: -10px;
  }
  .ai-cta-banner {
    padding: 30px 22px;
  }
}
@media (max-width: 767px) {
  .hww-bg-text {
    font-size: 3rem;
  }
}
.our-solutions {
  position: relative;
  z-index: 1;
  background-color: #000;
  overflow: visible;
  padding-bottom: 200px;
}
.our-solutions::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/blackbg2.jpg) center / cover no-repeat;
  opacity: 0.5;
  z-index: -1;
  background-attachment: fixed;
  pointer-events: none;
}
.our-solutions::after {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 460px;
  background: linear-gradient(0deg, #fff0 0%, #000 47.69%);
  opacity: 0.7;
  pointer-events: none;
}
.solutionsheader {
  margin-bottom: 20px;
}
.solutionsheader p {
  font-size: 16px;
  line-height: 26px;
  color: rgb(255 255 255 / 0.7);
}
body:not(.home) .techHeader {
  padding-top: 0;
}
.techHeader {
  max-width: 1120px;
  padding: 90px 0 0;
}
.techinner {
  max-width: 750px;
}
.section-h2 {
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -1px;
}
.solutions-list-container {
  position: relative;
  margin-top: 60px;
  padding-bottom: 50px;
  display: block;
}
.solution-strip {
  position: sticky;
  z-index: calc(10 + var(--strip-idx, 0));
  top: calc(100px + (var(--strip-idx, 0) * 15px));
}
@keyframes borderPulse {
  0% {
    border-color: rgb(255 107 0 / 0.2);
    box-shadow: 0 15px 40px rgb(255 107 0 / 0.1);
  }
  50% {
    border-color: #ff6b00;
    box-shadow:
      0 15px 40px rgb(255 107 0 / 0.3),
      inset 0 0 10px rgb(255 107 0 / 0.1);
  }
  100% {
    border-color: rgb(255 107 0 / 0.2);
    box-shadow: 0 15px 40px rgb(255 107 0 / 0.1);
  }
}
.strip-inner {
  background-color: rgb(255 255 255 / 0.1);
  backdrop-filter: blur(35px);
  border: 1px solid #fff0;
  border-bottom-color: rgb(255 255 255 / 0.2);
  padding: 6px 0;
  padding-right: 125px;
  margin-bottom: 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
}
.solution-strip:hover .strip-inner {
  transform: translateY(-6px);
  animation: borderPulse 1.5s infinite ease-in-out;
}
.solution-strip.is-sticky .strip-inner {
  padding-right: 95px;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border-color: rgb(255 255 255 / 0.3);
  transform: scale(0.98);
  box-shadow: 0 5px 20px rgb(0 0 0 / 0.8);
  backdrop-filter: blur(15px);
}
.solution-strip.is-sticky .strip-inner p {
  color: #fff;
}
.solution-strip.is-sticky:hover .strip-title {
  color: #fff;
}
.strip-icon {
  margin-right: 35px;
  width: 160px;
  text-align: center;
  flex: 0 0 160px;
  position: relative;
  top: 12px;
}
.strip-title {
  font-size: 1.4rem;
  font-weight: 700;
  width: 22%;
  margin: 0;
  transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  color: #fff;
  flex: 0 0 22%;
}
.strip-title a {
  color: #fff;
}
.strip-desc p {
  font-size: 16px;
  color: #e1e1e1;
  flex-grow: 1;
  padding-left: 20px;
  margin: 0;
  line-height: 1.6;
}
.strip-arrow {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.5rem;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translateY(-50%);
  color: rgb(255 255 255 / 0.7);
  transform: translateY(-48px) rotateZ(-45deg);
}
.solution-strip:hover .strip-arrow {
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
  border-color: #f2981c;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  right: 16px;
  color: #fff;
}
.solution-strip:hover .strip-arrow i {
  transform: rotateZ(45deg);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.solution-strip.is-sticky .strip-arrow {
  right: 20px;
  width: 45px;
  height: 45px;
  font-size: 2rem;
  transform: translateY(-28px) rotateZ(-45deg);
}
.tech-brand-section .certified-cta-wrapper.overlap-top {
  display: none;
}
.home .tech-brand-section .certified-cta-wrapper.overlap-top {
  margin-top: -220px;
  display: block;
}
.certified-cta-wrapper {
  background: linear-gradient(135deg, #803724 0%, #0d0d0d 30%);
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 30px;
  border: 1px solid rgb(255 255 255 / 0.38);
  box-shadow: 0 0 54px 0 rgb(255 255 255 / 0.15);
  z-index: 1;
}
.light-circled::after {
  content: "";
  position: absolute;
  width: 500%;
  height: 500%;
  background: conic-gradient(
    from 148deg,
    transparent 46%,
    #ffffff 50%,
    transparent 54%
  );
  z-index: 1;
  border-radius: inherit;
  animation: animate 4s linear infinite;
}
.light-circled {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) padding-box;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  border-radius: 30px;
}
@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.certified-cta-content {
  padding: 30px 40px;
  position: relative;
  z-index: 2;
  width: 60%;
  padding-right: 25px;
}
.cert-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgb(255 255 255 / 0.7);
  margin-bottom: 25px;
}
.cert-badge::before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: rgb(255 255 255 / 0.7);
  margin-right: 15px;
}
.cta-title2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -1px;
  margin-bottom: 30px;
}
.cert-text-orange {
  background: linear-gradient(90deg, #ff5016 0%, #ff3cbd 50%, #9e36eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.certified-cta-img-container {
  width: 40%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: linear-gradient(to right, transparent 0%, black 30%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
}
.certified-cta-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .strip-inner {
    border: 1px solid rgb(255 255 255 / 0.2);
    border-bottom-color: rgb(255 255 255 / 0.2);
  }
  .solution-strip {
    top: calc(100px + (var(--strip-idx, 0) * 8px));
  }
  .cta-title2 {
    font-size: 3rem;
  }
  .solutionsheader .section-h2 {
    font-size: 2.5rem;
    margin: 0 0 30px !important;
  }
  .solution-strip.is-sticky .strip-inner {
    padding-right: 20px;
  }
  .strip-inner {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
  .strip-icon {
    margin: 0 auto;
    width: 120px;
  }
  .strip-title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  .strip-title br {
    display: none;
  }
  .strip-desc {
    padding: 0;
  }
  .certified-cta-content {
    width: 100%;
    padding: 40px 30px;
  }
  .certified-cta-img-container {
    opacity: 0.3;
    width: 100%;
  }
  .cta-title2 {
    font-size: 2.5rem;
  }
  .strip-arrow {
    width: 60px;
    height: 60px;
    position: unset;
    transform: translateY(0) rotateZ(-45deg);
    margin-top: 50px;
  }
}
.hire-devs-section {
  background-color: #fff;
  position: relative;
}
.home .hire-devs-section .curve-top-divider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-image: url(../img/background-curve.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 10;
  transform: translateY(-99%);
  pointer-events: none;
}
body:not(.home) .hire-devs-section .curve-top-divider {
  display: none;
}
body:not(.home) .hire-devs-section {
  padding-top: 60px !important;
}
@media (max-width: 1200px) {
  .home .hire-devs-section .curve-top-divider {
    height: 90px;
  }
}
@media (max-width: 991px) {
  .home .hire-devs-section .curve-top-divider {
    height: 60px;
  }
}
@media (max-width: 576px) {
  .home .hire-devs-section .curve-top-divider {
    height: 35px;
  }
}
.hd-card {
  border-radius: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  background: #fff;
  padding-right: 100px;
}
.hiring-slider .owl-item:nth-of-type(odd) .col-12:first-child .hd-card,
.hiring-slider .owl-item:nth-of-type(even) .col-12:last-child .hd-card {
  background: linear-gradient(135deg, #fff1ea 0%, #f7f7f7 60%, #ffffff 100%);
}
.hiring-slider .owl-item:nth-of-type(odd) .col-12:last-child .hd-card,
.hiring-slider .owl-item:nth-of-type(even) .col-12:first-child .hd-card {
  background: linear-gradient(135deg, #e8ffff 0%, #f7f7f7 60%, #ffffff 100%);
}
.hd-card::before {
  content: "";
  position: absolute;
  width: 118px;
  height: 160px;
  top: 0;
  right: 0;
  background-image: url(../img/hire-icons/orange-ribbons.png);
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
.hd-card-img {
  width: 110px;
  flex: 0 0 110px;
  margin-right: 25px;
  flex-shrink: 0;
}
.hd-card-content {
  flex-grow: 1;
}
.hd-card-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0a0a2a;
  margin-bottom: 12px;
}
.hd-card-title a {
  color: var(--text-dark);
}
.hd-card:hover .hd-card-title a {
  color: var(--brand-orange);
}
.hd-card-desc {
  font-size: 1rem;
  color: var(--para-color);
  line-height: 1.6;
  margin-bottom: 12px;
}
.hd-card-link {
  font-size: 0.8rem;
  font-weight: 600;
  color: #ff6b00;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.hd-card-link i {
  margin-left: 6px;
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.hd-card-link:hover {
  color: #172082;
}
.hd-card-link:hover i {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .hd-card {
    flex-direction: column;
    text-align: center;
    padding: 40px 20px;
  }
  .hd-card-img {
    margin: 0 0 20px 0;
  }
}
.text-dark {
  color: var(--text-dark) !important;
}
.hiring-slider .item {
  height: 100%;
}
.hire-devs-section .owl-dots {
  margin-top: 0;
}
.portfolio-section {
  background-color: #1c1c1c;
  background-image: linear-gradient(180deg, #1c1c1c 0%, #9e9e9e 100%);
  padding-bottom: 208px;
  color: #fff;
  position: relative;
  overflow: visible;
  z-index: 1;
}
.portfolio-section::before {
  content: "";
  position: absolute;
  width: 903px;
  height: 799px;
  bottom: 0;
  left: 0;
  background-image: url(../img/case-study/left-trap.png);
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
.portfolio-section::after {
  content: "";
  position: absolute;
  width: 1002px;
  height: 636px;
  top: 0;
  right: 0;
  background-image: url(../img/case-study/right-trap.png);
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}
.portfolio-btn-outline {
  background: #fff0;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  padding: 0.85rem 1.6rem;
  border-radius: 50px;
  border: 1px solid rgb(255 255 255 / 0.7);
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s ease;
  justify-content: center;
  backdrop-filter: blur(3px);
}
.portfolio-btn-outline .btn-arrow-circle {
  background: #ffffff57;
}
.portfolio-btn-outline:hover {
  background-position: right center;
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.6);
  color: #fff;
}
.portfolio-btn-outline:hover .btn-arrow-circle {
  transform: translateX(5px);
}
.workspace-nav-arrows {
  position: absolute;
  bottom: -98px;
  left: 0;
  z-index: 9;
  right: 0;
  margin: 0 auto;
  width: 99px;
}
.nav-arrow-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  backdrop-filter: blur(7.260970592498779px);
  color: #fff;
  display: inline-flex;
  align-items: center;
  border: 0;
  justify-content: center;
  font-size: 25px;
  transition: all 0.3s ease;
}
.nav-arrow-btn:hover {
  box-shadow: 0 6px 24px rgb(241 92 34 / 0.36);
  background: linear-gradient(135deg, #ff9b00, #ff6b00);
  transform: scale(1.1);
}
.portfolio-bottom-divider {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #1c1c1c;
  clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 5;
}
.cst-title {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 18px;
}
.cst-desc p {
  color: #e1e1e1;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
.cst-slide {
  position: relative;
  max-width: 81%;
  margin: 0 auto;
}
.tl-image {
  position: absolute;
  left: 75px;
  bottom: -10px;
  pointer-events: none;
  z-index: 3;
  display: none;
}
.cst-table {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.cst-table img {
  margin: 0 auto;
  display: block;
}
.cs-btns {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  flex-direction: column;
}
.vcs {
  margin: 0 0 0 5px;
}
.portfolio-section .about-more-btn {
  border-color: #979797;
  bottom: -100px;
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .portfolio-section {
    padding-bottom: 205px;
  }
  .cst-slide {
    padding-top: 0;
  }
  .tl-image {
    max-width: 287px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .workspace-nav-arrows {
    bottom: -85px;
  }
  .cta-title2 {
    font-size: 2.5rem;
  }
  .hww-main-heading {
    font-size: 2.2rem;
  }
  .brands-section .hww-bg-text {
    font-size: 114px;
    letter-spacing: 13px;
  }
  .cs-btns {
    flex-direction: row;
  }
  .cs-btns {
    margin: 0 0 39px;
    justify-content: center;
  }
  .cst-title,
  .cst-desc {
    text-align: center;
  }
  .portfolio-section {
    padding-bottom: 185px;
  }
  .cst-slide {
    padding-top: 0;
  }
  .tl-image {
    max-width: 317px;
  }
  .cst-image {
    max-width: 680px;
  }
}
@media (max-width: 991.98px) {
  .cst-table {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .cst-slide {
    padding-left: 0;
    padding-top: 0;
    max-width: 100%;
  }
  .tl-image {
    display: none;
  }
  .cs-btns {
    flex-direction: row;
    justify-content: center;
    margin: 0 0 45px;
    gap: 9px;
  }
  .cst-title,
  .cst-desc {
    text-align: center;
  }
  .portfolio-section {
    padding-bottom: 177px;
  }
  .cst-image {
    max-width: 520px;
    margin: 0 auto;
  }
  .portfolio-section .about-more-btn {
    bottom: -70px;
  }
  .workspace-nav-arrows {
    bottom: -49px;
  }
  .portfolio-bottom-divider {
    clip-path: polygon(0 0, 50% 60%, 100% 0, 100% 100%, 0 100%);
  }
  .about-bottom-divider {
    clip-path: polygon(0 0, 50% 60%, 100% 0, 100% 100%, 0 100%);
  }
  .about-more-btn {
    bottom: -40px;
  }
  .about-us-grid-section {
    padding-bottom: 180px;
  }
  .cst-table {
    bottom: 66px;
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .portfolio-bottom-divider {
    clip-path: polygon(0 0, 50% 60%, 100% 0, 100% 100%, 0 100%);
  }
  .cst-table {
    display: none;
  }
  .portfolio-section {
    padding-bottom: 236px;
  }
  .portfolio-section .about-more-btn {
    bottom: -20px;
  }
  .workspace-nav-arrows {
    position: absolute;
    bottom: -69px;
    left: 0;
    margin: 0 auto;
    right: 0;
  }
}
.brands-section {
  background: #1c1c1c;
  padding: 170px 0 70px;
}
.brands-section .hww-bg-text {
  background: linear-gradient(180deg, #fff 0%, #000 83.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  z-index: 0;
  user-select: none;
  line-height: normal;
  font-size: 134px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 23px;
  text-transform: uppercase;
}
.brands-section .text-teal-custom {
  color: #37faf8;
}
.brands-section .hww-main-heading {
  font-weight: 700;
  color: #ff8d13;
  margin-bottom: 27px;
}
.Brandslist {
  padding: 20px 0 0;
}
.Brandslist ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
}
.Brandslist ul::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #fff0 0%, #a6a6a6 50%, #fff0 100%);
}
.Brandslist > ul > li {
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin: 15px 0;
}
.Brandslist > ul > li img {
  height: auto;
  width: auto;
  margin: 0 auto;
  max-height: 100px;
  filter: invert(1);
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.reviews-section {
  background-color: #030303;
  border-top: 1px solid #3f3f3f;
  background-image: url(https://assets.owebest.com/img/tsm-assets/tsm-bgnew.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  overflow: visible;
  background-attachment: scroll;
  padding-bottom: 250px;
}
.tsm-curve-bg-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80%;
  background-image: url(../img/tsm-assets/curve-cut.png);
  background-size: 100% 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.tsm-curve-overlay-left {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #0f0f0f 0%, rgb(28 28 29 / 0.7) 100%);
  pointer-events: none;
  opacity: 0.1;
}
.owl-carousel.testimonial-carousel .owl-stage-outer {
  padding: 0;
}
.testimonials-card {
  background-color: rgb(0 0 0 / 0.8);
  border: 1px solid rgb(255 255 255 / 0.3);
  border-radius: 30px;
  padding: 25px;
  position: relative;
  z-index: 2;
  box-shadow: 0 30px 60px rgb(0 0 0 / 0.3);
  transition: transform 0.4s ease;
  min-height: 437px;
  overflow: hidden;
  backdrop-filter: blur(13px);
}
.testimonials-card .light-circled {
  border-radius: 25px;
}
.tsm-avatar-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  border-radius: 24px;
  padding: 10px;
  background: linear-gradient(0deg, #f15c22 0%, #fddbb8 52.6%);
  height: 100%;
}
.tsm-avatar-container img {
  width: 100% !important;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.tsm-quote-content {
  position: relative;
  padding-bottom: 70px;
  background-image: url(../img/tsm-assets/world-map.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.tsm-quote-icon {
  width: 48px;
  height: auto;
  margin-bottom: 25px !important;
  opacity: 0.9;
}
.tsm-quote-text {
  font-size: 1.25rem;
  line-height: 1.7;
  font-weight: 400;
  color: #eaeaea;
  font-style: italic;
  margin-bottom: 30px;
  min-height: 110px;
}
.tsm-client-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  border-bottom: 1px solid #343434;
  padding: 0 0 27px;
}
.data-thumb {
  position: relative;
  z-index: 1;
}
.tsm-thumbs-wrapper {
  display: flex;
  position: absolute;
  align-items: center;
  gap: 12px;
  left: 0;
  bottom: 0;
}
.tsm-thumb-item {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: 2px solid #fff0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
}
.tsm-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tsm-thumb-item:hover {
  transform: scale(1.15);
}
.tsm-thumb-item.active {
  border-color: #ff6b00;
  transform: scale(1.15);
  box-shadow: 0 0 10px rgb(255 107 0 / 0.6);
}
.future-cta-wrapper {
  background-color: #050505;
  background-image: radial-gradient(
    circle at right center,
    rgb(0 210 255 / 0.08) 0%,
    transparent 60%
  );
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0;
  box-shadow: 0 30px 60px rgb(0 0 0 / 0.6);
  z-index: 5;
}
.future-cta-content {
  padding: 30px;
  position: relative;
  z-index: 3;
  width: 60%;
}
.future-cta-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgb(255 255 255 / 0.7);
  font-weight: 700;
  margin-bottom: 20px;
}
.future-cta-badge::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: rgb(255 255 255 / 0.7);
  margin-right: 15px;
}
.future-cta-title {
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-bottom: 35px;
}
.future-cta-title span.orange {
  color: #ff6b00;
}
.future-cta-title span.purple {
  color: #f0f;
}
.future-cta-btn {
  background: #fff;
  color: #000;
  border-radius: 50px;
  padding: 14px 25px;
  font-weight: 800;
  font-size: 0.95rem;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  transition: all 0.3s ease;
}
.future-cta-btn:hover {
  box-shadow: 0 10px 20px rgb(255 107 0 / 0.4);
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  transform: translateY(-4px);
}
.future-cta-btn .btn-arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
  font-size: 22px;
  flex: 0 0 28px;
}
.future-cta-btn:hover .btn-arrow {
  background-color: #fff;
  color: #ff6b00;
}
.future-cta-graphics {
  width: 57%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: linear-gradient(to right, transparent 0%, black 25%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%);
}
.future-cta-graphics img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
}
.testimonials-bottom-divider {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #f4f6f9;
  clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 5;
}
@media (max-width: 991px) {
  .video-play-overlay {
    bottom: 10px;
    right: 8px;
    width: 43px;
    height: 43px;
  }
  .tsm-curve-bg-bottom {
    background-position: bottom center;
  }
  .testimonials-card {
    padding: 30px;
  }
  .tsm-avatar-container {
    max-width: 170px;
    padding: 3px;
  }
  .future-cta-content {
    width: 100%;
    padding: 40px 30px;
  }
  .future-cta-graphics {
    opacity: 0.25;
    width: 100%;
  }
  .future-cta-title {
    font-size: 2.2rem;
  }
  .tsm-quote-content {
    text-align: center;
    padding-bottom: 20px;
  }
  .tsm-quote-icon {
    margin: 10px auto 20px !important;
  }
  .tsm-thumbs-wrapper {
    position: unset;
  }
  .tsm-quote-text {
    font-size: 1rem;
    line-height: 1.6;
  }
  .tsm-client-name {
    font-size: 1.4rem;
    padding: 0 0 16px;
  }
}
.owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
}
.reviews-section .section-h1 {
  margin-bottom: 2px !important;
}
.reviews-section .relative-z {
  position: relative;
  z-index: 2;
}
.cr-title {
  color: silver;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
}
.r-flex {
  display: flex;
  gap: 12px;
  align-items: center;
}
.custom-container {
  max-width: 100%;
  padding-left: calc((100vw - 1265px) / 2);
  padding-right: 25px;
}
.mr-2 {
  margin-right: 8px;
}
.tech-brand-section {
  background-color: #030303;
  background-image: url(../img/techbg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.tech-brand-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  background-attachment: scroll;
  z-index: -1;
}
.tech-brand-section .section-h2 {
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 5px;
}
.tech-brand-section .section-h2 span {
  font-size: 3.2rem;
  font-weight: 900;
}
.technav-btn {
  position: absolute;
  bottom: 0;
  right: 20px;
}
.carousel-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  border: none;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgb(255 107 0 / 0.3);
}
.carousel-nav-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgb(255 107 0 / 0.5);
  color: #fff;
}
.tech-cardnew {
  background-color: rgb(255 255 255 / 0.95);
  border-radius: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  border: 1px solid #fff0;
}
.tech-cardnew:hover {
  border-color: rgb(255 107 0 / 0.15);
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.15);
}
.tech-cardnew:hover .tech-card-titleNew {
  color: var(--brand-primary);
}
.tech-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.tech-icon-box {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px rgb(0 0 0 / 0.05);
}
.tech-icon-box svg {
  height: 30px;
  width: 30px;
}
.bg-kotlin {
  background: linear-gradient(51deg, #ac3ded 21.9%, #6e0a9c 86.21%);
}
.bg-flutter {
  background: linear-gradient(49deg, #1fbcfd 17.05%, #1972bd 82.54%);
}
.bg-xamarin {
  background: linear-gradient(46deg, #ebcd26 17.49%, #bfa40c 86.01%);
}
.bg-ionic {
  background-color: #f4f8ff;
}
.bg-react {
  background: linear-gradient(60deg, #00d2ff 7.79%, #139fbd 92.21%);
}
.bg-ai {
  background: linear-gradient(60deg, #7f52ff 7.79%, #4015bc 92.21%);
}
.bg-ionic {
  background: linear-gradient(60deg, #00d2ff 7.79%, #12869f 92.21%);
}
.bg-ionicNew {
  background: linear-gradient(60deg, #3880ff 7.79%, #245bbe 92.21%);
}
.bg-swift {
  background: linear-gradient(231deg, #fc3d26 14.75%, #f88535 78.98%);
}
.bg-angular {
  background: linear-gradient(61deg, #dd1b16 16.83%, #b52e31 85.41%);
}
.bg-express {
  background: linear-gradient(225deg, #303030 17.66%, #727272 82.81%);
}
.bg-django {
  background: linear-gradient(60deg, #40e2a4 7.79%, #169665 92.21%);
}
.bg-ar {
  background: linear-gradient(219deg, #4619bd 16.29%, #7f52ff 84.27%);
}
.bg-node {
  background: linear-gradient(60deg, #4acd3e 7.79%, #3c7c37 92.21%);
}
.bg-vue {
  background: linear-gradient(60deg, #28e08e 7.79%, #3e8383 92.21%);
}
.bg-python {
  background: linear-gradient(60deg, #ffd43b 7.79%, #ae8a0c 92.21%);
}
.bg-bi {
  background: linear-gradient(60deg, #ffbc3c 7.79%, #fd5300 92.21%);
}
.bg-mern {
  background: linear-gradient(60deg, #00d2ff 7.79%, #16a2c0 92.21%);
}
.bg-salesforce {
  background: linear-gradient(60deg, #2dc0f9 7.79%, #137da7 92.21%);
}
.bg-mean {
  background: linear-gradient(60deg, #ff5c58 7.79%, #b41313 92.21%);
}
.tech-card-number {
  font-size: 3.5rem;
  font-weight: 800;
  color: rgb(0 0 0 / 0.05);
  user-select: none;
}
.tech-card-titleNew {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0c0c20;
  margin-bottom: 15px;
  margin-top: 0;
}
.tech-card-desc {
  font-size: 16px;
  color: var(--para-color);
  line-height: 1.7;
  margin-bottom: 30px;
  flex-grow: 1;
}
.tech-carousel {
  margin-top: 0;
}
.tech-card-btn {
  background: #fff0;
  border: 1px solid rgb(0 0 0 / 0.3);
  border-radius: 50px;
  padding: 8px 10px 8px 24px;
  text-decoration: none;
  color: #333343;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  transition: all 0.3s ease;
  margin-top: auto;
  line-height: normal;
  text-transform: capitalize;
}
.tech-card-btn .btn-arrow {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin-left: 20px;
  transition: transform 0.3s ease;
  flex: 0 0 26px;
}
.tech-cardnew:hover .tech-card-btn,
.tech-card-btn:hover {
  border-color: #ff6b00;
  color: #ff6b00;
  transform: translateY(-2px);
}
.tech-card-btn:hover .btn-arrow {
  transform: translateX(3px);
}
@media (max-width: 991px) {
  .tech-brand-section .section-h1 {
    font-size: 2.5rem;
  }
}
.form-group {
  margin-bottom: 1rem;
}
.blog-btn-wrapper {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  width: auto;
}
.blog-readmore-btn {
  color: #5f718a;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 10px 21px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgb(0 0 0 / 0.05);
  border: 1px solid #bfcde2;
  background: #f6fbff;
  white-space: nowrap;
}
.blog-readmore-btn .btn-arrow {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #94a3b8;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.blogCard:hover .blog-readmore-btn {
  color: #ffffff !important;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
  border-color: #f2981c;
}
.blogCard:hover .blog-readmore-btn .btn-arrow {
  background-color: #fff;
  color: #ff6b00;
  transform: translateX(3px);
}
.blog-date-badge {
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #ff9b00, #ff6b00);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 5px 15px rgb(255 107 0 / 0.4);
  z-index: 10;
  border: 3px solid #fff;
  text-align: center;
}
.blog-date-day {
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1;
}
.blog-date-month {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 1px;
}
.blog-author {
  font-size: 0.85rem;
  color: #777785;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 23px auto 21px;
  justify-content: center;
}
.blog-author i {
  color: #ff6b00;
  font-size: 0.9rem;
}
.slider-blog.owl-carousel .owl-stage-outer {
  padding-bottom: 50px !important;
}
.blogCard_wall {
  position: relative;
}
.aiProducts {
  background: #030712 url(../img/aiProductBgImg.png) no-repeat center center /
    cover;
  position: relative;
  z-index: 1;
}
.aiProducts::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/bgCircle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.aiProducts-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid #fff;
  padding: 6px 20px;
  border-radius: 50px;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff0;
  color: #fff;
}
.aiProducts-badge i {
  font-size: 17px;
  margin-right: 2px;
}
.aiProducts h1 {
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
}
.aiProducts h1 span {
  background: linear-gradient(90deg, #f15c22 44.45%, #2eb3ad 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  font-size: 3.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}
.aiProducts .sectionHeading p {
  color: rgb(255 255 255 / 0.8);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 auto;
}
.aiProducts .sectionHeading {
  margin-bottom: 50px;
}
.product-card {
  height: calc(100% - 21px);
  position: relative;
  border-radius: 20px;
  border: 1px solid #353535;
  background: #22242a99;
  box-shadow: 0 0 60px 0 rgb(0 0 0 / 0.08);
  backdrop-filter: blur(20px);
  transition: ease-in-out 0.3s;
  margin-top: 21px;
}
.product-card:hover {
  border: 1px solid var(--brand-orange);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.3);
}
.product-card .webLogo {
  padding: 4px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0 5.634px 5.634px 0 rgb(0 0 0 / 0.25);
  width: 6.25rem;
  height: 2.63rem;
  position: absolute;
  top: -21px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.product-card .webLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-card:hover {
  transform: translateY(-5px);
}
.product-card-body {
  padding: 28px 30px;
}
.card-img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  aspect-ratio: 79/38;
  background: linear-gradient(220deg, #ffffff 0%, #fff0 16%);
  z-index: 1;
  overflow: hidden;
}
.card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.aicard-title,
.aicard-title a {
  margin-top: 0;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.card-text {
  color: rgb(255 255 255 / 0.7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}
.aiProducts .portfolio-btn-outline {
  background-color: #161921;
}
.aiProducts .portfolio-btn-outline:hover,
.product-card:hover .portfolio-btn-outline {
  background-position: unset;
  transform: none;
  color: #fff;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
}
.aiProducts .portfolio-btn-outline:hover {
  background-position: unset;
  transform: none;
  color: #fff;
  background: linear-gradient(90deg, #f2981c 0%, #fa4921 100%);
  box-shadow: 0 6px 24px 0 rgb(241 92 34 / 0.36);
  border-color: #fff0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  right: 16px;
}
.aiProducts .portfolio-btn-outline:hover .btn-arrow-circle {
  transform: none;
  background: #94300a;
  backdrop-filter: blur(5px);
}
.contactSection {
  padding: 50px 0 133px;
  background-image: url(../img/contact-assets/contactSectionBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
.glass-panel {
  padding: 1rem;
  height: 100%;
  border-radius: 30px;
  border: 1px solid rgb(255 255 255 / 0.5);
  background: rgb(255 255 255 / 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}
.glass-panel.contactForm {
  padding: 2rem 1.5rem;
  width: 100%;
}
.ctahead {
  font-size: 28px;
  color: var(--heading-color);
  font-weight: 800;
  margin: 0 0 20px;
}
.location-card {
  background: #151521 url(../img/contact-assets/locationCardBg.svg) no-repeat
    center center / cover;
  border-radius: 24px;
  padding: 4px;
  overflow: hidden;
  margin-bottom: 9px;
}
.location-card .innerCrd {
  padding: 18px;
  border-radius: 20px;
  border: 1px dashed #fff;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.location-details {
  flex: 1;
}
.location-card:last-child {
  margin-bottom: 0;
}
.location-image {
  width: 6.25rem;
  aspect-ratio: 1/1;
}
.location-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.saprater {
  display: block;
  height: 100px;
  width: 1px;
  opacity: 0.3;
  background: linear-gradient(180deg, #151521 0%, #fff 50%, #151521 100%);
}
.location-details h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px;
}
.location-details a {
  color: #fff;
}
.location-details p {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  opacity: 0.7;
  margin-bottom: 12px;
}
.location-details p br {
  display: none;
}
.contact-info {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  word-break: break-word;
}
.contact-info + .contact-info {
  margin-top: 12px;
}
.watermark {
  text-align: center;
  font-size: 8.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1rem;
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0.07) 0%,
    rgb(21 21 33 / 0.07) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -128px;
  line-height: 0.8;
  white-space: nowrap;
}
.home_blog_wrap .owl-dots {
  margin-top: 0;
}
.glass-panel.contactForm .obcontact_input .form-control {
  padding: 0.875rem 0.75rem 0.975rem 3.6rem;
  height: auto;
  min-height: 55px;
}
.glass-panel.contactForm .form-group {
  margin-bottom: 27px;
}
.glass-panel.contactForm .obcontactForm-submit {
  margin-top: 10px;
}
.frm-btn {
  margin-top: 18px;
}
@media (max-width: 1399.98px) {
  .watermark {
    font-size: 7.5rem;
    bottom: -121px;
  }
  .contactSection {
    padding: 80px 0 140px;
  }
}
@media (max-width: 1199.98px) {
  .glass-panel.contactForm .form-group {
    margin-bottom: 15px;
  }
  .watermark {
    font-size: 6rem;
    bottom: -95px;
  }
  .contactSection {
    padding: 60px 0 100px;
  }
}
@media (max-width: 991.98px) {
  .watermark {
    font-size: 4rem;
    bottom: -72px;
  }
}
@media (max-width: 767.98px) {
  .aiProducts h1 span {
    font-size: 3rem;
  }
  .watermark {
    letter-spacing: 0.26rem;
  }
}
@media (max-width: 575.98px) {
  .location-image {
    width: 5rem;
  }
  .location-card .innerCrd {
    gap: 1rem;
  }
  .watermark {
    display: none;
  }
  .contactSection {
    padding: 40px 0;
  }
}
.certification_logo.owl-carousel .owl-stage-outer {
  padding: 0;
}
.callbackModal .svg-input {
  left: 5px;
  top: 6px;
  width: 33px;
  height: 33px;
}
body:not(.home) .reviews-section {
  padding-bottom: 80px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.social-links-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 38px;
}
.social-circle-link {
  width: 44px;
  height: 44px;
  border: 1px solid rgb(255 255 255 / 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.social-circle-link:hover {
  border-color: #ff6b00;
  color: #ff6b00;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgb(255 107 0 / 0.3);
  background-color: rgb(255 107 0 / 0.03);
}
.accordion-button:not(.collapsed) {
  background-color: #fff0;
  box-shadow: unset;
}
#animation_wrapper {
  margin-top: -40px;
}
.rfq-link {
  justify-content: center;
  background: linear-gradient(90deg, #f2981c 0, #fa4921 100%);
  background-size: 200% auto;
  border-radius: 50px;
  border: none;
  align-items: center;
  box-shadow: 0 10px 20px -5px rgb(239 92 32 / 0.4);
  position: relative;
  overflow: hidden;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  padding: 0.85rem 1.6rem;
  display: inline-flex;
  transition: 0.4s;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.rfq-link:hover {
  background-position: right center;
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.6);
  color: #fff;
}
.bento-icon svg {
  width: 1.75rem;
  height: 1.75rem;
}
.item .bento-card:hover {
  transform: unset !important;
}
.check-list {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .check-list {
    grid-template-columns: 1fr 1fr;
  }
}
.check-list li {
  display: flex;
  align-items: flex-start;
  font-size: 1.05rem;
  font-weight: 500;
  color: var(--text-dark);
}
.check-list li svg {
  color: var(--brand-secondary);
  margin-right: 0.75rem;
  margin-top: 0.2rem;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.highlight-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--brand-secondary);
  border-radius: 1rem;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgb(0 0 0 / 0.02);
}
.highlight-card:hover {
  border-left-color: var(--brand-primary);
  transform: translateX(5px);
  box-shadow: 0 15px 30px rgb(239 92 32 / 0.1);
}
.highlight-icon {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgb(50 202 202 / 0.1);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
.highlight-card:hover .highlight-icon {
  background: var(--brand-primary);
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 15px -3px rgb(239 92 32 / 0.3);
}
.ai-roi-calculator .search-box {
  box-shadow: unset;
  background: #1f353f;
}
.header-btn-set {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.owb-srv-ambient-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
  background-image: url(../img/vector-gradient.svg);
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
}
.owb-srv-glowing-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.2;
  animation: owbSrvFloatOrb 15s infinite alternate ease-in-out;
}
.owb-srv-blob-primary {
  width: 600px;
  height: 600px;
  background: #ff5e14;
  top: -10%;
  left: -10%;
}
.owb-srv-blob-secondary {
  width: 500px;
  height: 500px;
  background: #32caca;
  bottom: 10%;
  right: -10%;
  animation-delay: -5s;
}
@keyframes owbSrvFloatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(50px, -50px) scale(1.1);
  }
}
.owb-srv-hero-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
}
.owb-srv-badge-container {
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: #ff5e14;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  border: 1px solid rgb(255 94 20 / 0.2);
  box-shadow: 0 4px 6px rgb(255 94 20 / 0.05);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 23px;
}
.owb-srv-pulse-indicator {
  width: 8px;
  height: 8px;
  background-color: #ff5e14;
  border-radius: 50%;
  margin-right: 8px;
  animation: owbSrvPulse 2s infinite;
}
@keyframes owbSrvPulse {
  0% {
    box-shadow: 0 0 0 0 rgb(255 94 20 / 0.4);
  }
  70% {
    box-shadow: 0 0 0 6px #fff0;
  }
  100% {
    box-shadow: 0 0 0 0 #fff0;
  }
}
.owb-srv-hero-headline {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--heading-color);
}
.owb-srv-gradient-accent {
  background: linear-gradient(90deg, #ff5e14 0%, #f97316 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  background-clip: text;
}
.owb-srv-hero-lead {
  font-size: 1.15rem;
  margin: 0 auto !important;
  color: #475569 !important;
  line-height: 1.8;
}
.owb-srv-cards-list {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.owb-srv-split-item {
  display: flex;
  flex-direction: column;
  background: rgb(255 255 255 / 0.5);
  border: 11px solid rgb(255 255 255 / 0.5);
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
  box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
}
@media (min-width: 992px) {
  .owb-srv-split-item {
    flex-direction: row;
    align-items: stretch;
  }
  .owb-srv-split-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.owb-srv-split-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -12px rgb(255 94 20 / 0.15);
}
.owb-srv-split-item:nth-child(even):hover {
  border-color: rgb(50 202 202 / 0.3);
  box-shadow: 0 25px 50px -12px rgb(50 202 202 / 0.15);
}
.owb-srv-media-box {
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 350px;
  background-color: #f1f5f9;
}
.owb-srv-media-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.owb-srv-media-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgb(15 23 42 / 0.4) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.owb-srv-split-item:hover .owb-srv-media-box img {
  transform: scale(1.08);
}
.owb-srv-split-item:hover .owb-srv-media-box::after {
  opacity: 1;
}
.owb-srv-details-box {
  flex: 1.2;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .owb-srv-details-box {
    padding: 2rem;
    padding-top: 26px;
  }
}
.owb-srv-watermark-number {
  position: absolute;
  bottom: -20px;
  right: 10px;
  font-size: 12rem;
  font-weight: 800;
  line-height: 1;
  color: rgb(15 23 42 / 0.02);
  z-index: 0;
  pointer-events: none;
  user-select: none;
  transition: all 0.5s ease;
}
.owb-srv-split-item:hover .owb-srv-watermark-number {
  color: rgb(255 94 20 / 0.04);
  transform: translateX(-10px) translateY(-10px);
}
.owb-srv-split-item:nth-child(even):hover .owb-srv-watermark-number {
  color: rgb(50 202 202 / 0.04);
}
.owb-srv-inner-content {
  position: relative;
  z-index: 2;
}
.owb-srv-header-block {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.owb-srv-icon-container {
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: rgb(255 94 20 / 0.08);
  backdrop-filter: blur(8px);
  color: #ff5e14;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(255 94 20 / 0.15);
  transition: all 0.4s ease;
  flex-shrink: 0;
}
.owb-srv-split-item:nth-child(even) .owb-srv-icon-container {
  background: rgb(50 202 202 / 0.08);
  color: #32caca;
  border-color: rgb(50 202 202 / 0.15);
}
.owb-srv-split-item:hover .owb-srv-icon-container {
  background: #ff5e14;
  color: #fff;
  transform: rotate(-10deg) scale(1.1);
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.25);
}
.owb-srv-split-item:nth-child(even):hover .owb-srv-icon-container {
  background: #32caca;
  color: #fff;
  box-shadow: 0 10px 20px rgb(50 202 202 / 0.25);
}
.owb-srv-card-heading {
  font-size: 1.75rem;
  margin: 0;
  line-height: 1.2;
  font-weight: 700;
  color: var(--heading-color);
}
.owb-srv-card-heading a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.owb-srv-card-heading a:hover,
.owb-srv-split-item:hover .owb-srv-card-heading a {
  color: #ff5e14;
}
.owb-srv-split-item:nth-child(even) .owb-srv-card-heading a:hover,
.owb-srv-split-item:nth-child(even):hover .owb-srv-card-heading a {
  color: #32caca;
}
.owb-srv-card-paragraph {
  font-size: 15px;
  margin-bottom: 24px;
  line-height: 1.7;
  color: #475569;
}
.owb-srv-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0;
}
.owb-srv-feature-badge {
  font-size: 0.85rem;
  font-weight: 600;
  color: #0f172a;
  background: rgb(255 94 20 / 0.03);
  padding: 0.3rem 1rem;
  border-radius: 2rem;
  border: 1px solid rgb(255 94 20 / 0.25);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}
.owb-srv-split-item:nth-child(even) .owb-srv-feature-badge {
  background: rgb(50 202 202 / 0.09);
  border-color: rgb(50 202 202 / 0.25);
}
.owb-srv-feature-badge svg {
  color: #ff5000;
  width: 16px;
  height: 16px;
}
.owb-srv-split-item:nth-child(even) .owb-srv-feature-badge svg {
  color: #008280;
}
.owb-srv-split-item:hover .owb-srv-feature-badge {
  background: #fff;
  border-color: rgb(255 94 20 / 0.3);
  box-shadow: 0 2px 4px rgb(255 94 20 / 0.05);
}
.owb-srv-split-item:nth-child(even):hover .owb-srv-feature-badge {
  border-color: rgb(50 202 202 / 0.3);
  box-shadow: 0 2px 4px rgb(50 202 202 / 0.05);
}
.owb-srv-button-link {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: #0f172a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
  margin-top: auto;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  width: fit-content;
  background: #fff;
  text-decoration: none;
  display: none;
}
.owb-srv-button-link svg {
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
  color: #ff5e14;
}
.owb-srv-split-item:nth-child(even) .owb-srv-button-link svg {
  color: #32caca;
}
.owb-srv-split-item:hover .owb-srv-button-link {
  background: #ff5e14;
  border-color: #ff5e14;
  color: #fff;
  box-shadow: 0 10px 15px -3px rgb(255 94 20 / 0.3);
}
.owb-srv-split-item:nth-child(even):hover .owb-srv-button-link {
  background: #32caca;
  border-color: #32caca;
  color: #fff;
  box-shadow: 0 10px 15px -3px rgb(50 202 202 / 0.3);
}
.owb-srv-split-item:hover .owb-srv-button-link svg,
.owb-srv-split-item:nth-child(even):hover .owb-srv-button-link svg {
  color: #fff;
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .owb-srv-header-block {
    margin-top: 10px;
  }
  .owb-srv-icon-container {
    display: none;
  }
  .owb-srv-card-heading {
    font-size: 1.45rem;
  }
  .owb-srv-details-box {
    padding: 1rem;
  }
  .owb-srv-split-item {
    margin-bottom: 1rem;
  }
  .owb-srv-hero-headline {
    font-size: 2rem;
  }
}
body.services,
body.technologies {
  background-image: linear-gradient(180deg, #f4faff, #fff);
}
.services .unset-header .heroBG,
.services .hero-banner-item::before,
.technologies .unset-header .heroBG,
.sitemap .unset-header .heroBG,
.sitemap .hero-banner-item::before,
.technologies .hero-banner-item::before,
.trending-solutions .unset-header .heroBG,
.trending-solutions .hero-banner-item::before {
  display: none;
}
.services .unset-header .heroContent,
.trending-solutions .unset-header .heroContent,
.technologies .unset-header .heroContent {
  padding-top: 180px;
}
.services .search-box,
.trending-solutions .search-box,
.technologies .search-box,
.sitemap .search-box {
  background: rgb(0 0 0 / 0.87);
}
.track-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 1.2rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03);
  display: flex;
  flex-direction: column;
  text-align: left;
}
.track-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-primary);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.1);
}
.track-role {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--brand-secondary);
  margin-bottom: 0.5rem;
}
.track-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 1rem;
}
.track-link {
  font-weight: 500;
  line-height: normal;
  color: var(--brand-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  transition: all 0.2s;
  font-size: 15px;
}
.track-link:hover {
  color: #ea580c;
}
.track-link svg {
  margin-left: 0.5rem;
  transition: transform 0.2s;
}
.track-link:hover svg {
  transform: translateX(4px);
}
.text-justify {
  text-align: justify;
}
.ambient-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.12;
  pointer-events: none;
  z-index: 0;
}
.bento-card-light {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.25rem;
  padding: 2.25rem;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  display: flex;
  flex-direction: column;
}
.bento-card-light:hover {
  transform: translateY(-5px);
  border-color: var(--brand-primary);
  box-shadow: 0 15px 30px -5px rgb(239 92 32 / 0.1);
}
.bento-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 0.75rem;
  background: rgb(239 92 32 / 0.08);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgb(239 92 32 / 0.15);
  transition: all 0.3s ease;
}
.bento-card-light:hover .bento-card-icon {
  background: var(--brand-primary);
  color: #fff;
}
.feature-ul-custom {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.feature-ul-custom li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.feature-ul-custom li::before {
  content: "✓";
  color: var(--brand-secondary);
  font-weight: 800;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.15rem;
}
.navy-bg {
  background-color: #0a1128;
}
.highlight-info-box {
  background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  padding: 2rem;
  position: relative;
  box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.02);
  overflow: hidden;
}
.highlight-info-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--brand-primary);
}
.heroContent p {
  color: #fff;
}
.alert-box {
  background: rgb(239 92 32 / 0.05);
  border-left: 4px solid var(--brand-primary);
  padding: 1.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 3rem;
}
.highlight-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.highlight-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.6;
}
.highlight-list li::before {
  content: "✓";
  color: var(--brand-secondary);
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.1rem;
}
.certification_logos_wrap .owl-dots {
  margin-top: 24px;
}
.about-title,
.m-stat-number {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.about-intro-section {
  padding: 3rem 0 4rem;
  position: relative;
  background: #fff;
}
.about-title {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
.yt-video-wrapper {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  aspect-ratio: 16/9;
  transform: translateZ(0);
}
.yt-video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.yt-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  background: rgb(0 0 0 / 0.2);
}
.yt-pause-icon,
.yt-play-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgb(0 0 0 / 0.3);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.yt-play-icon {
  background: linear-gradient(to right, #00ffe7, #0c8482);
  color: #fff;
  animation: 2s infinite pulsePlay;
}
.yt-pause-icon {
  background: rgb(15 23 42 / 0.85);
  color: #fff;
  opacity: 0;
  transform: scale(0.5);
  position: absolute;
  backdrop-filter: blur(4px);
}
.yt-video-wrapper.is-playing .yt-video-overlay {
  background: 0 0;
}
.yt-video-wrapper.is-playing .yt-play-icon {
  opacity: 0;
  transform: scale(0.5);
  pointer-events: none;
}
.yt-video-wrapper.is-playing:hover .yt-pause-icon {
  opacity: 1;
  transform: scale(1);
}
.yt-video-wrapper:hover .yt-play-icon {
  background: linear-gradient(to right, #00ffe7, #0c8482);
  transform: scale(1.05);
  background-size: 150% auto;
}
@keyframes pulsePlay {
  0% {
    box-shadow: 0 0 0 0 rgb(3 224 205 / 0.6);
  }
  70% {
    box-shadow: 0 0 0 20px #fff0;
  }
  100% {
    box-shadow: 0 0 0 0 #fff0;
  }
}
.stat-grid-modern {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: 30px;
}
.modern-stat-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  text-align: left;
  position: relative;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  transition: 0.3s;
  flex: auto;
}
.modern-stat-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 3px;
  border-radius: 3px 3px 0 0;
  opacity: 0;
  transition: 0.3s;
}
.modern-stat-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 0.08);
  border-color: #fff0;
}
.modern-stat-item:hover::after {
  opacity: 1;
  bottom: -1px;
  width: 100%;
  left: 0;
  border-radius: 0 0 1.25rem 1.25rem;
}
.stat-icon-svg {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.stat-color-1 .stat-icon-svg {
  color: #f59e0b;
}
.stat-color-1::after {
  background-color: #f59e0b;
}
.net-node:first-child,
.stat-color-2 .stat-icon-svg {
  color: #0ea5e9;
}
.stat-color-2::after {
  background-color: #0ea5e9;
}
.stat-color-3 .stat-icon-svg {
  color: #a855f7;
}
.stat-color-3::after {
  background-color: #a855f7;
}
.m-stat-content {
  display: flex;
  flex-direction: column;
}
.m-stat-top {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin-bottom: 0.2rem;
}
.m-stat-number {
  font-size: 2.25rem;
  color: #0f172a;
  line-height: 1;
}
.m-stat-label {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1;
}
.m-stat-desc {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-muted);
  margin: 0;
}
.mvv-section {
  padding: 4rem 0;
  background: var(--light-bg);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.mvv-card-modern,
.net-node {
  z-index: 2;
  position: relative;
}
.mvv-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin: 0 auto;
}
.mvv-card-modern {
  background: #fff;
  border-radius: 1.5rem;
  padding: 2.5rem;
  box-shadow: 0 10px 30px -10px rgb(0 0 0 / 0.05);
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  height: 100%;
  overflow: hidden;
}
.mvv-card-modern::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  transition: height 0.3s;
  opacity: 0.9;
}
.mvv-card-modern.mission-card::before {
  background: #3b82f6;
}
.mvv-card-modern.mission-card .mvv-icon-wrap {
  background: rgb(59 130 246 / 0.1);
  color: #3b82f6;
  border: 1px solid rgb(59 130 246 / 0.2);
}
.mvv-card-modern.mission-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -12px rgb(59 130 246 / 0.2);
  border-color: rgb(59 130 246 / 0.3);
}
.mvv-card-modern.mission-card:hover .mvv-icon-wrap {
  background: #3b82f6;
  color: #fff;
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 20px -5px rgb(59 130 246 / 0.4);
}
.mvv-card-modern.vision-card::before {
  background: #8b5cf6;
}
.mvv-card-modern.vision-card .mvv-icon-wrap {
  background: rgb(139 92 246 / 0.1);
  color: #8b5cf6;
  border: 1px solid rgb(139 92 246 / 0.2);
}
.mvv-card-modern.vision-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -12px rgb(139 92 246 / 0.2);
  border-color: rgb(139 92 246 / 0.3);
}
.mvv-card-modern.vision-card:hover .mvv-icon-wrap {
  background: #8b5cf6;
  color: #fff;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 20px -5px rgb(139 92 246 / 0.4);
}
.mvv-card-modern.values-card::before {
  background: #f59e0b;
}
.mvv-card-modern.values-card .mvv-icon-wrap {
  background: rgb(245 158 11 / 0.1);
  color: #f59e0b;
  border: 1px solid rgb(245 158 11 / 0.2);
}
.mvv-card-modern.values-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px -12px rgb(245 158 11 / 0.2);
  border-color: rgb(245 158 11 / 0.3);
}
.mvv-card-modern.values-card:hover .mvv-icon-wrap {
  background: #f59e0b;
  color: #fff;
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 20px -5px rgb(245 158 11 / 0.4);
}
.mvv-icon-wrap {
  width: 70px;
  height: 70px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
.mvv-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}
.mfc-desc,
.mvv-desc {
  margin: 0;
}
.value-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.value-list li {
  position: relative;
  padding-left: 1.75rem;
  font-weight: 500;
}
.value-list li::before {
  content: "✓";
  color: #f59e0b;
  font-weight: 800;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.1rem;
}
.experience-section {
  padding: 4rem 0;
  background: #0f172a;
  position: relative;
  overflow: hidden;
  color: #f8fafc;
}
.exp-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.exp-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.08);
  padding: 1.5rem;
  border-radius: 1rem;
  transition: 0.3s;
  backdrop-filter: blur(10px);
}
.exp-list li:hover {
  background: rgb(255 255 255 / 0.06);
  border-color: rgb(50 202 202 / 0.4);
  transform: translateX(10px);
  box-shadow: 0 10px 25px -5px rgb(50 202 202 / 0.15);
}
.exp-list li svg {
  color: var(--brand-secondary);
  margin-right: 1.25rem;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 0.2rem;
}
.exp-list p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #cbd5e1;
}
.holo-dashboard {
  position: relative;
  width: 100%;
  height: 650px;
  background: rgb(15 23 42 / 0.6);
  border: 1px solid rgb(50 202 202 / 0.2);
  border-radius: 1.5rem;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 200px 1fr 1fr;
  gap: 1.25rem;
  box-shadow:
    0 25px 50px -12px rgb(0 0 0 / 0.5),
    inset 0 0 40px rgb(50 202 202 / 0.05);
  overflow: hidden;
}
.holo-dashboard::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgb(50 202 202 / 0.1) 50%,
    transparent 100%
  );
  background-size: 100% 200%;
  animation: 6s linear infinite scanline;
  pointer-events: none;
  z-index: 10;
}
@keyframes scanline {
  0% {
    background-position: 0 -100%;
  }
  100% {
    background-position: 0 200%;
  }
}
.dash-module {
  background: rgb(0 0 0 / 0.3);
  border: 1px solid rgb(255 255 255 / 0.05);
  border-radius: 1rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.dash-module:hover {
  border-color: rgb(50 202 202 / 0.4);
  box-shadow: inset 0 0 20px rgb(50 202 202 / 0.1);
}
.dash-module.full-width {
  grid-column: 1/-1;
}
.module-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #94a3b8;
  font-weight: 700;
  margin-bottom: 1rem;
}
.module-header .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-secondary);
  box-shadow: 0 0 8px var(--brand-secondary);
  animation: 2s infinite alternate pulseDot;
}
.module-header.orange .dot {
  background: var(--brand-primary);
  box-shadow: 0 0 8px var(--brand-primary);
}
@keyframes pulseDot {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
.app-network {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.net-node {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: 3s ease-in-out infinite alternate floatNode;
  color: #fff;
}
.net-node:nth-child(2) {
  color: #a855f7;
  transform: translateY(15px);
  animation-delay: 1s;
}
.net-node:nth-child(3) {
  color: #f59e0b;
  animation-delay: 2s;
}
.net-line {
  position: absolute;
  top: 50%;
  left: 15%;
  right: 15%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgb(50 202 202 / 0.3),
    transparent
  );
  z-index: 1;
  transform: translateY(-50%);
}
.net-particle {
  position: absolute;
  top: -2px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #fff;
  animation: 3s cubic-bezier(0.4, 0, 0.2, 1) infinite moveParticle;
}
.server-rack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  justify-content: center;
}
.server-unit {
  height: 28px;
  background: rgb(255 255 255 / 0.03);
  border-radius: 6px;
  border: 1px solid rgb(255 255 255 / 0.1);
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
}
.gear-system,
.roi-chart {
  flex-grow: 1;
  display: flex;
}
.s-light {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #334155;
}
.s-light.active {
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
}
.s-light.blink-1 {
  animation: 0.8s infinite alternate blinkLight;
}
.s-light.blink-2 {
  animation: 1.2s infinite alternate blinkLight;
}
.gear-system {
  position: relative;
  align-items: center;
  justify-content: center;
}
.gear {
  position: absolute;
}
.gear-1 {
  width: 60px;
  height: 60px;
  margin-left: -20px;
  margin-top: -15px;
  animation: 8s linear infinite spin;
  color: rgb(50 202 202 / 0.7);
}
.gear-2 {
  width: 40px;
  height: 40px;
  margin-left: 35px;
  margin-top: 25px;
  animation: 6s linear infinite spinReverse;
  color: rgb(239 92 32 / 0.7);
}
.roi-chart {
  position: relative;
  align-items: flex-end;
  padding-bottom: 5px;
}
.chart-svg {
  width: 100%;
  height: 70px;
  overflow: visible;
}
.chart-line {
  fill: none;
  stroke: #fb923c;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 250;
  stroke-dashoffset: 250;
  animation: 3s ease-out infinite forwards drawLine;
}
.quality-shield {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.shield-icon {
  width: 60px;
  height: 60px;
  color: #10b981;
  z-index: 2;
  position: relative;
  filter: drop-shadow(0 0 10px rgb(16 185 129 / 0.4));
}
.partner-logo,
.partner-text-logo {
  filter: grayscale(100%) opacity(0.7);
}
.shield-ripple {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgb(16 185 129 / 0.4);
  animation: 2s cubic-bezier(0, 0.2, 0.8, 1) infinite shieldPulse;
  z-index: 1;
}
@keyframes floatNode {
  100% {
    transform: translateY(-8px);
  }
}
@keyframes moveParticle {
  0% {
    left: 10%;
    opacity: 0;
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    left: 90%;
    opacity: 0;
  }
}
@keyframes blinkLight {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinReverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes drawLine {
  0% {
    stroke-dashoffset: 250;
  }
  100%,
  70% {
    stroke-dashoffset: 0;
  }
}
@keyframes shieldPulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.partners-section {
  padding: 3.5rem 0;
  background: linear-gradient(90deg, #f2981c 0, #fa4921 100%);
}
.partners-flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 992px) {
  .mvv-grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 2.5rem;
  }
  .partners-flex-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.partners-heading {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 800;
  margin: 0;
  text-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
}
.partner-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.partner-box {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 90px;
  box-shadow: 0 10px 25px rgb(0 0 0 / 0.15);
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  flex: auto;
}
.partner-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 35px rgb(0 0 0 / 0.25);
}
.partner-logo {
  transition: 0.4s;
  max-height: 40px;
  width: auto;
}
.partner-box:hover .partner-logo {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.05);
}
.partner-text-logo {
  font-family: Inter, sans-serif;
  font-weight: 800;
  font-size: 1.4rem;
  color: #64748b;
  margin: 0;
  transition: 0.4s;
}
.partner-text-logo span {
  color: #94a3b8;
  font-weight: 400;
}
.partner-box:hover .partner-text-logo {
  filter: grayscale(0%) opacity(1);
  color: #0f172a;
}
.partner-box:hover .partner-text-logo span {
  color: var(--brand-primary);
}
.tech-section {
  padding: 4rem 0;
  background: var(--light-bg);
  border-top: 1px solid #e2e8f0;
}
.modern-feature-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 2.5rem;
  height: 100%;
  transition: 0.4s;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.02);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.modern-feature-card:hover {
  transform: translateY(-8px);
  border-color: var(--brand-primary);
  box-shadow: 0 20px 30px -10px rgb(239 92 32 / 0.15);
}
.mfc-icon {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
  transition: 0.4s;
}
.modern-feature-card:hover .mfc-icon {
  background: var(--brand-primary);
  color: #fff !important;
  border-color: var(--brand-primary);
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 10px 20px -5px rgb(239 92 32 / 0.3);
}
.mfc-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.is-visible {
  animation: 0.8s forwards fadeUp;
}
.delay-100 {
  animation-delay: 0.1s;
}
.delay-200 {
  animation-delay: 0.2s;
}
.animate-on-scroll {
  opacity: 0;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .partner-grid {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .partners-flex-container {
    gap: 2rem;
  }
  .about-intro-section,
  .experience-section,
  .mvv-section,
  .tech-section {
    padding: 3rem 0;
  }
  .partner-box {
    min-width: 100%;
    flex: auto;
  }
  .modern-feature-card {
    padding: 1.5rem;
  }
}
.wl-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--brand-secondary);
  border-radius: 1rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
}
.wl-card:hover {
  border-left-color: var(--brand-primary);
  transform: translateX(5px);
  box-shadow: 0 15px 25px -5px rgb(239 92 32 / 0.1);
}
.nav-pills .nav-link {
  color: var(--heading-color);
  font-weight: 600;
  border-radius: 50px;
  padding: 0.75rem 2rem;
  margin: 0 0.5rem 1rem;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.nav-pills .nav-link.active {
  background-color: var(--brand-primary);
  color: #fff;
  border-color: var(--brand-primary);
  box-shadow: 0 4px 10px rgb(239 92 32 / 0.3);
}
.tab-content-card {
  background: #fff0;
  border: none;
  padding: 2rem 0 0;
}
.tab-feature-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .tab-feature-list {
    grid-template-columns: 1fr 1fr;
  }
}
.tab-feature-list li {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  display: flex;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-dark);
  transition: all 0.3s ease;
  text-align: left;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.02);
}
.tab-feature-list li:hover {
  border-color: var(--brand-secondary);
  transform: translateX(5px);
  box-shadow: 0 4px 6px rgb(50 202 202 / 0.1);
}
.tab-feature-list li svg {
  color: var(--brand-secondary);
  margin-top: 4px;
  margin-right: 0.75rem;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.owb-tech-index-page {
  padding: 10px 0 50px;
}
.tech-panel-card {
  background: rgb(255 255 255 / 0.5);
  border-radius: 15px;
  padding: 1.5rem;
  height: 100%;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 18px 35px rgb(15 23 42 / 0.08);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(51px);
  backdrop-filter: blur(51px);
}
.tech-panel-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgb(245 92 33 / 0.12), transparent 35%),
    radial-gradient(
      circle at top right,
      rgb(255 159 90 / 0.18),
      transparent 25%
    );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.tech-panel-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: var(--brand-primary);
  transform: scaleX(0.15);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.tech-panel-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 24px 45px rgb(245 92 33 / 0.16);
  border-color: rgb(245 92 33 / 0.35);
}
.tech-panel-card:hover::before {
  opacity: 1;
}
.tech-panel-card:hover::after {
  transform: scaleX(1);
}
.tech-panel-header {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.tech-panel-icon {
  width: 43px;
  height: 43px;
  color: var(--brand-primary);
  margin-right: 0.85rem;
  flex-shrink: 0;
  border-radius: 12px;
  background: rgb(245 92 33 / 0.08);
  padding: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.tech-panel-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
}
.tech-panel-sub {
  font-size: 14px;
  margin-bottom: 11px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(148 163 184 / 0.22);
  position: relative;
  z-index: 1;
  line-height: normal;
  padding-left: 58px;
}
.tech-stack-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-grow: 1;
}
.tech-stack-list li {
  margin: 0;
}
.tech-stack-list li:last-child {
  margin-bottom: 0;
}
.tech-stack-list a {
  color: var(--text-dark);
  text-decoration: none;
  font-size: 15px;
  display: flex;
  padding: 5px 0.55rem;
  border-radius: 7px;
  transition: all 0.2s ease;
  position: relative;
  z-index: 1;
}
.tech-stack-list a:hover {
  color: var(--brand-primary);
  background: rgb(245 92 33 / 0.06);
  transform: translateX(2px);
}
.tech-stack-list a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f55c21' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
  margin-top: 5px;
  background-size: 12px;
}
.tech-stack-list a:hover::before {
  transform: scale(1.15) rotate(-5deg);
}
.bg-navy-custom {
  background-color: var(--navy-bg);
}
.bg-dark-section {
  background-color: var(--dark-bg);
}
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5 {
  color: var(--text-light);
}
.dark-mode p {
  color: var(--text-muted-light);
}
.text-brand {
  color: var(--brand-primary) !important;
}
.text-cyan {
  color: var(--brand-cyan) !important;
}
.fw-semibold {
  font-weight: 600;
}
.service-card02 {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
  border: 1px solid rgb(0 0 0 / 8%);
  box-shadow: 0 4px 15px rgb(0 0 0 / 3%);
  overflow: hidden;
}
.service-card02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.service-card02:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgb(0 0 0 / 7%);
}
.service-card02:hover::before {
  opacity: 1;
}
.icon-box-styled {
  flex: 0 0 55px;
  width: 55px;
  height: 55px;
  min-height: 55px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  background: rgb(255 255 255 / 0.05);
  color: var(--brand-cyan);
  border: 1px solid rgb(255 255 255 / 0.08);
} 

/* ===========================================
   ODD (1st, 3rd, 5th...)
=========================================== */

/* Default Icon */
.row > div:nth-child(odd) .service-card02 .icon-box-styled,
.row > div:nth-child(odd) .industry-card .industry-icon-wrap,
.row > div:nth-child(odd) .why-card02 .why-icon-box,

.owl-carousel .owl-item:nth-child(odd) .service-card02 .icon-box-styled,
.owl-carousel .owl-item:nth-child(odd) .industry-card .industry-icon-wrap,
.owl-carousel .owl-item:nth-child(odd) .why-card02 .why-icon-box,

.slider-inner-pages > .item:nth-child(odd) .service-card02 .icon-box-styled,
.slider-inner-pages > .item:nth-child(odd) .industry-card .industry-icon-wrap,
.slider-inner-pages > .item:nth-child(odd) .dark-card .dark-icon-box,
.slider-inner-pages > .item:nth-child(odd) .why-card02 .why-icon-box,
.row > div:nth-child(odd) .bento-card .bento-icon,
.owl-carousel .owl-item:nth-child(odd) .bento-card .bento-icon,
.slider-inner-pages > .item:nth-child(odd) .bento-card .bento-icon,
.row > div:nth-child(odd) .ed-service-card .ed-icon,
.owl-carousel .owl-item:nth-child(odd) .ed-service-card .ed-icon,
.slider-inner-pages > .item:nth-child(odd) .ed-service-card .ed-icon {
    background: rgb(255,239,232) !important;
    color: var(--brand-primary) !important;
}

/* Left Border */
.row > div:nth-child(odd) .service-card02::before,
.row > div:nth-child(odd) .industry-card::before,
.row > div:nth-child(odd) .why-card02::before,

.owl-carousel .owl-item:nth-child(odd) .service-card02::before,
.owl-carousel .owl-item:nth-child(odd) .industry-card::before,
.owl-carousel .owl-item:nth-child(odd) .why-card02::before,

.slider-inner-pages > .item:nth-child(odd) .service-card02::before,
.slider-inner-pages > .item:nth-child(odd) .industry-card::before,
.slider-inner-pages > .item:nth-child(odd) .dark-card::before,
.slider-inner-pages > .item:nth-child(odd) .why-card02::before,
.row > div:nth-child(odd) .bento-card::before,
.owl-carousel .owl-item:nth-child(odd) .bento-card::before,
.slider-inner-pages > .item:nth-child(odd) .bento-card::before,
.row > div:nth-child(odd) .ed-service-card::before,
.owl-carousel .owl-item:nth-child(odd) .ed-service-card::before,
.slider-inner-pages > .item:nth-child(odd) .ed-service-card::before {
    background: var(--brand-primary);
}

/* Hover Card */
.row > div:nth-child(odd) .service-card02:hover,
.row > div:nth-child(odd) .industry-card:hover,
.row > div:nth-child(odd) .why-card02:hover,

.owl-carousel .owl-item:nth-child(odd) .service-card02:hover,
.owl-carousel .owl-item:nth-child(odd) .industry-card:hover,
.owl-carousel .owl-item:nth-child(odd) .why-card02:hover,

.slider-inner-pages > .item:nth-child(odd) .service-card02:hover,
.slider-inner-pages > .item:nth-child(odd) .industry-card:hover,
.slider-inner-pages > .item:nth-child(odd) .dark-card:hover,
.slider-inner-pages > .item:nth-child(odd) .why-card02:hover,
.row > div:nth-child(odd) .ed-service-card:hover,
.owl-carousel .owl-item:nth-child(odd) .ed-service-card:hover,
.slider-inner-pages > .item:nth-child(odd) .ed-service-card:hover  {
    border-color: rgb(255 94 20 / 15%);
}

/* Hover Icon */
.row > div:nth-child(odd) .service-card02:hover .icon-box-styled,
.row > div:nth-child(odd) .industry-card:hover .industry-icon-wrap,
.row > div:nth-child(odd) .why-card02:hover .why-icon-box,

.owl-carousel .owl-item:nth-child(odd) .service-card02:hover .icon-box-styled,
.owl-carousel .owl-item:nth-child(odd) .industry-card:hover .industry-icon-wrap,
.owl-carousel .owl-item:nth-child(odd) .why-card02:hover .why-icon-box,

.slider-inner-pages > .item:nth-child(odd) .service-card02:hover .icon-box-styled,
.slider-inner-pages > .item:nth-child(odd) .industry-card:hover .industry-icon-wrap,
.slider-inner-pages > .item:nth-child(odd) .dark-card:hover .dark-icon-box,
.slider-inner-pages > .item:nth-child(odd) .why-card02:hover .why-icon-box,
.row > div:nth-child(odd) .bento-card:hover .bento-icon,
.owl-carousel .owl-item:nth-child(odd) .bento-card:hover .bento-icon,
.slider-inner-pages > .item:nth-child(odd) .bento-card:hover .bento-icon,
.row > div:nth-child(odd) .ed-service-card:hover .ed-icon,
.owl-carousel .owl-item:nth-child(odd) .ed-service-card:hover .ed-icon,
.slider-inner-pages > .item:nth-child(odd) .ed-service-card:hover .ed-icon {
    background: var(--brand-primary) !important;
    color: #fff !important;
    transform: scale(1.05);
}

/* Hover Title */
.row > div:nth-child(odd) .service-card02:hover .bento-title,
.row > div:nth-child(odd) .industry-card:hover .bento-title,
.row > div:nth-child(odd) .why-card02:hover .bento-title,

.owl-carousel .owl-item:nth-child(odd) .service-card02:hover .bento-title,
.owl-carousel .owl-item:nth-child(odd) .industry-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(odd) .why-card02:hover .bento-title,

.slider-inner-pages > .item:nth-child(odd) .service-card02:hover .bento-title,
.slider-inner-pages > .item:nth-child(odd) .industry-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(odd) .dark-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(odd) .why-card02:hover .bento-title ,
.row > div:nth-child(odd) .bento-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(odd) .bento-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(odd) .bento-card:hover .bento-title,
.row > div:nth-child(odd) .ed-service-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(odd) .ed-service-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(odd) .ed-service-card:hover .bento-title {
    color: var(--brand-primary);
}


/* ===========================================
   EVEN (2nd, 4th, 6th...)
=========================================== */

/* Default Icon */

/* Default Icon */
.row > div:nth-child(even) .service-card02 .icon-box-styled,
.row > div:nth-child(even) .industry-card .industry-icon-wrap,
.row > div:nth-child(even) .why-card02 .why-icon-box,

.row > div:nth-child(even) .bento-card .bento-icon,
.owl-carousel .owl-item:nth-child(even) .bento-card .bento-icon,
.slider-inner-pages > .item:nth-child(even) .bento-card .bento-icon,

.owl-carousel .owl-item:nth-child(even) .service-card02 .icon-box-styled,
.owl-carousel .owl-item:nth-child(even) .industry-card .industry-icon-wrap,
.owl-carousel .owl-item:nth-child(even) .why-card02 .why-icon-box,

.slider-inner-pages > .item:nth-child(even) .service-card02 .icon-box-styled,
.slider-inner-pages > .item:nth-child(even) .industry-card .industry-icon-wrap,
.slider-inner-pages > .item:nth-child(even) .dark-card .dark-icon-box,
.slider-inner-pages > .item:nth-child(even) .why-card02 .why-icon-box ,
.row > div:nth-child(even) .ed-service-card .ed-icon,
.owl-carousel .owl-item:nth-child(even) .ed-service-card .ed-icon,
.slider-inner-pages > .item:nth-child(even) .ed-service-card .ed-icon {
    background: rgb(227,255,255) !important;
    color: var(--brand-secondary) !important;

}

/* Left Border */
.row > div:nth-child(even) .service-card02::before,
.row > div:nth-child(even) .industry-card::before,
.row > div:nth-child(even) .why-card02::before,

.owl-carousel .owl-item:nth-child(even) .service-card02::before,
.owl-carousel .owl-item:nth-child(even) .industry-card::before,
.owl-carousel .owl-item:nth-child(even) .why-card02::before,

.slider-inner-pages > .item:nth-child(even) .service-card02::before,
.slider-inner-pages > .item:nth-child(even) .industry-card::before,
.slider-inner-pages > .item:nth-child(even) .dark-card::before,
.slider-inner-pages > .item:nth-child(even) .why-card02::before,

.row > div:nth-child(even) .bento-card::before,
.owl-carousel .owl-item:nth-child(even) .bento-card::before,
.slider-inner-pages > .item:nth-child(even) .bento-card::before,
.row > div:nth-child(even) .ed-service-card::before,
.owl-carousel .owl-item:nth-child(even) .ed-service-card::before,
.slider-inner-pages > .item:nth-child(even) .ed-service-card::before  {
    background: var(--brand-secondary);
}

/* Hover Card */
.row > div:nth-child(even) .service-card02:hover,
.row > div:nth-child(even) .industry-card:hover,
.row > div:nth-child(even) .why-card02:hover,

.owl-carousel .owl-item:nth-child(even) .service-card02:hover,
.owl-carousel .owl-item:nth-child(even) .industry-card:hover,
.owl-carousel .owl-item:nth-child(even) .why-card02:hover,

.slider-inner-pages > .item:nth-child(even) .service-card02:hover,
.slider-inner-pages > .item:nth-child(even) .industry-card:hover,
.slider-inner-pages > .item:nth-child(even) .dark-card:hover,
.slider-inner-pages > .item:nth-child(even) .why-card02:hover ,

.row > div:nth-child(even) .bento-card:hover,
.owl-carousel .owl-item:nth-child(even) .bento-card:hover,
.slider-inner-pages > .item:nth-child(even) .bento-card:hover,
.row > div:nth-child(even) .ed-service-card:hover,
.owl-carousel .owl-item:nth-child(even) .ed-service-card:hover,
.slider-inner-pages > .item:nth-child(even) .ed-service-card:hover {
    border-color: rgb(50 202 202 / 20%);
}



/* Hover Icon */
.row > div:nth-child(even) .service-card02:hover .icon-box-styled,
.row > div:nth-child(even) .industry-card:hover .industry-icon-wrap,
.row > div:nth-child(even) .why-card02:hover .why-icon-box,

.owl-carousel .owl-item:nth-child(even) .service-card02:hover .icon-box-styled,
.owl-carousel .owl-item:nth-child(even) .industry-card:hover .industry-icon-wrap,
.owl-carousel .owl-item:nth-child(even) .why-card02:hover .why-icon-box,

.slider-inner-pages > .item:nth-child(even) .service-card02:hover .icon-box-styled,
.slider-inner-pages > .item:nth-child(even) .industry-card:hover .industry-icon-wrap,
.slider-inner-pages > .item:nth-child(even) .dark-card:hover .dark-icon-box,
.slider-inner-pages > .item:nth-child(even) .why-card02:hover .why-icon-box,
.row > div:nth-child(even) .bento-card:hover .bento-icon,
.owl-carousel .owl-item:nth-child(even) .bento-card:hover .bento-icon,
.slider-inner-pages > .item:nth-child(even) .bento-card:hover .bento-icon,
.row > div:nth-child(even) .ed-service-card:hover .ed-icon,
.owl-carousel .owl-item:nth-child(even) .ed-service-card:hover .ed-icon,
.slider-inner-pages > .item:nth-child(even) .ed-service-card:hover .ed-icon  {
    background: var(--brand-secondary) !important;
    color: #fff !important;
    transform: scale(1.05);
}

/* Hover Title */
.row > div:nth-child(even) .service-card02:hover .bento-title,
.row > div:nth-child(even) .industry-card:hover .bento-title,
.row > div:nth-child(even) .why-card02:hover .bento-title,

.owl-carousel .owl-item:nth-child(even) .service-card02:hover .bento-title,
.owl-carousel .owl-item:nth-child(even) .industry-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(even) .why-card02:hover .bento-title,

.slider-inner-pages > .item:nth-child(even) .service-card02:hover .bento-title,
.slider-inner-pages > .item:nth-child(even) .industry-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(even) .dark-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(even) .why-card02:hover .bento-title,
.row > div:nth-child(even) .bento-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(even) .bento-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(even) .bento-card:hover .bento-title,
.row > div:nth-child(even) .ed-service-card:hover .bento-title,
.owl-carousel .owl-item:nth-child(even) .ed-service-card:hover .bento-title,
.slider-inner-pages > .item:nth-child(even) .ed-service-card:hover .bento-title  {
    color: var(--brand-secondary);
}
.dark-card {
  position: relative;
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s ease;
}
.dark-card:hover {
  border-color: var(--brand-cyan);
  transform: translateY(-3px);
}
.icon-box03 {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 20px;
}
.comparison-table th {
  background-color: var(--navy-bg);
  color: #fff;
  padding: 15px;
  font-weight: 600;
}
.comparison-table td {
  padding: 15px;
  vertical-align: middle;
}
.bg-light-bg {
  background-color: #f8fafc;
}
.check-list02 {
  list-style: none;
  padding-left: 0;
}
.check-list02 li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.check-list02 li::before {
  content: "\F26E";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--brand-primary);
  font-size: 18px;
}
.trending-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 0.06);
  border-radius: 12px;
  text-decoration: none;
  color: var(--heading-color);
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.02);
  height: 100%;
}
.trending-pill:hover {
  border-color: rgb(255 94 20 / 0.3);
  color: var(--brand-primary);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgb(255 94 20 / 0.1);
}
.trending-pill i {
  color: var(--text-muted);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.trending-pill:hover i {
  color: var(--brand-primary);
  transform: translateX(3px) translateY(-3px);
}
.platform-card {
  background: #fff;
  border-radius: 18px;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgb(0 0 0 / 0.06) !important;
  box-shadow: 0 10px 25px rgb(0 0 0 / 0.015);
}
.platform-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-secondary) !important;
  box-shadow: 0 15px 35px rgb(50 202 202 / 0.12);
}
.platform-icon-box {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgb(50 202 202 / 0.08);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transition: all 0.3s ease;
}
.platform-card:hover .platform-icon-box {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.05);
}
.dark-tech-card {
  background: rgb(255 255 255 / 0.02);
  border: 1px solid rgb(255 255 255 / 0.15);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.dark-tech-card:hover {
  background: rgb(255 255 255 / 0.04);
  border-color: var(--brand-primary);
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgb(255 94 20 / 0.15);
}
.tech-icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgb(255 94 20 / 0.1);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
}
.dark-tech-card:hover .tech-icon-circle {
  background: var(--brand-primary);
  color: #fff;
}
.dark-tech-card .tech-desc {
  color: #cbd5e1 !important;
  font-size: 0.88rem;
  line-height: 1.6;
  margin-top: 15px;
  margin-bottom: 0;
}
.check-list-modern {
  list-style: none;
  padding-left: 0;
}
.check-list-modern li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 7px;
  color: var(--para-color);
}
.check-list-modern li::before {
  content: "\F26E";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--brand-primary);
  font-size: 1.1rem;
}
.industry-tile {
  position: relative;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 0.05);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 9px 0px;
}
.industry-tile:hover {
  transform: translateY(-3px);
  border-color: var(--brand-primary);
  box-shadow: 0 10px 25px rgb(255 94 20 / 0.08);
}
.industry-tile i {
  font-size: 1.6rem;
  color: #fff;
  background: var(--brand-primary);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  flex-shrink: 0;
}
.text-muted-light {
  color: var(--text-muted-light);
}
.bento-title-sm {
  font-size: 17px;
}
.tech-badge-hero {
  background: rgba(255, 94, 20, 0.03);
  border: 1px solid rgba(255, 94, 20, 0.2);
  color: var(--brand-primary);
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}
.tech-table-name,
.why-card02 h3 {
  color: var(--text-dark);
  font-weight: 700;
}
.tech-table-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  transition: 0.3s;
  box-shadow: rgba(100, 100, 111, 0.1) 0 0 19px 0;
  height: 100%;
}
.tech-table-card:hover {
  border-color: var(--brand-primary);
  box-shadow: 0 12px 30px rgba(255, 94, 20, 0.06);
}
.tech-table-name {
  background: #f8fafc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px 14px 0 0;
  font-size: 1.05rem;
}
.solution-card02 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.015);
}
.solution-card02:hover {
  transform: translateY(-5px);
  border-color: var(--brand-secondary);
  box-shadow: 0 15px 35px rgba(50, 202, 202, 0.08);
}
.solution-icon-box {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.engagement-icon,
.why-icon-box {
  color: var(--brand-primary);
  display: flex;
  font-size: 24px;
}
.solution-card02:hover .solution-icon-box {
  background: var(--brand-secondary);
  color: #fff;
}
.compliance-wrapper-card {
  background: linear-gradient(135deg, var(--navy-bg) 0, var(--dark-bg) 100%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
}
.compliance-wrapper-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(255, 94, 20, 0.1) 0,
    transparent 70%
  );
  pointer-events: none;
}
.why-card02 {
  background: #fff;
  border-radius: 16px;
  padding: 35px 25px;
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
}
.why-card02:hover {
  transform: translateY(-6px);
  border-color: var(--brand-secondary) !important;
  box-shadow: 0 15px 35px rgba(255, 94, 20, 0.1);
}
.why-icon-box {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: var(--brand-primary);
  color: white;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
}
.why-card02:hover .why-icon-box {
  background: var(--brand-secondary);
  color: #fff;
  transform: scale(1.08);
}
.why-card02 h3 {
  margin-bottom: 12px;
  transition: color 0.3s;
}
.why-card02:hover h3 {
  color: var(--brand-secondary);
}
.why-desc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.why-desc-list li {
  font-size: 0.9rem;
  color: var(--text-muted-new);
  padding: 6px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.why-desc-list li:last-child {
  border-bottom: none;
}
.nft-t-img img {
  max-height: 83px;
}
.engagement-card {
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  height: 100%;
  transition: 0.3s;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.015);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.engagement-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-primary);
  box-shadow: 0 15px 35px rgba(255, 94, 20, 0.08);
}
.engagement-icon {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: var(--brand-primary);
  color: #fff;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.main-heading-modal,
.tagline-modal {
  position: relative;
  display: inline-block;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes floatLaptop {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes sparklePulse {
  0%,
  100% {
    transform: scale(1) rotate(0);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.2) rotate(15deg);
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(252, 211, 77, 0.8));
  }
}
@keyframes waveAnimation {
  0%,
  100%,
  60% {
    transform: rotate(0);
  }
  10%,
  30% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes iconBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
.cta-leftcol {
  background: linear-gradient(185deg, #2344af 0, #030c33 50%);
  color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 5px 0 0 5px;
}
.cta-leftcol .dot-pattern {
  position: absolute;
  opacity: 0.1;
  top: 20%;
  right: -20px;
}
.main-heading-modal {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -1px;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) forwards slideInLeft;
}
.main-heading-modal::after {
  content: "✨";
  position: absolute;
  top: -10px;
  right: -40px;
  font-size: 2rem;
  color: #fcd34d;
  transform-origin: center;
  animation: 2s ease-in-out infinite sparklePulse;
}
.sub-heading-modal {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 10px;
  opacity: 0;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0.15s forwards slideInLeft;
}
.wave-emoji {
  display: inline-block;
  transform-origin: 70% 70%;
  animation: 2.5s infinite waveAnimation;
}
.text-purple {
  color: #a78bfa;
}
.text-cyan2 {
  color: #22d3ee;
}
.tagline-modal {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 20px;
  opacity: 0;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s forwards slideInLeft;
}
.tagline-modal::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #10b981;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0.6s forwards slideInLeft;
}
.feature-card-modal {
  border-radius: 16px;
  padding: 10px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition:
    transform 0.3s,
    background 0.3s;
  opacity: 0;
}
.feature-card-modal:first-child {
  animation: 0.5s ease-out 0.4s forwards fadeInUp;
}
.feature-card-modal:nth-child(2) {
  animation: 0.5s ease-out 0.5s forwards fadeInUp;
}
.feature-card-modal:nth-child(3) {
  animation: 0.5s ease-out 0.6s forwards fadeInUp;
}
.feature-icon-wrapper-modal i {
  animation: 2.5s ease-in-out infinite iconBounce;
}
.feature-card-modal:first-child .feature-icon-wrapper-modal i {
  animation-delay: 0s;
}
.feature-card-modal:nth-child(2) .feature-icon-wrapper-modal i {
  animation-delay: 0.2s;
}
.feature-card-modal:nth-child(3) .feature-icon-wrapper-modal i {
  animation-delay: 0.4s;
}
.feature-card-modal:hover {
  transform: translateX(10px) translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
}
.feature-icon-wrapper-modal {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.icon-bg-purple {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
}
.icon-bg-blue {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}
.icon-bg-green {
  background: linear-gradient(135deg, #10b981, #047857);
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
}
.feature-text-modal span {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.feature-text-modal p {
  font-size: 0.8rem;
  color: #94a3b8;
  margin: 0;
}
.laptop-area {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.ai-visual-area,
.features-list-modal {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
@media (max-width: 991px) {
  .cta-leftcol {
    border-radius: 5px 5px 0 0;
  }
  .laptop-area {
    display: none;
  }
}
.main-title-modal {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}
.subtitles-modal {
  color: #cacfd6;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 40px;
}
.ai-visual-area {
  margin-top: auto;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-platform {
  position: absolute;
  bottom: 20px;
  width: 200px;
  height: 60px;
  background: radial-gradient(
    ellipse at center,
    rgba(59, 130, 246, 0.2) 0,
    transparent 70%
  );
  border-radius: 50%;
  border: 1px solid rgba(59, 130, 246, 0.3);
  transform: rotateX(70deg);
  box-shadow: 0 0 30px rgba(59, 130, 246, 0.2);
}
.ai-cube,
.ai-floating-group {
  align-items: center;
  position: relative;
  display: flex;
}
.ai-platform::after {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  border: 1px dashed rgba(6, 182, 212, 0.4);
  animation: 20s linear infinite spinSlow;
}
.ai-floating-group {
  justify-content: center;
  animation: 4s ease-in-out infinite floatEffect;
  z-index: 5;
}
.ai-cube {
  width: 120px;
  height: 120px;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.9),
    rgba(147, 51, 234, 0.8)
  );
  border-radius: 50%;
  justify-content: center;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  animation: 3s infinite pulseGlow;
  z-index: 10;
  box-shadow:
    inset 0 0 30px rgba(255, 255, 255, 0.6),
    0 15px 40px rgba(59, 130, 246, 0.6);
}
.orbit-icon {
  position: absolute;
  background: rgba(15, 23, 42, 0.9);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  animation: 12s linear infinite orbitAnimmm;
  z-index: 8;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes floatEffect {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes pulseGlow {
  0%,
  100% {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
  }
  50% {
    box-shadow: 0 0 40px rgba(59, 130, 246, 0.8);
  }
}
@keyframes spinSlow {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes orbitAnimmm {
  0% {
    transform: rotate(0) translateX(95px) rotate(0);
  }
  100% {
    transform: rotate(360deg) translateX(95px) rotate(-360deg);
  }
}
.orbit-1 {
  color: #06b6d4;
  border: 1px solid rgba(6, 182, 212, 0.4);
  animation-delay: 0s;
}
.orbit-2 {
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.4);
  animation-delay: -3s;
}
.orbit-3 {
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.4);
  animation-delay: -6s;
}
.orbit-4 {
  color: #a855f7;
  border: 1px solid rgba(168, 85, 247, 0.4);
  animation-delay: -9s;
}
.nftimg1 {
  background:
    linear-gradient(rgb(6 11 23 / 0.75), rgb(6 11 23 / 0.85)),
    url(../img/nftimg01.jpg) center/cover no-repeat fixed;
}
.nftimg2 {
  background:
    linear-gradient(rgb(6 11 23 / 0.75), rgb(6 11 23 / 0.85)),
    url(../img/nftimg02.jpg) center/cover no-repeat fixed;
}
.nftimg3 {
  background:
    linear-gradient(rgb(6 11 23 / 0.75), rgb(6 11 23 / 0.85)),
    url(../img/nftimg03.jpg) center/cover no-repeat fixed;
}
.nftimg4 {
  background:
    linear-gradient(rgb(6 11 23 / 0.85), rgb(6 11 23 / 0.85)),
    url(../img/nftbg1.jpg) center/cover no-repeat fixed;
}
.dark-card .bento-title {
  color: var(--text-light);
  transition: color 0.3s ease;
}
.dark-card:hover .bento-title {
  color: var(--brand-cyan);
}
.dark-icon-box {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: rgb(255 255 255 / 0.05);
  color: var(--brand-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 24px;
  border: 1px solid rgb(255 255 255 / 0.08);
  transition: all 0.3s ease;
}
.dark-card:hover .dark-icon-box {
  background: rgb(0 240 255 / 0.15);
  color: var(--brand-cyan);
  border-color: rgb(0 240 255 / 0.3);
  transform: scale(1.08) rotate(-5deg);
}
.text-light-new {
  color: var(--text-muted-lightnew);
}
.platform-card:hover .bento-title {
  color: var(--brand-secondary);
}
.platform-img-box {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.platform-img-box img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.platform-card:hover .platform-img-box img {
  transform: scale(1.1);
}
.bento-title a {
  color: var(--heading-color);
}
.check-list-modern.two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 2rem;
}
@media (max-width: 768px) {
  .check-list-modern.two-cols {
    grid-template-columns: 1fr;
  }
}
.dark-card .check-list-modern li {
  color: #cbd5e1;
}
.dark-card .check-list-modern li::before {
  color: var(--brand-cyan);
}
.nav-pills-custom .nav-link {
  color: #cbd5e1;
  background: rgb(255 255 255 / 0.03);
  border: 1px solid rgb(255 255 255 / 0.2);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  padding: 0.7rem 1.5rem !important;
  border-radius: 50px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.nav-pills-custom .nav-link:hover {
  border-color: rgb(0 240 255 / 0.3);
  color: var(--text-light);
  background: rgb(255 255 255 / 0.06);
}
.nav-pills-custom .nav-link.active {
  background: rgb(0 240 255 / 0.1);
  color: var(--brand-cyan);
  border-color: var(--brand-cyan);
  box-shadow: 0 0 20px rgb(0 240 255 / 0.1);
}
.nav-pills-custom .nav-link i {
  font-size: 1.25rem;
}
.cost-form .get_quote_field input {
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  color: #94a3b8;
  box-shadow: none;
  padding: 0.375rem 0.75rem;
}
.cost-form .get_quote_field.wpcf7-form-control-wrapbudget_range .form-control {
  background-color: #fff !important;
}
.alcohalbg1 {
  border-color: rgb(255 255 255 / 0.05) !important;
  background-image:
    linear-gradient(rgb(6 11 23 / 0.75), rgb(6 11 23 / 0.85)),
    url(../img/alcohalbg1.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.alcohalbg2 {
  border-color: rgb(255 255 255 / 0.05) !important;
  background-image:
    linear-gradient(rgb(6 11 23 / 0.75), rgb(6 11 23 / 0.85)),
    url(../img/alcohalbg2.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.ottbg1 {
  border-color: rgb(255 255 255 / 0.05) !important;
  background:
    linear-gradient(rgb(6 11 23 / 0.8), rgb(6 11 23 / 0.95)),
    url(../img/ottbg1.jpg) center/cover no-repeat fixed;
}
.ottbg2 {
  border-color: rgb(255 255 255 / 0.05) !important;
  background:
    linear-gradient(rgb(6 11 23 / 0.8), rgb(6 11 23 / 0.95)),
    url(../img/ottbg2.jpg) center/cover no-repeat fixed;
}
.aiondemandbg {
  background:
    linear-gradient(rgb(6 11 23 / 0.8), rgb(6 11 23 / 0.95)),
    url(../img/ai-ondemandapp.jpg) center/cover no-repeat fixed;
}
.numbered-card {
  background: rgb(13 20 36 / 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 16px;
  padding: 30px 24px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.numbered-card:hover {
  border-color: rgb(0 240 255 / 0.3);
  transform: translateY(-6px);
  background: rgb(13 20 36 / 0.85);
}
.num-badge {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--brand-cyan);
  background: rgb(0 240 255 / 0.1);
  border: 1px solid rgb(0 240 255 / 0.2);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.numbered-card:hover .num-badge {
  background: var(--brand-cyan);
  color: var(--dark-bg);
}
.numbered-card .bento-title {
  color: var(--text-light);
  margin-bottom: 10px;
  font-size: 1.15rem;
}
.numbered-card:hover .bento-title {
  color: var(--brand-cyan);
}
.numbered-card p {
  color: #cbd5e1;
  font-size: 0.95rem;
  margin-bottom: 0;
  line-height: 1.6;
}
.ai-section .aiTitle {
  height: auto !important;
}
.numbered-card-light {
  background: #fff;
  border-radius: 16px;
  padding: 30px 24px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  border: 1px solid rgb(0 0 0 / 0.05);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.02);
}
.numbered-card-light:hover {
  border-color: rgb(255 94 20 / 0.2);
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgb(0 0 0 / 0.05);
}
.num-badge-light {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--brand-primary);
  background: rgb(255 94 20 / 0.08);
  border: 1px solid rgb(255 94 20 / 0.15);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.numbered-card-light:hover .num-badge-light {
  background: var(--brand-primary);
  color: #fff;
}
.numbered-card-light .bento-title {
  color: var(--heading-color);
  margin-bottom: 10px;
}
.numbered-card-light:hover .bento-title {
  color: var(--brand-primary);
}
.numbered-card-light p {
  margin-bottom: 0;
}
.image-cover-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.15);
}
.image-cover-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.7s ease;
}
.image-cover-wrapper:hover img {
  transform: scale(1.05);
}
@media (max-width: 991px) {
  .image-cover-wrapper {
    min-height: 350px;
  }
}
.abs-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-stats-row {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgb(0 0 0 / 0.06);
}
.hero-stat-item {
  text-align: center;
  flex: 1;
}
.hero-stat-item h3,
.hero-stat-item .hs-text {
  color: var(--brand-primary);
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 0.2rem;
  line-height: 1;
}
.hero-stat-item p {
  color: #64748b;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.hero-stat-divider {
  width: 1px;
  height: 50px;
  background-color: rgb(0 0 0 / 0.08);
}
@media (max-width: 768px) {
  .hero-stat-divider {
    display: none;
  }
  .hero-stats-row {
    flex-direction: column;
    gap: 2rem;
  }
}
.ultra-card {
  background: #fff;
  border-radius: 24px;
  padding: 12px;
  box-shadow: 0 4px 20px rgb(0 0 0 / 0.03);
  border: 1px solid rgb(0 0 0 / 0.04);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ultra-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgb(255 94 20 / 0.08);
  border-color: rgb(255 94 20 / 0.15);
}
.ultra-media {
  position: relative;
  width: 100%;
  height: 240px;
  margin-bottom: 32px;
}
.ultra-media-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.ultra-media-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.ultra-media-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgb(0 0 0 / 0.4) 0%, transparent 60%);
  pointer-events: none;
}
.ultra-card:hover .ultra-media-inner img {
  transform: scale(1.1);
}
.ultra-icon {
  position: absolute;
  bottom: -24px;
  right: 24px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  border: 5px solid #fff;
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.3);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}
.ultra-card:hover .ultra-icon {
  background: var(--heading-color);
  transform: rotate(-10deg) scale(1.05);
  box-shadow: 0 12px 25px rgb(0 2 72 / 0.25);
}
.ultra-content {
  padding: 0 12px 12px 12px;
  flex-grow: 1;
}
.ultra-card .bento-title {
  font-size: 1.35rem;
  transition: color 0.3s;
}
.ultra-card:hover .bento-title {
  color: var(--brand-primary);
}
.ultra-card p {
  color: var(--para-color);
  margin-bottom: 0;
  line-height: 1.6;
}
.owb-ind-col {
  gap: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.owb-ind-card {
  background: #fff;
  border-radius: 24px;
  padding: 30px 25px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s ease;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.04);
  border: 1px solid rgb(0 0 0 / 0.03);
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.owb-ind-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.12);
  border-color: #fff0;
}
.owb-card-bg {
  position: absolute;
  top: 30px;
  left: 25px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  z-index: -1;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.owb-ind-col .owb-ind-card:nth-child(1) .owb-card-bg {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #ff8a00 100%);
}
.owb-ind-col .owb-ind-card:nth-child(2) .owb-card-bg {
  background: linear-gradient(135deg, var(--brand-secondary) 0%, #007777 100%);
}
.owb-ind-card:hover .owb-card-bg {
  transform: scale(25);
}
.owb-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(
    -45deg,
    rgb(255 255 255 / 0.04) 0,
    rgb(255 255 255 / 0.04) 1px,
    transparent 1px,
    transparent 16px
  );
  background-size: 24px 24px;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  overflow: hidden;
  border-radius: 24px;
}
.owb-card-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    to right,
    #fff0 0%,
    rgb(255 255 255 / 0.2) 50%,
    #fff0 100%
  );
  transform: skewX(-25deg);
}
.owb-card-overlay::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 140px;
  height: 140px;
  background: radial-gradient(
    circle,
    rgb(255 255 255 / 0.25) 0%,
    transparent 70%
  );
  border-radius: 50%;
  opacity: 0;
}
.owb-ind-card:hover .owb-card-overlay {
  opacity: 1;
  animation: panDiagonal 20s linear infinite;
}
.owb-ind-card:hover .owb-card-overlay::before {
  animation: glassShine 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.owb-ind-card:hover .owb-card-overlay::after {
  opacity: 1;
  animation: floatAmbient 4s ease-in-out infinite alternate;
}
@keyframes panDiagonal {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes glassShine {
  0% {
    left: -150%;
  }
  25% {
    left: 200%;
  }
  100% {
    left: 200%;
  }
}
@keyframes floatAmbient {
  0% {
    transform: scale(0.8) translate(0, 0);
  }
  100% {
    transform: scale(1.4) translate(-20px, 20px);
  }
}
.owb-card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.owb-icon-wrap {
  width: 65px;
  height: 65px;
  margin-bottom: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  flex-shrink: 0;
}
.owb-icon-wrap a {
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.owb-ind-card .ind_name {
  font-size: 1.3rem;
  margin: 0 0 15px 0;
  line-height: 1.3;
}
.owb-ind-card .ind_name a {
  color: var(--heading-color);
  text-decoration: none;
  transition: color 0.4s ease;
}
.owb-ind-card p {
  font-size: 0.95rem;
  margin-bottom: 0;
  color: var(--para-color);
  line-height: 1.6;
  transition: color 0.4s ease;
}
.owb-ind-card:hover .ind_name a,
.owb-ind-card:hover p {
  color: #fff;
}
.hiring-card-animated {
  background: #fff;
  border-radius: 24px;
  padding: 40px 30px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgb(0 0 0 / 0.15);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.hiring-card-animated::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--brand-primary),
    var(--brand-secondary)
  );
  transform: scaleX(0);
  transition: transform 0.4s ease;
  transform-origin: left;
}
.hiring-card-animated:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgb(255 94 20 / 0.1);
  border-color: rgb(255 94 20 / 0.2);
}
.hiring-card-animated:hover::before {
  transform: scaleX(1);
}
.hiring-icon-wrap {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  position: relative;
  transition: all 0.4s ease;
}
.hiring-icon-wrap svg {
  width: 40px;
  height: 40px;
  stroke: #fff;
  stroke-width: 1.5;
  fill: none;
  transition: all 0.4s ease;
}
.hiring-card-animated:hover .hiring-icon-wrap svg {
  stroke: #fff;
}
.hiring-card-animated:hover .hiring-icon-wrap {
  background: var(--brand-primary);
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.3);
}
.hiring-badge-modern {
  background: #f8fafc;
  color: var(--brand-primary);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  border: 1px solid rgb(0 0 0 / 0.05);
  transition: all 0.3s ease;
}
.hiring-card-animated:hover .hiring-badge-modern {
  background: rgb(255 94 20 / 0.1);
  color: var(--brand-primary);
  border-color: rgb(255 94 20 / 0.2);
}
.hiring-card-animated:hover .svg-anim-bounce {
  animation: bounceIcon 1s ease infinite alternate;
}
.hiring-card-animated:hover .svg-anim-spin {
  animation: spinHand 3s linear infinite;
}
.hiring-card-animated:hover .svg-anim-pulse {
  animation: pulseIcon 1.5s ease infinite;
}
.hiring-card-animated:hover .svg-anim-shake {
  animation: shakeIcon 0.5s ease-in-out infinite;
}
@keyframes bounceIcon {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes spinHand {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulseIcon {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shakeIcon {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px) rotate(-5deg);
  }
  75% {
    transform: translateX(3px) rotate(5deg);
  }
}
.blockchain-anim-wrapper {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  perspective: 1200px;
}
.blockchain-svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.crystal-top {
  animation: levitateTop 6s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  transform-origin: 250px 250px;
}
.crystal-bottom {
  animation: levitateBottom 6s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  transform-origin: 250px 250px;
}
.energy-core {
  animation: pulseEnergy 2s ease-in-out infinite alternate;
  transform-origin: 250px 250px;
}
.circuit-stream {
  stroke-dasharray: 15 30;
  animation: dataLaser 1.5s linear infinite;
}
.circuit-stream.reverse {
  animation: dataLaserReverse 2s linear infinite;
}
.circuit-stream.fast {
  stroke-dasharray: 40 80;
  animation: dataLaser 0.8s linear infinite;
}
.orbital-ring {
  animation: spinRing 20s linear infinite;
  transform-origin: center;
}
.orbital-ring.reverse {
  animation: spinRingReverse 25s linear infinite;
}
.node-shield {
  animation: shieldPulse 4s infinite alternate;
  transform-origin: center;
}
.node-1 {
  transform-origin: 100px 150px;
}
.node-2 {
  transform-origin: 400px 150px;
}
.node-3 {
  transform-origin: 100px 350px;
}
.node-4 {
  transform-origin: 400px 350px;
}
@keyframes levitateTop {
  0%,
  10% {
    transform: translateY(0) rotateX(0deg);
  }
  90%,
  100% {
    transform: translateY(-25px) rotateX(5deg) scale(1.05);
  }
}
@keyframes levitateBottom {
  0%,
  10% {
    transform: translateY(0) rotateX(0deg);
  }
  90%,
  100% {
    transform: translateY(25px) rotateX(-5deg) scale(1.05);
  }
}
@keyframes pulseEnergy {
  0% {
    transform: scale(0.8);
    opacity: 0.6;
    filter: blur(4px) drop-shadow(0 0 10px var(--brand-cyan));
  }
  100% {
    transform: scale(1.3);
    opacity: 1;
    filter: blur(2px) drop-shadow(0 0 30px var(--brand-cyan));
  }
}
@keyframes dataLaser {
  to {
    stroke-dashoffset: -90;
  }
}
@keyframes dataLaserReverse {
  to {
    stroke-dashoffset: 90;
  }
}
@keyframes spinRing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinRingReverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes shieldPulse {
  0% {
    transform: scale(0.9);
    opacity: 0.5;
    stroke-width: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
    stroke-width: 4;
  }
}
.reason-creative-card {
  background: linear-gradient(145deg, #0a1128 0%, #030712 100%);
  border-radius: 24px;
  padding: 40px 35px;
  position: relative;
  overflow: hidden;
  height: 100%;
  border: 1px solid rgb(255 255 255 / 0.05);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.reason-creative-card::before {
  content: attr(data-num);
  position: absolute;
  right: 10px;
  bottom: -35px;
  font-size: 200px;
  font-weight: 900;
  color: rgb(255 255 255 / 0.02);
  line-height: 1;
  z-index: -1;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.reason-creative-card:hover {
  transform: translateY(-10px);
  box-shadow:
    0 20px 40px rgb(0 0 0 / 0.5),
    0 0 30px rgb(255 94 20 / 0.1);
  border-color: rgb(255 94 20 / 0.3);
}
.reason-creative-card:hover::before {
  color: rgb(255 94 20 / 0.05);
  transform: scale(1.1) translate(-10px, -10px);
}
.reason-creative-card .icon-wrapper {
  width: 65px;
  height: 65px;
  border-radius: 16px;
  background: rgb(255 255 255 / 0.03);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 30px;
  transition: all 0.5s ease;
  border: 1px solid rgb(255 255 255 / 0.08);
}
.reason-creative-card:hover .icon-wrapper {
  background: var(--brand-primary);
  color: #fff;
  border-color: var(--brand-primary);
  box-shadow: 0 15px 30px rgb(255 94 20 / 0.4);
  transform: scale(1.1) rotate(5deg);
}
.reason-creative-card .bento-title {
  color: #f8fafc;
  font-size: 1.4rem;
  margin-bottom: 15px;
  font-weight: 700;
  transition: color 0.3s;
}
.reason-creative-card:hover .bento-title {
  color: var(--brand-primary);
}
.reason-creative-card p {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0;
}
.cyber-process-section {
  background-color: var(--dark-bg);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgb(255 255 255 / 0.3);
}
.cyber-process-section::before {
  content: "";
  position: absolute;
  top: -30%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgb(0 240 255 / 0.08) 0%,
    transparent 70%
  );
  border-radius: 50%;
  pointer-events: none;
}
.cyber-process-section::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgb(255 94 20 / 0.08) 0%,
    transparent 70%
  );
  border-radius: 50%;
  pointer-events: none;
}
.cyber-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  position: relative;
  z-index: 2;
  margin-top: 60px;
}
.cyber-line {
  position: absolute;
  top: 50%;
  left: 2%;
  right: 2%;
  height: 2px;
  background: linear-gradient(
    90deg,
    #fff0,
    var(--brand-cyan) 20%,
    var(--brand-primary) 80%,
    #fff0
  );
  z-index: 1;
  transform: translateY(-50%);
  box-shadow: 0 0 15px rgb(0 240 255 / 0.4);
}
.cyber-col {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.cyber-card-wrap {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.cyber-card-wrap.up {
  justify-content: flex-end;
  padding-bottom: 25px;
}
.cyber-card-wrap.down {
  justify-content: flex-start;
  padding-top: 25px;
}
.cyber-spacer {
  flex: 1;
}
.cyber-node {
  width: 55px;
  height: 55px;
  background: var(--dark-bg);
  border: 2px solid var(--brand-cyan);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--brand-cyan);
  z-index: 3;
  box-shadow:
    0 0 15px rgb(0 240 255 / 0.15) inset,
    0 0 15px rgb(0 240 255 / 0.2);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transform: rotate(45deg);
  margin: 0 auto;
}
.cyber-node i {
  transform: rotate(-45deg);
  transition: all 0.4s ease;
}
.cyber-node.alt {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow:
    0 0 15px rgb(255 94 20 / 0.15) inset,
    0 0 15px rgb(255 94 20 / 0.2);
}
.cyber-stem {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 25px;
  z-index: 1;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}
.cyber-card-wrap.up .cyber-stem {
  bottom: 0;
  background-image: linear-gradient(
    to bottom,
    var(--brand-cyan) 50%,
    transparent 50%
  );
  background-size: 2px 12px;
  background-repeat: repeat-y;
}
.cyber-card-wrap.down .cyber-stem {
  top: 0;
  background-image: linear-gradient(
    to bottom,
    var(--brand-primary) 50%,
    transparent 50%
  );
  background-size: 2px 12px;
  background-repeat: repeat-y;
}
.cyber-card {
  background: rgb(13 20 36 / 0.5);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(0 240 255 / 0.25);
  border-radius: 20px;
  padding: 35px 25px;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.3);
  height: 100%;
}
.cyber-card-wrap.down .cyber-card {
  border-color: rgb(255 94 20 / 0.25);
}
.cyber-card::before {
  content: attr(data-step);
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 70px;
  font-weight: 900;
  color: rgb(255 255 255 / 0.02);
  line-height: 1;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  z-index: 0;
}
.cyber-card * {
  position: relative;
  z-index: 1;
}
.cyber-col:hover .cyber-card {
  transform: translateY(-8px);
  background: rgb(13 20 36 / 0.85);
}
.cyber-col:nth-child(odd):hover .cyber-card {
  border-color: rgb(0 240 255 / 0.5);
  box-shadow:
    0 20px 40px rgb(0 0 0 / 0.6),
    0 0 25px rgb(0 240 255 / 0.1);
}
.cyber-col:nth-child(even):hover .cyber-card {
  border-color: rgb(255 94 20 / 0.5);
  box-shadow:
    0 20px 40px rgb(0 0 0 / 0.6),
    0 0 25px rgb(255 94 20 / 0.1);
}
.cyber-col:hover .cyber-card::before {
  color: rgb(255 255 255 / 0.06);
  transform: scale(1.1) rotate(-5deg);
}
.cyber-col:hover .cyber-node {
  transform: rotate(45deg) scale(1.15);
  background: rgb(255 255 255 / 0.05);
}
.cyber-col:nth-child(odd):hover .cyber-node {
  box-shadow: 0 0 25px rgb(0 240 255 / 0.4);
}
.cyber-col:nth-child(even):hover .cyber-node {
  box-shadow: 0 0 25px rgb(255 94 20 / 0.4);
}
.cyber-col:hover .cyber-stem {
  opacity: 1;
}
@media (max-width: 991px) {
  .cyber-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-left: 25px;
    margin-top: 40px;
  }
  .cyber-line {
    top: 0;
    bottom: 0;
    left: 47px;
    width: 2px;
    height: 100%;
    background: linear-gradient(
      to bottom,
      #fff0,
      var(--brand-cyan) 20%,
      var(--brand-primary) 80%,
      #fff0
    );
    transform: none;
  }
  .cyber-col {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .cyber-spacer {
    display: none;
  }
  .cyber-card-wrap,
  .cyber-card-wrap.up,
  .cyber-card-wrap.down {
    padding: 0 0 0 45px;
    width: 100%;
    flex: 1;
  }
  .cyber-node {
    position: absolute;
    left: -68px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin: 0;
  }
  .cyber-col:hover .cyber-node {
    transform: translateY(-50%) rotate(45deg) scale(1.15);
  }
  .cyber-stem {
    display: none;
  }
}
.dating-anim-phone-1 {
  animation: floatPhone1 6s ease-in-out infinite;
  transform-origin: center;
}
.dating-anim-phone-2 {
  animation: floatPhone2 7s ease-in-out infinite;
  transform-origin: center;
}
.dating-anim-match-bubble {
  animation: popBubble 4s ease-in-out infinite alternate;
  transform-origin: 300px 280px;
}
.dating-anim-float-heart-1 {
  animation: floatUpHeart 5s linear infinite;
}
.dating-anim-float-heart-2 {
  animation: floatUpHeart 6s linear infinite;
  animation-delay: 2s;
}
.dating-anim-pulse-bg {
  animation: pulseBg 4s ease-in-out infinite alternate;
  transform-origin: center;
}
.dating-anim-dash {
  stroke-dasharray: 10;
  animation: dashMove 20s linear infinite;
}
@keyframes floatPhone1 {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(2deg);
  }
}
@keyframes floatPhone2 {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(20px) rotate(-2deg);
  }
}
@keyframes popBubble {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.15);
    filter: drop-shadow(0 10px 20px rgb(255 94 20 / 0.4));
  }
}
@keyframes floatUpHeart {
  0% {
    transform: translateY(20px) scale(0);
    opacity: 0;
  }
  20% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  80% {
    transform: translateY(-60px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(-80px) scale(0.5);
    opacity: 0;
  }
}
@keyframes pulseBg {
  0% {
    transform: scale(0.95);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes dashMove {
  to {
    stroke-dashoffset: -1000;
  }
}
.dating-svg-wrapper {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}
.tech-badge-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-top: 36px;
}
.device-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.device-list li {
  padding: 4px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 0.06);
  color: var(--para-color);
  font-size: 0.95rem;
  display: flex;
  gap: 10px;
}
.device-list li:last-child {
  border-bottom: none;
}
.device-list li i {
  color: var(--brand-secondary);
  font-size: 1.1rem;
}
.outcome-badge {
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid rgb(255 255 255 / 0.05);
  font-size: 0.85rem;
  color: var(--brand-secondary);
  font-weight: 600;
}
.fs-7 {
  font-size: 14px;
}
.color-purple {
  color: #8319da;
}
.color-new {
  color: #11bce3;
}
.obcontactForm .contryList input[type="tel"] {
  border-radius: 7px 7px 7px 7px !important;
}
.light-theme .nav-link {
  border-color: rgb(0 0 0 / 0.1);
  background: #fff;
  color: var(--heading-color);
}
.light-theme .nav-link.active,
.light-theme .nav-link:hover:not(.active) {
  background: rgb(255 94 20 / 0.05);
  color: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: none;
}
.light-theme .nav-link:hover:not(.active) {
  background: #f8fafc;
}
.pricing-tier-card {
  background: #fff;
  border: 1px solid rgb(0 0 0 / 0.08);
  border-radius: 16px;
  padding: 35px 25px;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pricing-tier-card:hover {
  border-color: var(--brand-primary);
  box-shadow: 0 15px 35px rgb(255 94 20 / 0.1);
  transform: translateY(-5px);
}
.pricing-cost {
  font-size: 2rem;
  font-weight: 800;
  color: var(--brand-primary);
  margin: 15px 0;
}
.pricing-meta {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed rgb(0 0 0 / 0.1);
}
.pricing-meta div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 0.95rem;
  color: #64748b;
}
.sitemap-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 3rem;
}
.toc {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 3rem;
}
.toc a {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  color: #435d82;
  padding: 0.4rem 1rem;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
.toc a:hover,
.toc a:focus {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  outline: none;
}
.sitemap-wrapper a:hover,
.sitemap-wrapper a:focus {
  color: var(--brand-primary);
}
.sitemap-card {
  background-color: rgb(255 255 255 / 0.5);
  border-radius: 12px;
  border: none;
  border-top: 4px solid var(--brand-primary);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.03);
  margin-bottom: 2rem;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  scroll-margin-top: 120px;
}
.sitemap-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgb(0 0 0 / 0.06);
}
.card-header-custom {
  padding: 1rem 1rem;
  border-bottom: 1px solid #d8e0ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-header-left {
  display: flex;
  align-items: center;
}
.icon-box-smap {
  background-color: var(--icon-box-smap-bg);
  color: var(--brand-primary);
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-right: 1.25rem;
}
.card-header-custom h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--brand-primary);
}
.section-desc-smap {
  margin: 0;
  font-size: 0.85rem;
  color: #5b7395;
  margin-top: 2px;
}
.page-count {
  font-size: 0.85rem;
  color: var(--brand-primary);
  background: rgb(255 94 20 / 0.08);
  padding: 0.4rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
}
.sitemap-wrapper .card-body {
  padding: 2rem;
}
.subsection {
  padding: 1.5rem 2rem;
  border-bottom: 1px dashed var(--border-light);
}
.subsection:last-child {
  border-bottom: none;
}
.subsection-title {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #818d9e;
  margin-bottom: 1.25rem;
  font-weight: 600;
}
.link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 7px 1rem;
}
.link-grid a {
  color: var(--text-dark);
  text-decoration: none;
  font-size: 15px;
  transition: all 0.2s ease;
  display: flex;
  align-items: flex-start;
}
.link-grid a::before {
  content: "\F470";
  font-family: "bootstrap-icons";
  color: var(--brand-primary);
  margin-right: 10px;
  font-size: 1.2rem;
  line-height: 1;
  transition: transform 0.2s ease;
  margin-top: 4px;
}
.link-grid a:hover {
  color: var(--brand-primary);
}
.link-grid a:hover::before {
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .card-header-custom {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .page-count {
    align-self: flex-start;
  }
  .subsection {
    padding: 1.5rem 1rem;
  }
  .sitemap-wrapper .card-body {
    padding: 1.5rem 1rem;
  }
}
.ai-section .hd-1 {
  color: #fff;
}
.glass-glow {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background: linear-gradient(to right, #ff6b00, #ca8a04);
  border-radius: 1.5rem;
  filter: blur(20px);
  opacity: 0.2;
  transition:
    opacity 1s,
    transition-duration 0.2s;
  z-index: -1;
}
.tech-section-wrapper {
  position: relative;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 1px solid rgb(0 0 0 / 0.05);
  overflow: hidden;
}
.tech-section-wrapper::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(
    circle,
    rgb(50 202 202 / 0.05) 0%,
    transparent 70%
  );
  border-radius: 50%;
}
.tech-logo-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
}
.tech-logo-item {
  width: 130px;
  height: 130px;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.03);
  border: 1px solid rgb(0 0 0 / 0.04);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  z-index: 1;
}
.tech-logo-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  background: linear-gradient(
    135deg,
    rgb(255 94 20 / 0.05) 0%,
    rgb(50 202 202 / 0.05) 100%
  );
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease;
}
.tech-logo-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgb(255 94 20 / 0.12);
  border-color: rgb(255 94 20 / 0.2);
}
.tech-logo-item:hover::after {
  opacity: 1;
}
.tech-logo-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.4s ease;
}
.tech-logo-item:hover img {
  transform: scale(1.1);
}
@media (min-width: 1200px) {
  .heroContent .obcontactForm {
    width: 500px;
  }
}
.global-presence-section {
  background: #030712;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgb(255 255 255 / 0.05);
}
.global-presence-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(
    rgb(255 255 255 / 0.15) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  opacity: 0.4;
  z-index: 0;
}
.global-presence-section::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle,
    rgb(50 202 202 / 0.1) 0%,
    transparent 60%
  );
  z-index: 0;
}
.country-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  color: #f8fafc;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}
.country-pill:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.3);
}
.core-float {
  animation: coreFloat 5s ease-in-out infinite;
  transform-origin: 400px 400px;
}
.node-float-1 {
  animation: nodeFloat1 4s ease-in-out infinite alternate;
}
.node-float-2 {
  animation: nodeFloat2 5s ease-in-out infinite alternate;
}
.crypto-anim-wrapper .spin-cw {
  animation: spinCW 25s linear infinite;
  transform-origin: 400px 400px;
}
.spin-ccw {
  animation: spinCCW 30s linear infinite;
  transform-origin: 400px 400px;
}
.node-spin-cw {
  animation: spinCW 15s linear infinite;
  transform-origin: 0 0;
}
.node-spin-ccw {
  animation: spinCCW 15s linear infinite;
  transform-origin: 0 0;
}
.pulse-ring {
  animation: pulseRing 4s cubic-bezier(0.21, 0.53, 0.56, 1) infinite;
  transform-origin: 400px 400px;
}
.data-dash {
  stroke-dasharray: 6 12;
  animation: dashFlow 15s linear infinite;
}
@keyframes coreFloat {
  0%,
  100% {
    transform: translateY(0);
    filter: drop-shadow(0 15px 30px rgb(255 94 20 / 0.3));
  }
  50% {
    transform: translateY(-15px);
    filter: drop-shadow(0 25px 40px rgb(255 94 20 / 0.6));
  }
}
@keyframes nodeFloat1 {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-15px) rotate(5deg);
  }
}
@keyframes nodeFloat2 {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(15px) rotate(-5deg);
  }
}
@keyframes spinCW {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinCCW {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes pulseRing {
  0% {
    transform: scale(0.7);
    opacity: 0.8;
    stroke-width: 4;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
    stroke-width: 1;
  }
}
@keyframes dashFlow {
  to {
    stroke-dashoffset: -300;
  }
}
.tech-img-card {
  background: #fff;
  border-radius: 16px;
  padding: 25px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0 0 0 / 0.05);
  box-shadow: 0 4px 15px rgb(0 0 0 / 0.02);
  transition: all 0.3s ease;
}
.tech-img-card:hover {
  transform: translateY(-5px);
  border-color: var(--brand-primary);
  box-shadow: 0 10px 25px rgb(255 94 20 / 0.1);
}
.tech-img-card img {
  max-height: 50px;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 15px;
  transition: transform 0.3s ease;
}
.tech-img-card:hover img {
  transform: scale(1.1);
}
.tech-img-card span {
  font-weight: 600;
  color: var(--heading-color);
  font-size: 0.95rem;
}
.dark-tech-img-card {
  background: rgb(13 20 36 / 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 16px;
  padding: 30px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgb(255 255 255 / 0.08);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.3);
  transition: all 0.4s ease;
}
.dark-tech-img-card:hover {
  transform: translateY(-8px);
  border-color: rgb(0 240 255 / 0.4);
  box-shadow:
    0 15px 40px rgb(0 0 0 / 0.5),
    0 0 20px rgb(0 240 255 / 0.15);
  background: rgb(13 20 36 / 0.85);
}
.dark-tech-img-card img {
  max-height: 55px;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 20px;
  transition: transform 0.4s ease;
}
.dark-tech-img-card:hover img {
  transform: scale(1.15);
}
.dark-tech-img-card span {
  font-weight: 700;
  color: #f8fafc;
  font-size: 1.35rem;
  margin: 10px 0 10px;
}
.dark-tech-img-card p {
  font-size: 16px;
  line-height: 1.5;
}
.hero-svg-wrapper {
  position: relative;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  perspective: 1000px;
}
.float-phone {
  animation: floatApp 6s ease-in-out infinite;
  transform-origin: center;
}
.zen-ring-1 {
  animation: spinSlow 25s linear infinite;
  transform-origin: 300px 300px;
}
.zen-ring-2 {
  animation: spinSlowReverse 30s linear infinite;
  transform-origin: 300px 300px;
}
.float-item-1 {
  animation: floatElements 5s ease-in-out infinite alternate;
}
.float-item-2 {
  animation: floatElements 7s ease-in-out infinite alternate-reverse;
}
.float-item-3 {
  animation: floatElements 6s ease-in-out 1s infinite alternate;
}
.float-item-4 {
  animation: floatElements 8s ease-in-out 2s infinite alternate-reverse;
}
.sparkle-anim {
  animation: sparklePulse 3s ease-in-out infinite alternate;
  transform-origin: center;
}
@keyframes floatApp {
  0%,
  100% {
    transform: translateY(0) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: translateY(-20px) rotateX(5deg) rotateY(-5deg);
    filter: drop-shadow(0 30px 40px rgb(236 72 153 / 0.2));
  }
}
@keyframes floatElements {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-18px) rotate(8deg);
  }
}
@keyframes spinSlow {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinSlowReverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes sparklePulse {
  0% {
    transform: scale(0.5);
    opacity: 0.2;
  }
  100% {
    transform: scale(1.2);
    opacity: 1;
    filter: drop-shadow(0 0 8px rgb(236 72 153 / 0.6));
  }
}
.wellness-service-card {
  background: #fff;
  border-radius: 20px;
  padding: 35px 25px;
  height: 100%;
  border: 1px solid rgb(0 0 0 / 0.05);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.02);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wellness-service-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgb(255 94 20 / 0.03) 0%,
    rgb(236 72 153 / 0.03) 100%
  );
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease;
}
.wellness-service-card:hover {
  transform: translateY(-8px);
  border-color: rgb(236 72 153 / 0.2);
  box-shadow: 0 20px 40px rgb(236 72 153 / 0.08);
}
.wellness-service-card:hover::after {
  opacity: 1;
}
.wellness-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: var(--light-bg);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 20px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgb(0 0 0 / 0.03);
}
.wellness-service-card:hover .wellness-icon {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #ec4899 100%);
  color: #fff;
  transform: rotate(-10deg) scale(1.1);
  box-shadow: 0 10px 20px rgb(236 72 153 / 0.3);
  border-color: #fff0;
}
.wellness-service-card:hover .bento-title {
  color: var(--brand-primary);
}
.modern-table-wrapper {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgb(0 0 0 / 0.08);
  border: 1px solid #e2e8f0;
  margin-top: 2rem;
}
.modern-table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.modern-table thead th {
  background: linear-gradient(135deg, var(--dark-bg) 0%, #0f172a 100%);
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 22px 20px;
  border: none;
  border-bottom: 2px solid #e2e8f0;
  letter-spacing: 0.5px;
  text-align: center;
}
.modern-table thead th:first-child {
  text-align: left;
}
.modern-table tbody tr {
  transition: all 0.2s ease;
}
.modern-table tbody tr:hover td {
  background-color: #f8fafc;
}
.modern-table tbody td {
  padding: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid #f1f5f9;
  color: var(--para-color);
  font-size: 0.95rem;
  text-align: center;
  transition: background-color 0.2s ease;
}
.modern-table tbody tr:last-child td {
  border-bottom: none;
}
.modern-table tbody td:first-child {
  font-weight: 600;
  color: var(--heading-color);
  text-align: left;
  background-color: #fff;
}
.modern-table tbody td:last-child {
  border-right: none;
}
.modern-table th.highlight-col {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #e65412 100%);
  color: #fff;
  border: none;
  box-shadow: 0 4px 15px rgb(255 94 20 / 0.3);
  position: relative;
  z-index: 2;
}
.modern-table td.highlight-col {
  background-color: rgb(255 94 20 / 0.03) !important;
  border-left: 2px solid var(--brand-primary);
  border-right: 2px solid var(--brand-primary);
  font-weight: 600;
  color: var(--heading-color);
}
.modern-table tbody tr:hover td.highlight-col {
  background-color: rgb(255 94 20 / 0.08) !important;
}
.modern-table tbody tr:last-child td.highlight-col {
  border-bottom: 2px solid var(--brand-primary);
}
.icon-check {
  color: #10b981;
  font-size: 1.35rem;
  filter: drop-shadow(0 2px 4px rgb(16 185 129 / 0.2));
}
.icon-cross {
  color: #ef4444;
  font-size: 1.35rem;
  opacity: 0.8;
}
.tech-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.tech-pill-item {
  background: rgb(50 202 202 / 0.1);
  color: var(--brand-secondary);
  border: 1px solid rgb(50 202 202 / 0.2);
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
}
.skill-number-bg {
  position: absolute !important;
  right: 25px;
  top: 25px;
  font-size: 2.8rem;
  font-weight: 800;
  color: rgb(255 94 20 / 0.1);
  line-height: 1;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.service-card02:hover .skill-number-bg {
  color: rgb(255 94 20 / 0.25);
  transform: scale(1.1) translateX(-3px);
}
.service-card02 > * {
  position: relative;
  z-index: 1;
}
.text-brand-orange {
  color: #f97316;
}
.text-brand-teal {
  color: #48e5c2 !important;
}
.bg-brand-teal {
  background-color: #48e5c2 !important;
}
.bg-brand-orange {
  background-color: #f97316 !important;
}
.lh-relaxed {
  line-height: 1.75;
}
@keyframes floatNew {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes pulseGlowNew {
  0% {
    box-shadow: 0 0 15px 5px rgb(72 229 194 / 0.2);
  }
  50% {
    box-shadow: 0 0 30px 15px rgb(72 229 194 / 0.6);
  }
  100% {
    box-shadow: 0 0 15px 5px rgb(72 229 194 / 0.2);
  }
}
@keyframes rippleNew {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes scan {
  0% {
    top: -10%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes customSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-floatNew {
  animation: floatNew 6s ease-in-out infinite;
}
.animate-floatNew-delayed {
  animation: floatNew 6s ease-in-out 3s infinite;
}
.animate-pulse-glow {
  animation: pulseGlowNew 3s ease-in-out infinite;
}
.animate-ping-custom {
  animation: pingNew 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.animate-pulse-fast {
  animation: pulseNew 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.custom-spin {
  animation: customSpin 10s linear infinite;
}
@keyframes pingNew {
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulseNew {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.bg-glow {
  background: radial-gradient(
    circle at 0% 50%,
    rgb(249 115 22 / 0.08) 0%,
    transparent 50%
  );
}
.bg-gradient-avatar {
  background: linear-gradient(to top right, #f97316, #48e5c2);
}
.custom-overlay-gradient {
  background: linear-gradient(
    to bottom,
    rgb(28 37 65 / 0.4),
    transparent,
    rgb(11 19 43 / 0.9)
  );
  mix-blend-mode: multiply;
}
.arch-image-container {
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.scanner-line {
  position: absolute;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, transparent, #48e5c2, transparent);
  box-shadow:
    0 0 10px #48e5c2,
    0 0 20px #48e5c2;
  animation: scan 4s linear infinite;
  z-index: 10;
}
.glass-chip {
  width: 120px;
  height: 120px;
  background: radial-gradient(90% 90% at 90% 90%, #18aba9 0%, #17dad8 100%);
  box-shadow:
    0 8px 32px rgb(0 0 0 / 0.2),
    inset 0 1px 1px rgb(255 255 255 / 0.2);
  border-radius: 15px !important;
}
.glass-chip::before {
  content: "";
  position: absolute;
  inset: -20px;
  background: inherit;
  filter: blur(20px);
  z-index: -1;
}
.text-gradient-ai {
  background: linear-gradient(to bottom, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
  filter: drop-shadow(0 0 10px rgb(0 0 0 / 0.02));
}
.rippleNew-ring {
  position: absolute;
  border: 2px solid #48e5c2;
  border-radius: 12px;
  animation: rippleNew 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.supported-chains-strip {
  margin-top: 25px;
  position: relative;
  z-index: 2;
}
.supported-chains-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 30px;
  border-radius: 24px;
  box-shadow: 0 20px 40px -15px rgb(0 0 0 / 0.06);
  border: 1px solid rgb(0 0 0 / 0.04);
}
.supported-chains-label {
  color: var(--heading-color);
  font-weight: 800;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
}
.supported-chains-label::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: var(--brand-primary);
  border-radius: 2px;
}
.supported-chains-badge-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.supported-chain-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 8px 20px;
  border-radius: 50px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: default;
}
.supported-chain-badge::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.supported-chain-badge:nth-child(1)::before {
  background-color: #627eea;
  box-shadow: 0 0 8px rgb(98 126 234 / 0.6);
}
.supported-chain-badge:nth-child(2)::before {
  background-color: #8247e5;
  box-shadow: 0 0 8px rgb(130 71 229 / 0.6);
}
.supported-chain-badge:nth-child(3)::before {
  background-color: #14f195;
  box-shadow: 0 0 8px rgb(20 241 149 / 0.6);
}
.supported-chain-badge:nth-child(4)::before {
  background-color: #f3ba2f;
  box-shadow: 0 0 8px rgb(243 186 47 / 0.6);
}
.supported-chain-badge:nth-child(5)::before {
  background-color: #e84142;
  box-shadow: 0 0 8px rgb(232 65 66 / 0.6);
}
.supported-chain-badge:nth-child(6)::before {
  background-color: #0052ff;
  box-shadow: 0 0 8px rgb(0 82 255 / 0.6);
}
.supported-chain-badge:hover {
  transform: translateY(-3px);
  background: #fff;
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  box-shadow: 0 10px 20px -5px rgb(255 94 20 / 0.15);
}
.callout-cta-box {
  background: linear-gradient(135deg, #0e162d 0%, #030712 100%);
  border-radius: 20px;
  border: 1px solid rgb(255 255 255 / 0.08);
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 60px -10px rgb(0 0 0 / 0.4);
  transition: all 0.4s ease;
}
.callout-cta-box::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -10%;
  width: 350px;
  height: 350px;
  background: radial-gradient(
    circle,
    rgb(255 94 20 / 0.12) 0%,
    transparent 75%
  );
  border-radius: 50%;
  pointer-events: none;
}
.callout-cta-box::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -10%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgb(0 240 255 / 0.1) 0%, transparent 75%);
  border-radius: 50%;
  pointer-events: none;
}
.callout-cta-box:hover {
  border-color: rgb(0 240 255 / 0.3);
  box-shadow:
    0 30px 70px -5px rgb(0 0 0 / 0.5),
    0 0 30px rgb(0 240 255 / 0.05);
}
.sm-float {
  animation: smFloat 6s ease-in-out infinite;
  transform-origin: center;
}
.sm-pulse-ring {
  animation: smPulseRing 3s cubic-bezier(0.21, 0.53, 0.56, 1) infinite;
  transform-origin: center;
}
.sm-reaction-1 {
  animation: smFloatUp 4s ease-in infinite;
  transform-origin: center;
}
.sm-reaction-2 {
  animation: smFloatUp 5s ease-in infinite 1.5s;
  transform-origin: center;
  opacity: 0;
}
.sm-reaction-3 {
  animation: smFloatUp 4.5s ease-in infinite 2.5s;
  transform-origin: center;
  opacity: 0;
}
.sm-data-stream {
  stroke-dasharray: 8 16;
  animation: smDashFlow 15s linear infinite;
}
.sm-spin {
  animation: smSpin 30s linear infinite;
  transform-origin: 400px 390px;
}
.sm-spin-reverse {
  animation: smSpinReverse 40s linear infinite;
  transform-origin: 400px 390px;
}
@keyframes smFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes smPulseRing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes smDashFlow {
  to {
    stroke-dashoffset: -300;
  }
}
@keyframes smSpin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes smSpinReverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes smFloatUp {
  0% {
    transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  15% {
    transform: translate(-10px, -30px) scale(1.2);
    opacity: 1;
  }
  80% {
    transform: translate(15px, -150px) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translate(0, -200px) scale(0.5);
    opacity: 0;
  }
}
.hero-svg-wrapper2 {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.anim-float {
  animation: floatAnim 6s ease-in-out infinite;
  transform-origin: center;
}
.anim-spin-slow {
  animation: spinAnim 30s linear infinite;
  transform-origin: 300px 300px;
}
.anim-pulse {
  animation: pulseGlow 4s ease-in-out infinite alternate;
  transform-origin: center;
}
.anim-orbit {
  animation: orbitAnim 20s linear infinite;
  transform-origin: 300px 300px;
}
@keyframes floatAnim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes spinAnim {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulseGlow {
  0% {
    opacity: 0.3;
    transform: scale(0.95);
  }
  100% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}
@keyframes orbitAnim {
  100% {
    transform: rotate(-360deg);
  }
}
.anim-float-alt {
  animation: floatAltAnim 7s ease-in-out infinite alternate;
  transform-origin: center;
}
.anim-pulse-glow {
  animation: pulseGlowAnim 3s ease-in-out infinite alternate;
}
.anim-heart {
  animation: heartBeat 1.5s ease-in-out infinite;
  transform-origin: center;
}
.anim-match-line {
  stroke-dasharray: 8 16;
  animation: dashMove 15s linear infinite;
}
.anim-spin-slow2 {
  animation: spin 40s linear infinite;
  transform-origin: center;
}
@keyframes floatAnim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes floatAltAnim {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(15px) rotate(-3deg);
  }
}
@keyframes pulseGlowAnim {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
    filter: blur(5px);
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
    filter: blur(8px);
  }
}
@keyframes heartBeat {
  0%,
  100% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.2);
  }
}
@keyframes dashMove {
  to {
    stroke-dashoffset: -200;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.factor-bar {
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  border: 1px solid rgb(0 0 0 / 0.05);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.02);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.factor-bar:last-child {
  margin-bottom: 0;
}
.factor-bar:hover {
  transform: translateX(10px);
  border-color: rgb(236 72 153 / 0.3);
  box-shadow: 0 15px 35px rgb(236 72 153 / 0.1);
  background: rgb(236 72 153 / 0.02);
}
.factor-bar-icon {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: rgb(236 72 153 / 0.1);
  color: var(--brand-pink);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.factor-bar:hover .factor-bar-icon {
  transform: scale(1.1);
}
.stat-creative-card {
  background: #fff;
  border: 1px solid rgb(0 0 0 / 0.05);
  border-radius: 20px;
  padding: 40px 30px;
  text-align: center;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.02);
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stat-creative-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-cyan));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.stat-creative-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.08);
  border-color: rgb(255 94 20 / 0.2);
}
.stat-creative-card:hover::before {
  opacity: 1;
}
.stat-icon {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: rgb(255 94 20 / 0.08);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 25px;
  transition: all 0.4s ease;
}
.stat-creative-card:hover .stat-icon {
  transform: scale(1.1) rotate(10deg);
  background: var(--brand-primary);
  color: #fff;
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.3);
}
.stat-creative-card h3 {
  font-size: 2.8rem;
  font-weight: 800;
  color: var(--heading-color);
  margin-bottom: 5px;
  line-height: 1;
}
.stat-creative-card h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--brand-primary);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stat-creative-card p {
  color: var(--text-muted-custom);
  font-size: 0.95rem;
  margin-bottom: 0;
  line-height: 1.6;
}
.cta-box .section-title span.text-brand-secondary,
.cta-box .section-title span.text-brand-primary,
.cta-box .section-title span.text-cyan,
.cta-box h2 span.text-brand-secondary,
.cta-box h3 span.text-brand-secondary,
.cta-box h4 span.text-brand-secondary,
.cta-box h2 span.text-brand-primary,
.cta-box h3 span.text-brand-primary,
.cta-box h4 span.text-brand-primary,
.cta-box h2 span.text-secondary-custom,
.cta-box h3 span.text-secondary-custom,
.cta-box h4 span.text-secondary-custom,
.cta-box h2 span.text-cyan,
.cta-box h3 span.text-cyan,
.cta-box h4 span.text-cyan {
  color: #ff7827 !important;
}
body:not(.home).innerpagehero
  .hire-devs-section
  .owl-carousel
  .owl-stage-outer {
  padding-top: 0;
}
.cursor-pointer {
  cursor: pointer;
}
body:not(.home).innerpagehero
  .hire-devs-section
  .owl-carousel
  .owl-stage-outer {
  padding-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .infoGraphic.infogr-lg li {
    width: 33.333333333%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .infoGraphic.infogr-lg li {
    width: 50%;
  }
}
.cts-block-new.no-bg::before {
  display: none;
}
.tab-content .service-card02:hover {
  transform: none;
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.07);
  border-color: #dee2e6;
}
.tab-content .service-card02:hover::before {
  opacity: 0;
}
.tab-content .service-card02:hover .bento-title {
  color: var(--brand-primary);
}
.tech-cardnew {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tech-carousel .owl-stage {
  display: flex;
}
.tech-carousel .owl-item {
  display: flex;
}
.tech-carousel .owl-item .tech-cardnew {
  width: 100%;
}
.tech-cardnew .card-body,
.tech-cardnew .content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hero-poster-lcp {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 2;
  transition: opacity 0.7s ease;
}
.hero-poster-lcp.is-video-ready {
  opacity: 0;
  pointer-events: none;
}
.hero-video-wrapper {
  opacity: 0;
  transition: opacity 0.7s ease;
}
.hero-video-wrapper.is-video-ready {
  opacity: 1 !important;
}
.desktop-hiring {
  display: block;
}
.mobile-hiring {
  display: none;
}
@media (max-width: 991px) {
  .owl-carousel .owl-dot,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-nav .owl-prev {
    padding: 0 2px;
  }
  .owl-dots .owl-dot span {
    display: inline-block;
    width: 8px;
    height: 8px;
  }
  .hd-card {
    background: linear-gradient(
      135deg,
      #fff1ea 0%,
      #f7f7f7 60%,
      #fff 100%
    ) !important;
  }
  .desktop-hiring {
    display: none;
  }
  .mobile-hiring {
    display: block;
  }
}
.anim-float {
  animation: floatAnim2 6s ease-in-out infinite;
  transform-origin: center;
}
.anim-float-alt2 {
  animation: floatAltAnim2 8s ease-in-out infinite alternate;
  transform-origin: center;
}
.anim-pulse2 {
  animation: pulseGlowAnim2 3s ease-in-out infinite alternate;
}
.anim-spin {
  animation: spin02 40s linear infinite;
  transform-origin: center;
}
.anim-dash {
  stroke-dasharray: 8 16;
  animation: dashMove2 15s linear infinite;
}
@keyframes floatAnim2 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes floatAltAnim2 {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(10px) rotate(-3deg);
  }
}
@keyframes pulseGlowAnim2 {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
    filter: blur(5px);
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
    filter: blur(8px);
  }
}
@keyframes dashMove2 {
  to {
    stroke-dashoffset: -200;
  }
}
@keyframes spin02 {
  100% {
    transform: rotate(360deg);
  }
}
.premium-highlight-box {
  background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);
  border-radius: 28px;
  border: 2px solid rgb(255 94 20 / 0.12);
  padding: 50px;
  box-shadow: 0 20px 50px rgb(255 94 20 / 0.04);
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.premium-highlight-box::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgb(255 94 20 / 0.05) 0%,
    transparent 70%
  );
  border-radius: 50%;
  pointer-events: none;
  transition: transform 0.6s ease;
}
.premium-highlight-box:hover {
  transform: translateY(-4px);
  border-color: rgb(255 94 20 / 0.3);
  box-shadow: 0 30px 60px rgb(255 94 20 / 0.08);
}
.global-presence-section {
  background: var(--dark-bg);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgb(255 255 255 / 0.05);
}
.global-presence-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(
    rgb(255 255 255 / 0.1) 1px,
    transparent 1px
  );
  background-size: 30px 30px;
  opacity: 0.4;
  z-index: 0;
}
.country-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  color: #f8fafc;
  padding: 12px 24px;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}
.country-pill:hover {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgb(255 94 20 / 0.3);
}
.cta-newblock::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    135deg,
    rgb(255 255 255 / 0.03) 0%,
    transparent 100%
  );
  pointer-events: none;
}
.dimension-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid rgb(251 163 128 / 0.39);
  color: var(--heading-color);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 12px 24px;
  border-radius: 50px;
  box-shadow: none;
  transition: all 0.3s ease;
  cursor: default;
}
.dimension-pill:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  transform: translateY(-3px);
  box-shadow: none;
}
.dimension-pill i {
  color: var(--brand-primary);
  font-size: 1.1rem;
}
.icon-cyan-style {
  font-size: 2rem;
  color: var(--brand-cyan);
}
.icon-brand-style {
  font-size: 2rem;
  color: var(--brand-primary);
}
.svg-float-up {
  animation: floatUp 6s ease-in-out infinite;
}
.svg-float-down {
  animation: floatDown 7s ease-in-out infinite;
}
.svg-pulse {
  animation: pulseGlow2 4s ease-in-out infinite alternate;
}
.svg-dash {
  stroke-dasharray: 8 16;
  animation: dashMove2 20s linear infinite;
}
.svg-rotate-cw-30 {
  animation: rotateCW 30s linear infinite;
  transform-origin: 300px 300px;
}
.svg-rotate-ccw-25 {
  animation: rotateCCW 25s linear infinite;
  transform-origin: 300px 300px;
}
.svg-rotate-cw-4 {
  animation: rotateCW 4s linear infinite;
  transform-origin: 300px 300px;
}
.svg-rotate-ccw-6 {
  animation: rotateCCW 6s linear infinite;
  transform-origin: 300px 300px;
}
@keyframes floatUp {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes floatDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}
@keyframes pulseGlow2 {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
    filter: drop-shadow(0 0 10px rgb(0 240 255 / 0.2));
  }
  100% {
    transform: scale(1.05);
    opacity: 1;
    filter: drop-shadow(0 0 20px rgb(0 240 255 / 0.6));
  }
}
@keyframes dashMove2 {
  to {
    stroke-dashoffset: -200;
  }
}
@keyframes rotateCW {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateCCW {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.wp-anim-svg .floating-block {
  animation: floatY 6s ease-in-out infinite;
}
.wp-anim-svg .floating-block-alt {
  animation: floatY 6s ease-in-out infinite reverse;
}
.wp-anim-svg .pulse-glow {
  animation: pulseGlow 3s infinite alternate;
}
@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes pulseGlow {
  0% {
    filter: drop-shadow(0 0 5px var(--brand-primary));
  }
  100% {
    filter: drop-shadow(0 0 20px var(--brand-secondary));
  }
}
.erp-anim-svg .floating-element {
  animation: floatY 6s ease-in-out infinite;
}
.erp-anim-svg .floating-element-alt {
  animation: floatY 6s ease-in-out infinite reverse;
}
.erp-anim-svg .spin-gear {
  animation: spin 12s linear infinite;
  transform-origin: center;
}
@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.ai-list li {
  margin-bottom: 8px;
  font-size: 0.95rem;
}
.cyber-process-section {
  background-color: var(--navy-bg);
  overflow: hidden;
}
.cyber-grid {
  display: flex;
  position: relative;
  gap: 30px;
  align-items: stretch;
  margin-top: 60px;
}
.cyber-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: rgb(255 255 255 / 0.1);
  z-index: 1;
  transform: translateY(-50%);
}
.cyber-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.cyber-card-wrap {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cyber-card-wrap.up {
  justify-content: flex-end;
  padding-bottom: 40px;
}
.cyber-card-wrap.down {
  justify-content: flex-start;
  padding-top: 40px;
}
.cyber-card {
  background: rgb(255 255 255 / 0.05);
  border: 1px solid rgb(255 255 255 / 0.1);
  padding: 25px;
  border-radius: 12px;
  position: relative;
  transition: transform 0.3s ease;
  text-align: left;
}
.cyber-card:hover {
  transform: translateY(-5px);
  background: rgb(255 255 255 / 0.08);
  border-color: rgb(255 255 255 / 0.2);
}
.cyber-stem {
  position: absolute;
  left: 50%;
  width: 2px;
  background: rgb(255 255 255 / 0.2);
  transform: translateX(-50%);
}
.cyber-stem.bottom {
  bottom: 0;
  height: 40px;
}
.cyber-stem.top {
  top: 0;
  height: 40px;
}
.cyber-node {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--navy-bg);
  border: 3px solid var(--brand-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--brand-primary);
  font-size: 26px;
  z-index: 3;
  box-shadow: 0 0 15px rgb(255 94 20 / 0.3);
}
.cyber-node.alt {
  border-color: var(--brand-secondary);
  color: var(--brand-secondary);
  box-shadow: 0 0 15px rgb(50 202 202 / 0.3);
}
.cyber-spacer {
  flex: 1;
  width: 100%;
}
@media (max-width: 991px) {
  .cyber-grid {
    flex-direction: column;
    gap: 40px;
  }
  .cyber-line {
    left: 30px;
    top: 0;
    width: 2px;
    height: 100%;
    transform: none;
    right: auto;
  }
  .cyber-col {
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin: 0 0 0 40px;
  }
  .cyber-node {
    order: 1;
    flex-shrink: 0;
    margin-left: 2px;
  }
  .cyber-card-wrap {
    order: 2;
    padding: 0 !important;
    justify-content: center !important;
    flex: 1;
  }
  .cyber-spacer,
  .cyber-stem {
    display: none !important;
  }
}
.payment-anim-svg .float-obj {
  animation: float 6s ease-in-out infinite;
}
.payment-anim-svg .float-obj-alt {
  animation: float 5s ease-in-out infinite reverse;
}
.payment-anim-svg .pulse {
  animation: pulseAnim 2s infinite alternate;
}
.payment-anim-svg .dash-flow {
  stroke-dasharray: 10;
  animation: dashMove 20s linear infinite;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes pulseAnim {
  0% {
    filter: drop-shadow(0 0 5px var(--brand-primary));
  }
  100% {
    filter: drop-shadow(0 0 20px var(--brand-primary));
  }
}
@keyframes dashMove {
  to {
    stroke-dashoffset: -1000;
  }
}
.dark-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dark-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  color: var(--text-muted-light);
}
.dark-list li::before {
  content: "\F26A";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  color: var(--brand-cyan);
  font-size: 0.85rem;
}
.mysql-anim-svg .float-obj {
  animation: floatAnim 6s ease-in-out infinite;
}
.mysql-anim-svg .float-obj-alt {
  animation: floatAnim 7s ease-in-out infinite reverse;
}
.mysql-anim-svg .pulse-glow {
  animation: pulseCore 3s infinite alternate;
}
.mysql-anim-svg .orbit-ring {
  stroke-dasharray: 10 10;
  animation: orbitSpin 15s linear infinite;
}
.mysql-anim-svg .data-packet {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  filter: url(#glowDB);
}
.mysql-anim-svg .packet-1 {
  stroke: url(#dbCyan);
  stroke-dasharray: 15 200;
  animation: packetFlow 2s linear infinite;
}
.mysql-anim-svg .packet-2 {
  stroke: url(#dbOrange);
  stroke-dasharray: 20 200;
  animation: packetFlow 2.5s linear infinite;
}
.mysql-anim-svg .packet-3 {
  stroke: url(#dbOrange);
  stroke-dasharray: 15 200;
  animation: packetFlow 1.8s linear infinite;
}
.mysql-anim-svg .packet-4 {
  stroke: url(#dbCyan);
  stroke-dasharray: 25 200;
  animation: packetFlow 3s linear infinite;
}
@keyframes floatAnim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes pulseCore {
  0% {
    filter: drop-shadow(0 0 5px var(--brand-primary));
  }
  100% {
    filter: drop-shadow(0 0 20px var(--brand-cyan));
  }
}
@keyframes orbitSpin {
  to {
    stroke-dashoffset: -1000;
  }
}
@keyframes packetFlow {
  0% {
    stroke-dashoffset: 215;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.os-badge,
.tech-label {
  text-transform: uppercase;
}
.ai-glass-card,
.tech-stack-card {
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.ai-glass-card::before,
.dark-goal-card::before,
.stat-card02::before,
.tech-stack-card::before {
  content: "";
  top: 0;
  position: absolute;
}
.location-creative-card:hover h4,
.location-creative-card:hover p,
table thead th {
  color: #fff !important;
}
.highlight-badge {
  display: inline-block;
  background: rgba(50, 202, 202, 0.1);
  color: var(--brand-secondary);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: auto;
  border: 1px solid rgba(50, 202, 202, 0.2);
}
.classified-anim-svg .float-obj,
.django-anim-svg .float-obj,
.fs-anim-svg .float-obj,
.gcp-anim-svg .float-obj,
.ios-anim-svg .float-obj-1,
.laravel-anim-svg .float-obj,
.magento-anim-svg .float-obj,
.react-anim-svg .float-obj,
.saas-anim-svg .float-obj,
.wowza-anim-svg .float-up {
  animation: 6s ease-in-out infinite floatAnim;
}
.classified-anim-svg .float-obj-alt,
.django-anim-svg .float-obj-alt,
.fs-anim-svg .float-obj-alt,
.gcp-anim-svg .float-obj-alt,
.ios-anim-svg .float-obj-2,
.laravel-anim-svg .float-obj-alt,
.magento-anim-svg .float-obj-alt,
.react-anim-svg .float-obj-alt,
.saas-anim-svg .float-obj-alt {
  animation: 7s ease-in-out infinite reverse floatAnim;
}
.django-anim-svg .data-line,
.gcp-anim-svg .data-line,
.laravel-anim-svg .data-line,
.magento-anim-svg .data-line,
.saas-anim-svg .data-line {
  stroke-dasharray: 8 8;
  animation: 15s linear infinite dataFlow;
}
.saas-anim-svg .cloud-pulse {
  animation: 4s ease-in-out infinite alternate cloudBreath;
  transform-origin: center;
}
@keyframes cloudBreath {
  0% {
    transform: scale(0.98);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.02);
    opacity: 1;
  }
}
.classified-anim-svg .pulse-core,
.django-anim-svg .pulse-core,
.fs-anim-svg .pulse-core,
.gcp-anim-svg .pulse-glow,
.ios-anim-svg .pulse-core,
.laravel-anim-svg .pulse-core,
.magento-anim-svg .pulse-glow,
.react-anim-svg .pulse-core {
  animation: 3s infinite alternate pulseCore;
}
.classified-anim-svg .data-line {
  stroke-dasharray: 10 10;
  animation: 15s linear infinite dataFlow;
}
@keyframes pulseCore {
  0% {
    filter: drop-shadow(0 0 10px var(--brand-cyan));
    filter: drop-shadow(0 0 10px var(--brand-primary));
    filter: drop-shadow(0 0 10px rgba(50, 202, 202, 0.4));
  }
  100% {
    filter: drop-shadow(0 0 25px var(--brand-cyan));
    filter: drop-shadow(0 0 25px var(--brand-primary));
    filter: drop-shadow(0 0 25px rgba(50, 202, 202, 0.8));
  }
}
.panel-card {
  background: #fff;
  padding: 3rem 2.5rem;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  height: 100%;
  border-top: 5px solid var(--brand-primary);
  transition: transform 0.3s;
}
.panel-card.alt {
  border-top-color: var(--brand-secondary);
}
.panel-card:hover {
  transform: translateY(-10px);
}
.css-anim-svg .float-up,
.watch-anim-svg .float-obj {
  animation: 5s ease-in-out infinite floatAnim;
}
.css-anim-svg .float-down,
.watch-anim-svg .float-obj-alt,
.wowza-anim-svg .float-down {
  animation: 6s ease-in-out infinite reverse floatAnim;
}
.css-anim-svg .transform-cube {
  animation: 8s ease-in-out infinite alternate cubeTransform;
  transform-origin: center;
}
.css-anim-svg .bounce-ball {
  animation: 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite bounceAnim;
}
.css-anim-svg .pulse-glow,
.watch-anim-svg .pulse-core {
  animation: 3s infinite alternate pulseGlow;
}
@keyframes floatAnim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes cubeTransform {
  0% {
    transform: rotate(0) scale(1) skew(0);
  }
  100% {
    transform: rotate(45deg) scale(1.2) skew(10deg);
  }
}
@keyframes bounceAnim {
  0%,
  100% {
    transform: translateY(0) scaleY(1);
  }
  50% {
    transform: translateY(-40px) scaleY(1.05);
  }
  90% {
    transform: translateY(5px) scaleY(0.9);
  }
}
.watch-anim-svg .data-flow {
  stroke-dasharray: 8 8;
  animation: 15s linear infinite dashMove;
}
.watch-anim-svg .data-packet {
  stroke-width: 3;
  fill: none;
  stroke-linecap: round;
}
.watch-anim-svg .packet-1 {
  stroke: url(#watchCyan);
  stroke-dasharray: 15 150;
  animation: 2s linear infinite packetFlow;
}
.watch-anim-svg .packet-2 {
  stroke: url(#watchOrange);
  stroke-dasharray: 15 150;
  animation: 2.5s linear infinite packetFlow;
}
.watch-anim-svg .radar-spin {
  transform-origin: 0px 0px;
  animation: 6s linear infinite spin;
}
.watch-anim-svg .ring-fill-1 {
  stroke-dasharray: 100;
  animation: 3s ease-in-out infinite alternate ringFill1;
}
.watch-anim-svg .ring-fill-2 {
  stroke-dasharray: 75;
  animation: 3s ease-in-out 0.2s infinite alternate ringFill2;
}
.watch-anim-svg .ring-fill-3 {
  stroke-dasharray: 50;
  animation: 3s ease-in-out 0.4s infinite alternate ringFill3;
}
@keyframes pulseGlow {
  100% {
    filter: drop-shadow(0 0 25px var(--brand-cyan));
    filter: drop-shadow(0 0 20px var(--brand-cyan));
  }
  0% {
    filter: drop-shadow(0 0 5px var(--brand-cyan));
  }
}
@keyframes dashMove {
  to {
    stroke-dashoffset: -500;
  }
}
@keyframes ringFill1 {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 20;
  }
}
@keyframes ringFill2 {
  0% {
    stroke-dashoffset: 75;
  }
  100% {
    stroke-dashoffset: 15;
  }
}
@keyframes ringFill3 {
  0% {
    stroke-dashoffset: 50;
  }
  100% {
    stroke-dashoffset: 5;
  }
}
.os-badge {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.service-card02,
.tech-stack-card {
  position: relative;
}
.letter-spacing-1,
.tech-label {
  letter-spacing: 1px;
}
.badge-android {
  background: rgba(61, 220, 132, 0.15);
  color: #166534;
  border: 1px solid rgba(61, 220, 132, 0.3);
}
.badge-apple {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dark-mode .badge-android {
  background: rgba(61, 220, 132, 0.2);
  color: var(--android-green);
}
.dark-mode .badge-apple {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.django-anim-svg .packet-flow,
.laravel-anim-svg .packet-flow {
  stroke-width: 3;
  stroke-linecap: round;
  fill: none;
}
.django-anim-svg .packet-1 {
  stroke: url(#djCyan);
  stroke-dasharray: 15 150;
  animation: 2s linear infinite packetFlow;
}
.django-anim-svg .packet-2 {
  stroke: url(#djOrange);
  stroke-dasharray: 20 180;
  animation: 2.5s linear infinite packetFlow;
}
.mobile-anim-svg .float-up {
  animation: 6s ease-in-out infinite floatY;
}
.mobile-anim-svg .float-down {
  animation: 7s ease-in-out infinite reverse floatY;
}
.mobile-anim-svg .pulse-signal {
  animation: 2s infinite signalPulse;
}
.mobile-anim-svg .data-flow {
  stroke-dasharray: 8 8;
  animation: 15s linear infinite dataMove;
}
@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes signalPulse {
  0% {
    opacity: 1;
    r: 0;
  }
  100% {
    opacity: 0;
    r: 40px;
  }
}
@keyframes dataMove {
  to {
    stroke-dashoffset: -500;
  }
}
.location-pill {
  background: rgba(50, 202, 202, 0.1);
  border: 1px solid rgba(50, 202, 202, 0.2);
  color: var(--brand-secondary);
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 0.9rem;
  font-weight: 600;
  display: inline-block;
  margin: 5px;
  transition: 0.3s;
}
.location-pill:hover {
  background: var(--brand-secondary);
  color: #fff;
}
.location-creative-card {
  background: #fff;
  border-radius: 20px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 10px 30px rgba(42, 130, 126, 0.12);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 1;
  text-align: center;
  height: 100%;
}
.location-creative-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    var(--brand-secondary) 0,
    var(--brand-cyan) 100%
  );
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s;
}
.location-creative-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(50, 202, 202, 0.2);
}
.location-creative-card:hover::before,
.tech-stack-card:hover::before {
  opacity: 1;
}
.location-creative-card .loc-icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(50, 202, 202, 0.1);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 0 auto 1.5rem;
  transition: 0.4s;
}
.location-creative-card:hover .loc-icon-circle {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  transform: scale(1.1);
  pointer-events: none;
}
.location-creative-card h4 {
  color: var(--heading-color);
  font-weight: 700;
  transition: color 0.4s;
  margin-bottom: 10px;
}
.location-creative-card p {
  color: var(--para-color);
  transition: color 0.4s;
  font-size: 0.95rem;
  margin: 0;
}
.wowza-anim-svg .pulse-core {
  animation: 2.5s infinite alternate pulseCore;
}
.wowza-anim-svg .stream-wave {
  stroke-dasharray: 12;
  animation: 1.5s linear infinite streamMove;
}
.wowza-anim-svg .rotating-ring {
  animation: 15s linear infinite rotateRing;
  transform-origin: 250px 250px;
}
@keyframes pulseCore {
  0% {
    filter: drop-shadow(0 0 5px var(--brand-primary));
    filter: drop-shadow(0 0 5px var(--brand-primary));
    transform: scale(0.98);
    filter: drop-shadow(0 0 5px var(--brand-cyan));
  }
  100% {
    filter: drop-shadow(0 0 25px var(--brand-primary));
    transform: scale(1.02);
    filter: drop-shadow(0 0 20px var(--brand-primary));
  }
}
@keyframes streamMove {
  to {
    stroke-dashoffset: -24;
  }
}
@keyframes rotateRing {
  100% {
    transform: rotate(360deg);
  }
}
.fs-anim-svg .data-flow-forward {
  stroke-dasharray: 10 150;
  animation: 2.5s linear infinite dataFlowF;
  stroke-linecap: round;
}
.fs-anim-svg .data-flow-reverse {
  stroke-dasharray: 15 150;
  animation: 2s linear infinite dataFlowR;
  stroke-linecap: round;
}
@keyframes dataFlowF {
  0% {
    stroke-dashoffset: 160;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dataFlowR {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 165;
  }
}
.ios-anim-svg .data-packet {
  stroke-width: 3;
  fill: none;
  stroke-linecap: round;
  filter: url(#glowIOS);
}
.ios-anim-svg .packet-flow {
  stroke-dasharray: 15 150;
  animation: 2s linear infinite dataFlow;
}
.ios-anim-svg .spin-ring {
  transform-origin: center;
  animation: 20s linear infinite spinRing;
}
.ios-anim-svg .spin-ring-rev {
  transform-origin: center;
  animation: 25s linear infinite reverse spinRing;
}
@keyframes pulseCore {
  0% {
    filter: drop-shadow(0 0 5px rgba(50, 202, 202, 0.5));
    transform: scale(0.98);
    filter: drop-shadow(0 0 5px rgba(255, 94, 20, 0.4));
  }
  100% {
    filter: drop-shadow(0 0 20px rgba(50, 202, 202, 0.9));
    transform: scale(1.02);
    filter: drop-shadow(0 0 25px rgba(255, 94, 20, 0.8));
  }
}
@keyframes spinRing {
  100% {
    transform: rotate(360deg);
  }
}
.lifecycle-badge {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  transition: 0.3s;
}
.service-card02:hover .lifecycle-badge {
  background: var(--brand-secondary);
  transform: scale(1.1) rotate(5deg);
}
.tech-stack-card {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.05) 0,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 2.5rem 1.5rem;
  text-align: center;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  height: 100%;
}
.tech-stack-card::before {
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-cyan));
  opacity: 0;
  transition: opacity 0.4s;
}
.tech-stack-card:hover {
  transform: translateY(-8px);
  border-color: rgba(50, 202, 202, 0.3);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.laravel-anim-svg .spin-ring,
.laravel-anim-svg .spin-ccw,
.laravel-anim-svg .spin-cw {
  transform-origin: 250px 250px;
}
.tech-stack-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 1.5rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--brand-cyan);
  transition: 0.4s;
}
.dark-goal-card,
.stat-icon02 {
  display: flex;
  align-items: center;
}
.tech-stack-card:hover .tech-stack-icon {
  background: rgba(50, 202, 202, 0.1);
  transform: scale(1.1);
  color: var(--brand-primary);
  border-color: rgba(255, 94, 20, 0.3);
}
.tech-label {
  color: #94a3b8;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.tech-value {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}
.laravel-anim-svg .packet-1 {
  stroke: url(#larCyan);
  stroke-dasharray: 15 150;
  animation: 2s linear infinite packetFlow;
}
.laravel-anim-svg .packet-2 {
  stroke: url(#larOrange);
  stroke-dasharray: 20 180;
  animation: 2.5s linear infinite packetFlow;
}
.laravel-anim-svg .spin-ring {
  animation: 20s linear infinite spin;
}
.laravel-anim-svg .spin-ring-rev {
  transform-origin: 250px 250px;
  animation: 25s linear infinite reverse spin;
}
.laravel-anim-svg .draw-path {
  stroke-dasharray: 60;
  animation: 4s linear infinite drawPath;
}
@keyframes dataFlow {
  0% {
    stroke-dashoffset: 165;
  }
  100% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -500;
  }
}
@keyframes packetFlow {
  0% {
    stroke-dashoffset: 165;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes drawPath {
  to {
    stroke-dashoffset: 120;
  }
}
.feature-creative-bg-icon {
  position: absolute;
  right: -20px;
  bottom: -20px;
  font-size: 140px;
  color: rgba(255, 94, 20, 0.03);
  z-index: -1;
  transition: 0.5s;
  line-height: 1;
}
.service-card02:hover .feature-creative-bg-icon {
  color: rgba(255, 94, 20, 0.08);
  transform: scale(1.1) rotate(-5deg);
}
@keyframes floatAnim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes pulseCore {
  0% {
    filter: drop-shadow(0 0 10px rgba(50, 202, 202, 0.4));
    transform: scale(0.98);
  }
  100% {
    filter: drop-shadow(0 0 25px rgba(50, 202, 202, 0.8));
    transform: scale(1.02);
  }
}
.stat-card02 {
  background: #fff;
  border-radius: 20px;
  padding: 35px 20px;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 1px solid rgba(0, 0, 0, 0.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.stat-card02::before {
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--brand-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
  z-index: -1;
}
.stat-card02:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(255, 94, 20, 0.12);
}
.stat-card02:hover::before {
  transform: scaleX(1);
}
.stat-icon02 {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgba(255, 94, 20, 0.1) 0,
    rgba(255, 94, 20, 0.02) 100%
  );
  color: var(--brand-primary);
  font-size: 32px;
  justify-content: center;
  margin: 0 auto 20px;
  transition: 0.5s;
  border: 1px solid rgba(255, 94, 20, 0.1);
}
.stat-card02:hover .stat-icon02 {
  background: var(--brand-primary);
  color: #fff;
  transform: rotateY(360deg);
  box-shadow: 0 10px 20px rgba(255, 94, 20, 0.3);
}
.fw-black {
  font-weight: 900;
}
.ai-glass-card {
  background: var(--card-bg-dark);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 35px;
  height: 100%;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.ai-glass-card::before {
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--brand-cyan),
    transparent
  );
  transition: 0.5s;
}
.ai-glass-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 229, 255, 0.3);
  box-shadow: 0 10px 30px rgba(0, 229, 255, 0.1);
}
.ai-glass-card:hover::before {
  left: 100%;
}
.ai-glass-card:hover .icon-box-styled {
  background: var(--brand-cyan);
  color: var(--navy-bg);
  transform: scale(1.1) rotate(5deg);
}
@keyframes pulse-glow {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes draw-line {
  to {
    stroke-dashoffset: 0;
  }
}
.node-glow {
  animation: 3s infinite alternate pulse-glow;
}
.hero-float {
  animation: 6s ease-in-out infinite float;
}
@keyframes spin-cw {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-ccw {
  100% {
    transform: rotate(-360deg);
  }
}
.spin-cw {
  animation: 20s linear infinite spin-cw;
}
.spin-ccw {
  animation: 25s linear infinite spin-ccw;
}
.dash-flow {
  animation: 2s linear infinite dash-flow;
}
@keyframes dash-flow {
  to {
    stroke-dashoffset: -20;
  }
}
.bg-ai-dark {
  background-color: var(--navy-bg);
  color: #fff;
  position: relative;
}
.border-primary {
  border-color: var(--brand-primary) !important;
}
.dark-goal-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  gap: 20px;
}
.dark-goal-card::before {
  left: 0;
  width: 4px;
  height: 0;
  background: var(--brand-primary);
  transition: height 0.4s;
}
.dark-goal-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 94, 20, 0.3);
  transform: translateX(10px);
}
.dark-goal-card:hover::before {
  height: 100%;
}
.goal-icon {
  font-size: 2.5rem;
  color: var(--brand-secondary);
  display: inline-block;
  transition: 0.3s;
}
.dark-goal-card:hover .goal-icon {
  color: var(--brand-primary);
  transform: scale(1.1);
}
.highlight-box {
  background: linear-gradient(
    135deg,
    rgba(50, 202, 202, 0.05) 0,
    rgba(255, 94, 20, 0.05) 100%
  );
  border: 1px solid rgba(50, 202, 202, 0.2);
  border-radius: 16px;
  padding: 40px;
}
.industry-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(255, 94, 20, 0.05);
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transition: 0.4s;
  flex-shrink: 0;
  margin: 0 0 20px;
}
.industry-card:hover .industry-icon-wrap {
  background: var(--brand-primary);
  color: #fff;
  transform: scale(1.1);
}
.feature-pill {
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 15px 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}
.feature-pill:hover {
  border-color: var(--brand-secondary);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(50, 202, 202, 0.1);
}
.feature-pill-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(50, 202, 202, 0.1);
  color: var(--brand-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.testimonial-carousel .owl-item img.tsm-quote-icon,
.tsm-quote-content img.tsm-quote-icon {
  width: 48px !important;
  height: auto !important;
  max-width: 48px !important;
}
@media (max-width: 767px) {
  .testimonial-carousel .owl-item img.tsm-quote-icon,
  .tsm-quote-content img.tsm-quote-icon {
    margin: 10px auto 20px !important;
  }
}
.dark-icon-box.techimagesize {
  border: 0;
  background: 0 0;
}
.dark-card:hover .dark-icon-box.techimagesize {
  background: 0 0;
}
.compliance-badge {
  background: var(--card-bg-dark);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.compliance-badge:hover {
  border-color: var(--brand-secondary);
}
.checklist-icon {
  color: var(--brand-secondary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 2px;
}
@keyframes soundwave {
  0%,
  100% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes spin-slow {
  100% {
    transform: rotate(360deg);
  }
}
.wave-bar {
  animation: 1.5s ease-in-out infinite soundwave;
  transform-origin: center;
}
.wave-bar:first-child {
  animation-delay: 0ms;
}
.wave-bar:nth-child(2) {
  animation-delay: 0.2s;
}
.wave-bar:nth-child(3) {
  animation-delay: 0.4s;
}
.wave-bar:nth-child(4) {
  animation-delay: 0.1s;
}
.wave-bar:nth-child(5) {
  animation-delay: 0.3s;
}
.animate-float {
  animation: 4s ease-in-out infinite float;
}
.animate-spin-slow {
  animation: 15s linear infinite spin-slow;
  transform-origin: center;
}
.service-card-flat {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  transition: 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.industry-card-dark:hover,
.service-card-flat:hover {
  border-color: var(--brand-primary);
  transform: translateY(-5px);
}
.service-tag {
  background: var(--light-bg);
  color: var(--para-color);
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
  border: 1px solid #e2e8f0;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}
.industry-card-dark {
  background: var(--card-bg-dark);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 30px;
  height: 100%;
  transition: 0.3s;
  text-align: left;
}
.industry-icon-box-dark {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background-color: var(--brand-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 20px;
}
@keyframes spin-slowNew {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-reverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes floatNew {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes dashNew {
  to {
    stroke-dashoffset: -40;
  }
}
.aintergrate-anim-wrapper .animate-spin-slow02 {
  animation: 20s linear infinite spin-slowNew;
  transform-origin: center;
}
.aintergrate-anim-wrapper .animate-spin-reverse {
  animation: 25s linear infinite spin-reverse;
  transform-origin: center;
}
.aintergrate-anim-wrapper .animate-float03 {
  animation: 5s ease-in-out infinite floatNew;
}
.aintergrate-anim-wrapper .animate-dash {
  animation: 2s linear infinite dashNew;
}
.persona-card {
  background: var(--card-bg-dark);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.stat-box-dark,
.stat-box-flat {
  padding: 30px 20px;
  height: 100%;
  transition: 0.3s;
}
.persona-card:hover {
  border-color: var(--brand-secondary);
  transform: translateY(-5px);
}
.stat-box-flat {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
.stat-box-dark:hover,
.stat-box-flat:hover {
  border-color: var(--brand-secondary);
  transform: translateY(-3px);
}
.stat-box-dark {
  background: var(--card-bg-dark);
  border: 1px solid var(--card-border);
  border-radius: 16px;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgb(0 0 0 / 0.08);
  border: 1px solid #e2e8f0;
  margin-top: 2rem;
}
table thead th {
  background: linear-gradient(135deg, var(--dark-bg) 0, #0f172a 100%);
  font-weight: 700;
  font-size: 1rem;
  padding: 22px 20px;
  border: none;
  border-bottom: 2px solid #e2e8f0;
  letter-spacing: 0.5px;
}
table tbody td {
  padding: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid #f1f5f9;
  color: var(--para-color);
  font-size: 0.95rem;
  transition: background-color 0.2s;
}
table tbody th {
  font-weight: 600;
  font-size: 0.95rem;
}
.ob-blog-newsletter .blog-content-text table {
  margin: 0 !important;
}
@media (max-width: 991px) {
  .table-responsive {
    white-space: nowrap;
  }
}
.hero-list {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}
.hero-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--para-color);
}
.hero-list li::before {
  content: "\F26A";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--brand-primary);
  font-size: 1.1rem;
}
/* SVG Animation Utilities */
@keyframes dash {
  to {
    stroke-dashoffset: -40;
  }
}
@keyframes float-anim {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.animate-dashnew2 {
  animation: dash 1.5s linear infinite;
}
.float-node {
  animation: float-anim 5s ease-in-out infinite;
}
.float-node-delay {
  animation: float-anim 5s ease-in-out infinite 2.5s;
}
.cLogo {
  padding: 30px;
  text-align: center;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fbfbfb;
  border-bottom: 1px solid #ddd;
}
/* App List Container */
.app-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 2rem;
  margin-bottom: 2rem;
  border-left: 4px solid var(--brand-primary);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
  transition: transform 0.3s ease;
  border-radius: 15px;
}
.app-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}
.app-title-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  gap: 1rem;
}
.app-number {
  background: var(--brand-primary);
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 10px 0;
}
.app-name {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}
.app-stats {
  background: #f8fafc;
  padding: 3px 20px;
  border: 1px solid #e2e8f0;
  margin-bottom: 1rem;
  display: flex;
  gap: 2rem;
  font-weight: 600;
  font-size: 16px;
  border-radius: 8px;
}
.blog-content-text .stat-label {
  font-size: 13px;
  font-weight: 400;
  color: #686868;
  letter-spacing: 1px;
  margin-top: 8px;
  line-height: 1.5;
  display: inline-block;
}
.app-features h4 {
  font-size: 1.1rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: #0f172a;
}

.app-stats2 {
  display: inline-flex;
  align-items: center;
  background: rgba(245, 92, 33, 0.08);
  color: var(--brand-primary);
  padding: 4px 16px;
  border: 1px solid rgba(245, 92, 33, 0.2);
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 13px;
  /* letter-spacing: 0.05em; */
  /* text-transform: uppercase; */
  border-radius: 28px;
}

.ob-blog-newsletter .modern-table thead th {
  font-size: 15px;
  padding: 10px 13px;
  letter-spacing: 0;
  text-align: left;
}
.ob-blog-newsletter .modern-table tbody td {
  padding: 11px;
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
}
.ob-blog-newsletter .highlight-col {
  font-size: 15px !important;
}

/* ==========================================================================
CATEGORY DIVIDERS
========================================================================== */
.category-divider {
  display: flex;
  align-items: center;
  margin: 40px 0 18px;
  page-break-after: avoid;
}
.category-title {
  font-size: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-dark);
  margin: 0 !important;
}

.category-line {
  flex-grow: 1;
  height: 2px;
  background-color: #0f172a;
  margin: 0 1rem;
}
.category-count {
  font-size: 0.85rem;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--brand-primary);
  padding: 0.35rem 1rem;
  text-transform: uppercase;
  border-radius: 22px;
}

/* ==========================================================================
SINGLE CARD BASE - CREATIVE UI
========================================================================== */
.app-creative-card {
  background: #ffffff;
  /* border: 1px solid #e2e8f0; */
  border-left: 4px solid var(--brand-primary);
  padding: 2rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 1;
  border-radius: 15px;
  box-shadow: 0 0px 21px rgba(0, 0, 0, 0.1);
}

/* Giant Watermark Number */
.app-watermark {
  position: absolute;
  bottom: 17px;
  right: 20px;
  font-size: 5rem;
  font-weight: 900;
  color: rgba(33, 42, 69, 0.1);
  line-height: 1;
  pointer-events: none;
  z-index: 0;
  transition: all 0.5s ease;
}

/* Card Header & Content */
.app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  z-index: 2;
}

.app-title {
  font-size: 1.35rem;
  margin: 0;
  color: var(--text-dark);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 0 !important;
  font-size: 21px !important;
}

.app-meta-badge {
  background-color: var(--bg-dark);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  border-radius: 6px;
}

.app-meta-badge .free-text {
  color: #13ee73;
}

.app-meta-badge .divider {
  color: #ffffff;
  opacity: 0.3;
  margin: 0 0.5rem;
}

.app-desc {
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
}

/* Download Button */
.btn-editorial-download {
  display: inline-flex;
  align-items: center;
  background-color: var(--brand-primary);
  color: #ffffff;
  font-weight: 800;
  padding: 0.75rem 1.75rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
  border: 2px solid var(--brand-primary);
  transition: all 0.3s ease;
  width: fit-content;
  position: relative;
  z-index: 2;
  border-radius: 10px;
}

.btn-editorial-download:hover {
  background-color: #d94b16;
  border-color: #d94b16;
  color: #ffffff;
}

.btn-editorial-download svg {
  margin-left: 0.5rem;
  color: #ffffff;
}

/* --- STREAMING_CHUNK: Styling the conclusion block and responsive adjustments --- */
/* ==========================================================================
CONCLUSION BLOCK
========================================================================== */
.editorial-conclusion {
  background: var(--bg-dark);
  color: #ffffff;
  padding: 4rem 3rem;
  margin-top: 5rem;
  margin-bottom: 3rem;
  border-top: 5px solid var(--brand-primary);
}

.editorial-conclusion h2 {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.editorial-conclusion p {
  font-size: 1.1rem;
  color: #cbd5e1;
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.highlight-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  border-left: 4px solid var(--brand-primary);
  padding-left: 1.5rem;
  margin-top: 2rem;
  font-style: italic;
}

/* Responsive */
@media (max-width: 767.98px) {
  .category-divider {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .category-line {
    display: none;
  }
  .category-count {
    margin-left: 0;
  }
  .app-creative-card {
    padding: 1.5rem;
  }
  .app-watermark {
    font-size: 4rem;
    right: 10px;
  }
  .app-title {
    font-size: 1.25rem;
    white-space: normal;
  }
  .editorial-conclusion {
    padding: 2rem;
  }
}
@media (max-width: 991.98px) {
  .tbl-content {
    padding: 17px 8px;
    border: 1px solid #e5eaf2;
    border-radius: 9px;
  }
}

/* Tech Stack Creative Dark Theme */
.tech-bento-card {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.tech-bento-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--brand-cyan);
  opacity: 0.6;
  transition: 0.3s;
}
.tech-bento-card:hover {
  border-color: rgba(50, 202, 202, 0.3);
  transform: translateY(-5px);
  background: rgba(15, 23, 42, 0.8);
}
.tech-bento-card:hover::before {
  opacity: 1;
  width: 6px;
}

.tech-bento-card.alt-accent::before {
  background: var(--brand-primary);
}
.tech-bento-card.alt-accent:hover {
  border-color: rgba(255, 94, 20, 0.3);
}

.tech-badge {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #f8fafc;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  display: inline-block;
  transition: 0.2s;
}
.tech-bento-card:hover .tech-badge {
  border-color: rgba(50, 202, 202, 0.4);
  background: rgba(50, 202, 202, 0.05);
}
.tech-bento-card.alt-accent:hover .tech-badge {
  border-color: rgba(255, 94, 20, 0.4);
  background: rgba(255, 94, 20, 0.05);
}

/* taxi app SVG Animations */
@keyframes float-node {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes float-node-alt {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes spin-cw3 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash-flow3 {
  to {
    stroke-dashoffset: -40;
  }
}

.svg-float-1 {
  animation: float-node 6s ease-in-out infinite;
}
.svg-float-2 {
  animation: float-node-alt 5s ease-in-out infinite 1s;
}
.svg-float-3 {
  animation: float-node-alt 7s ease-in-out infinite 2s;
}
.svg-spin-slow {
  animation: spin-cw3 40s linear infinite;
  transform-origin: 250px 250px;
}
.svg-dash {
  stroke-dasharray: 8 8;
  animation: dash-flow3 2s linear infinite;
}

/* augmented reality SVG Animations */
@keyframes float-node3 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes float-node-alt2 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes spin-cw4 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-ccw4 {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes dash-flow {
  to {
    stroke-dashoffset: -20;
  }
}

.svg-float-11 {
  animation: float-node3 5s ease-in-out infinite;
}
.svg-float-22 {
  animation: float-node-alt2 6s ease-in-out infinite 1s;
}
.svg-spin-cw4 {
  animation: spin-cw4 30s linear infinite;
  transform-origin: 250px 250px;
}
.svg-spin-ccw4 {
  animation: spin-ccw4 40s linear infinite;
  transform-origin: 250px 250px;
}
.svg-dash5 {
  animation: dash-flow 1s linear infinite;
}

/* Nested List Styles */
.custom-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-check-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  color: var(--text-muted-light);
  font-size: 0.95rem;
}
.custom-check-list li::before {
  content: "\F26A";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--brand-primary);
  font-size: 1.2rem;
}

/* VS Section */
.vs-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 40px;
  height: 100%;
  position: relative;
}
.vs-badge {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--navy-bg);
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid #fff;
  z-index: 10;
}
@media (max-width: 991px) {
  .vs-badge {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Unique Golang SVG Animations */
@keyframes go-svg-float-1 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes go-svg-float-2 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes go-svg-spin-cw {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes go-svg-spin-ccw {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes go-svg-dash-flow {
  to {
    stroke-dashoffset: -20;
  }
}

.go-svg-float-1 {
  animation: go-svg-float-1 5s ease-in-out infinite;
}
.go-svg-float-2 {
  animation: go-svg-float-2 6s ease-in-out infinite 1s;
}
.go-svg-float-3 {
  animation: go-svg-float-1 5.5s ease-in-out infinite 2s;
}
.go-svg-spin-cw {
  animation: go-svg-spin-cw 30s linear infinite;
  transform-origin: 250px 250px;
}
.go-svg-spin-ccw {
  animation: go-svg-spin-ccw 40s linear infinite;
  transform-origin: 250px 250px;
}
.go-svg-spin-fast-cw {
  animation: go-svg-spin-cw 10s linear infinite;
  transform-origin: center;
}
.go-svg-dash {
  animation: go-svg-dash-flow 1s linear infinite;
}
/* ==========================================================================
		Startup Company Cards (Bento Style Grid)
		========================================================================== */
.startup-grid {
  display: grid;
  grid-template-columns: 1fr;
}

.startup-card {
  /* background: var(--bg-white); border: 1px solid var(--border-color);
		 padding: 2.25rem; height: 100%; transition: all 0.3s ease;
		 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02); display: flex; flex-direction: column;
		 border-left: 4px solid var(--brand-primary);
		 position: relative;
		 overflow: hidden;
		 z-index: 1; */
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  border-left: 4px solid var(--brand-primary);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
  transition: transform 0.3s ease;
  border-radius: 15px;
}
.startup-card:hover {
  border-left-color: var(--brand-secondary);
  transform: translateY(-5px);
  box-shadow: 0 15px 25px -5px rgba(50, 202, 202, 0.1);
}

.startup-number {
  position: absolute;
  top: -10px;
  right: 15px;
  font-size: 6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  color: rgba(15, 23, 42, 0.03);
  line-height: 1;
  pointer-events: none;
  z-index: 0;
  transition: all 0.5s ease;
}
.startup-card:hover .startup-number {
  color: rgba(50, 202, 202, 0.08);
  transform: scale(1.05) translateX(-5px);
}

/* Color variations for left borders */
.startup-card:nth-child(2n) {
  border-left-color: var(--brand-secondary);
}
.startup-card:nth-child(2n):hover {
  border-left-color: var(--brand-primary);
  box-shadow: 0 15px 25px -5px rgba(239, 92, 32, 0.1);
}
.startup-card:nth-child(2n):hover .startup-number {
  color: rgba(239, 92, 32, 0.08);
}

.startup-card:nth-child(3n) {
  border-left-color: #0f172a;
}
.startup-card:nth-child(3n):hover {
  border-left-color: var(--brand-primary);
}
.startup-card:nth-child(3n):hover .startup-number {
  color: rgba(239, 92, 32, 0.08);
}

.startup-content {
  position: relative;
  z-index: 2;
}
.startup-name {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 1rem;
}
.startup-desc {
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

/* SVG Animations for Virtual Reality */
@keyframes vr-svg-float-1 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes vr-svg-float-2 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes vr-svg-spin-cw {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vr-svg-spin-ccw {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes vr-svg-dash-flow {
  to {
    stroke-dashoffset: -20;
  }
}

.vr-svg-float-1 {
  animation: vr-svg-float-1 5s ease-in-out infinite;
}
.vr-svg-float-2 {
  animation: vr-svg-float-2 6s ease-in-out infinite 1s;
}
.vr-svg-float-3 {
  animation: vr-svg-float-1 5.5s ease-in-out infinite 2s;
}
.vr-svg-spin-cw {
  animation: vr-svg-spin-cw 30s linear infinite;
  transform-origin: 250px 250px;
}
.vr-svg-spin-ccw {
  animation: vr-svg-spin-ccw 40s linear infinite;
  transform-origin: 250px 250px;
}
.vr-svg-dash {
  animation: vr-svg-dash-flow 1s linear infinite;
}

/* Unique Web SVG Animations */
@keyframes web-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes web-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes web-svg-spin-cw { 100% { transform: rotate(360deg); } }
@keyframes web-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
@keyframes web-svg-dash-flow { to { stroke-dashoffset: -20; } }

.web-svg-float-1 { animation: web-svg-float-1 5s ease-in-out infinite; }
.web-svg-float-2 { animation: web-svg-float-2 6s ease-in-out infinite 1s; }
.web-svg-float-3 { animation: web-svg-float-1 5.5s ease-in-out infinite 2s; }
.web-svg-spin-cw { animation: web-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
.web-svg-spin-ccw { animation: web-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
.web-svg-dash { animation: web-svg-dash-flow 1s linear infinite; }

@keyframes mai-svg-float-1-anim { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes mai-svg-float-2-anim { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes mai-svg-spin-cw-anim { 100% { transform: rotate(360deg); } }
@keyframes mai-svg-spin-ccw-anim { 100% { transform: rotate(-360deg); } }
@keyframes mai-svg-dash-anim { to { stroke-dashoffset: -20; } }

.mai-svg-float-1 { animation: mai-svg-float-1-anim 5s ease-in-out infinite; }
.mai-svg-float-2 { animation: mai-svg-float-2-anim 6s ease-in-out infinite 1s; }
.mai-svg-spin-cw { animation: mai-svg-spin-cw-anim 30s linear infinite; transform-origin: 250px 250px; }
.mai-svg-spin-ccw { animation: mai-svg-spin-ccw-anim 40s linear infinite; transform-origin: 250px 250px; }
.mai-svg-dash { animation: mai-svg-dash-anim 1s linear infinite; }

.testimonial-block {
  border-left: 4px solid var(--brand-secondary); padding: 30px 40px;
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 0 16px 16px 0;
  position: relative;
}



        /* Custom Timeline Styles */
        .custom-v-timeline { position: relative; padding-left: 2rem; }
        .custom-v-timeline::before { content: ''; position: absolute; left: 7px; top: 0; bottom: 0; width: 2px; background: rgba(50, 202, 202, 0.2); }
        .timeline-step { position: relative; padding-bottom: 2.5rem; }
        .timeline-step:last-child { padding-bottom: 0; }
        .timeline-step::before { content: ''; position: absolute; left: -2rem; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--brand-secondary); box-shadow: 0 0 0 4px rgba(50, 202, 202, 0.1); }
        
        /* Case Study Premium Card Styles */
        .case-study-premium { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; transition: all 0.3s ease; }
        .case-study-premium:hover { border-color: var(--brand-primary); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important; }
        .case-study-brand-box { background: #f1f5f9; border-right: 1px solid #e2e8f0; }
        @media (max-width: 767.98px) { .case-study-brand-box { border-right: none; border-bottom: 1px solid #e2e8f0; } }

        @keyframes dubai-web-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes dubai-web-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes dubai-web-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes dubai-web-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes dubai-web-svg-dash { to { stroke-dashoffset: -20; } }

        .dubai-web-svg-float-1 { animation: dubai-web-svg-float-1 5s ease-in-out infinite; }
        .dubai-web-svg-float-2 { animation: dubai-web-svg-float-2 6s ease-in-out infinite 1s; }
        .dubai-web-svg-spin-cw { animation: dubai-web-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .dubai-web-svg-spin-ccw { animation: dubai-web-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .dubai-web-svg-dash { animation: dubai-web-svg-dash 1s linear infinite; }

        .cs-logo img {
          max-height: 53px;
        }

        .cs-logo {
          margin: 0 0 26px;
        }
        
        /* Custom SVG Animations */
        @keyframes iot-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes iot-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes iot-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes iot-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes iot-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .iot-svg-float-1 { animation: iot-svg-float-1 5s ease-in-out infinite; }
        .iot-svg-float-2 { animation: iot-svg-float-2 6s ease-in-out infinite 1s; }
        .iot-svg-spin-cw { animation: iot-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .iot-svg-spin-ccw { animation: iot-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .iot-svg-dash { animation: iot-svg-dash-flow 1s linear infinite; }
        /* Custom React Native SVG Animations */
        @keyframes rn-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes rn-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes rn-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes rn-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes rn-svg-pulse { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.05); opacity: 1; } }

        .rn-svg-spin-cw { animation: rn-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .rn-svg-spin-ccw { animation: rn-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .rn-svg-float-1 { animation: rn-svg-float-1 5s ease-in-out infinite; }
        .rn-svg-float-2 { animation: rn-svg-float-2 6s ease-in-out infinite 1s; }

        @keyframes agent-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes agent-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes agent-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes agent-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes agent-svg-dash-flow { to { stroke-dashoffset: -20; } }
        @keyframes agent-svg-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }

        .agent-svg-float-1 { animation: agent-svg-float-1 5s ease-in-out infinite; }
        .agent-svg-float-2 { animation: agent-svg-float-2 6s ease-in-out infinite 1s; }
        .agent-svg-spin-cw { animation: agent-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .agent-svg-spin-ccw { animation: agent-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .agent-svg-dash { animation: agent-svg-dash-flow 1s linear infinite; }
        .agent-svg-pulse { animation: agent-svg-pulse 3s ease-in-out infinite; transform-origin: center; }


        @keyframes cb-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes cb-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes cb-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes cb-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes cb-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .cb-svg-float-1 { animation: cb-svg-float-1 5s ease-in-out infinite; }
        .cb-svg-float-2 { animation: cb-svg-float-2 6s ease-in-out infinite 1s; }
        .cb-svg-spin-cw { animation: cb-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .cb-svg-spin-ccw { animation: cb-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .cb-svg-dash { animation: cb-svg-dash-flow 1s linear infinite; }

        /* Unique AI Dev SVG Animations */
        @keyframes ai-dev-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes ai-dev-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes ai-dev-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes ai-dev-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes ai-dev-svg-dash-flow { to { stroke-dashoffset: -20; } }
        @keyframes ai-dev-pulse { 0% { r: 6; opacity: 1; } 100% { r: 15; opacity: 0; } }

        .ai-dev-svg-float-1 { animation: ai-dev-svg-float-1 5s ease-in-out infinite; }
        .ai-dev-svg-float-2 { animation: ai-dev-svg-float-2 6s ease-in-out infinite 1s; }
        .ai-dev-svg-spin-cw { animation: ai-dev-svg-spin-cw 40s linear infinite; transform-origin: 250px 250px; }
        .ai-dev-svg-spin-ccw { animation: ai-dev-svg-spin-ccw 50s linear infinite; transform-origin: 250px 250px; }
        .ai-dev-svg-dash { animation: ai-dev-svg-dash-flow 1s linear infinite; }
        .ai-dev-pulse-circle { animation: ai-dev-pulse 2s ease-out infinite; }
        .ai-dev-pulse-circle-2 { animation: ai-dev-pulse 2s ease-out infinite 1s; }

        /* Case Study Premium Dark Card Styles */
        .case-study-dark { 
            background: var(--card-bg-dark); 
            border: 1px solid var(--card-border); 
            border-radius: 16px; 
            overflow: hidden; 
            transition: all 0.3s ease; 
        }
        .case-study-dark:hover { 
            border-color: var(--brand-primary); 
            transform: translateY(-5px); 
        }
        .case-study-brand-box-dark { 
            background: rgba(3, 7, 18, 0.5); /* Darker panel */
            border-right: 1px solid var(--card-border); 
        }
        .case-study-content-dark {
            background: transparent;
        }
        @media (max-width: 767.98px) { 
            .case-study-brand-box-dark { border-right: none; border-bottom: 1px solid var(--card-border); } 
        }
        /* Custom Dark Check List */
        .custom-check-list-dark { list-style: none; padding: 0; margin: 0; }
        .custom-check-list-dark li { 
            position: relative; 
            padding-left: 32px; 
            margin-bottom: 16px; 
            color: var(--text-muted-light); 
            font-size: 1rem; 
            font-weight: 500; 
            line-height: 1.6; 
        }
        .custom-check-list-dark li::before { 
            content: "\F26A"; 
            font-family: "bootstrap-icons"; 
            position: absolute; 
            left: 0; 
            top: 2px; 
            color: var(--brand-primary); 
            font-size: 1.2rem; 
        }


        .testimonial-flat-card {
          background: #ffffff;
          border: 1px solid #e2e8f0;
          border-left: 4px solid var(--brand-secondary);
          border-radius: 0 16px 16px 0;
          padding: 40px;
          position: relative;
      }

      .bg-darker-section { background-color: var(--dark-bg); color: #fff; }
      @keyframes flutter-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
      @keyframes flutter-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
      @keyframes flutter-svg-spin-cw { 100% { transform: rotate(360deg); } }
      @keyframes flutter-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
      @keyframes flutter-svg-dash-flow { to { stroke-dashoffset: -20; } }

      .flutter-svg-float-1 { animation: flutter-svg-float-1 5s ease-in-out infinite; }
      .flutter-svg-float-2 { animation: flutter-svg-float-2 6s ease-in-out infinite 1s; }
      .flutter-svg-spin-cw { animation: flutter-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
      .flutter-svg-spin-ccw { animation: flutter-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
      .flutter-svg-dash { animation: flutter-svg-dash-flow 1s linear infinite; }

      /* New CSS for What is Flutter */
        .flutter-feature-box {
            background: rgba(50, 202, 202, 0.05);
            border-left: 4px solid var(--brand-secondary);
            padding: 24px;
            border-radius: 0 16px 16px 0;
            transition: all 0.3s ease;
        }
        .flutter-feature-box:hover {
            transform: translateX(5px);
            background: rgba(50, 202, 202, 0.1);
        }
        .flutter-feature-box.primary-variant {
            background: rgba(255, 94, 20, 0.05);
            border-left-color: var(--brand-primary);
        }
        .flutter-feature-box.primary-variant:hover {
            background: rgba(255, 94, 20, 0.1);
        }

        /* New CSS for Industries */
        .flutter-industry-card {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            padding: 35px 20px;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
            z-index: 1;
            text-decoration: none;
            display: block;
            height: 100%;
        }
        .flutter-industry-card::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 0%;
            background: rgba(255, 94, 20, 0.03);
            z-index: -1;
            transition: height 0.4s ease;
        }
        .flutter-industry-card.sec-variant::before {
            background: rgba(50, 202, 202, 0.05);
        }
        .flutter-industry-card:hover {
            border-color: var(--brand-primary);
            transform: translateY(-8px);
        }
        .flutter-industry-card.sec-variant:hover {
            border-color: var(--brand-secondary);
        }
        .flutter-industry-card:hover::before {
            height: 100%;
        }
        .flutter-industry-icon {
            width: 75px; height: 75px; margin: 0 auto 20px; border-radius: 50%;
            background: rgba(255, 94, 20, 0.1); color: var(--brand-primary);
            display: flex; align-items: center; justify-content: center; font-size: 32px;
            transition: all 0.4s ease;
        }
        .flutter-industry-card:hover .flutter-industry-icon {
            background: var(--brand-primary); color: #fff; transform: scale(1.1) rotate(5deg);
        }
        .flutter-industry-card.sec-variant .flutter-industry-icon {
            background: rgba(50, 202, 202, 0.1); color: var(--brand-secondary);
        }
        .flutter-industry-card.sec-variant:hover .flutter-industry-icon {
            background: var(--brand-secondary); color: #fff;
        }

           @keyframes kotlin-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes kotlin-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes kotlin-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes kotlin-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes kotlin-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .kotlin-svg-float-1 { animation: kotlin-svg-float-1 5s ease-in-out infinite; }
        .kotlin-svg-float-2 { animation: kotlin-svg-float-2 6s ease-in-out infinite 1s; }
        .kotlin-svg-spin-cw { animation: kotlin-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .kotlin-svg-spin-ccw { animation: kotlin-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .kotlin-svg-dash { animation: kotlin-svg-dash-flow 1s linear infinite; }

        @keyframes xam-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes xam-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes xam-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes xam-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes xam-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .xam-svg-float-1 { animation: xam-svg-float-1 5s ease-in-out infinite; }
        .xam-svg-float-2 { animation: xam-svg-float-2 6s ease-in-out infinite 1s; }
        .xam-svg-spin-cw { animation: xam-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .xam-svg-spin-ccw { animation: xam-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .xam-svg-dash { animation: xam-svg-dash-flow 1s linear infinite; }

        @keyframes ionic-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes ionic-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes ionic-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes ionic-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes ionic-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .ionic-svg-float-1 { animation: ionic-svg-float-1 5s ease-in-out infinite; }
        .ionic-svg-float-2 { animation: ionic-svg-float-2 6s ease-in-out infinite 1s; }
        .ionic-svg-spin-cw { animation: ionic-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .ionic-svg-spin-ccw { animation: ionic-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .ionic-svg-dash { animation: ionic-svg-dash-flow 1s linear infinite; }

        @keyframes dubai-web-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes dubai-web-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes dubai-web-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes dubai-web-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes dubai-web-svg-dash { to { stroke-dashoffset: -20; } }

        .dubai-web-svg-float-1 { animation: dubai-web-svg-float-1 5s ease-in-out infinite; }
        .dubai-web-svg-float-2 { animation: dubai-web-svg-float-2 6s ease-in-out infinite 1s; }
        .dubai-web-svg-spin-cw { animation: dubai-web-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .dubai-web-svg-spin-ccw { animation: dubai-web-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .dubai-web-svg-dash { animation: dubai-web-svg-dash 1s linear infinite; }


        .custom-check-list.dark-text li {
          color: var(--para-color);
          font-size: 17px;
        }

        @keyframes dxb-app-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes dxb-app-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes dxb-app-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes dxb-app-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes dxb-app-dash-flow { to { stroke-dashoffset: -20; } }

        .dxb-app-float-1 { animation: dxb-app-float-1 5s ease-in-out infinite; }
        .dxb-app-float-2 { animation: dxb-app-float-2 6s ease-in-out infinite 1s; }
        .dxb-app-spin-cw { animation: dxb-app-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .dxb-app-spin-ccw { animation: dxb-app-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .dxb-app-dash { animation: dxb-app-dash-flow 1s linear infinite; }

        /* Swift SVG Animations */
        @keyframes swift-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes swift-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes swift-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes swift-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes swift-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .swift-svg-float-1 { animation: swift-svg-float-1 5s ease-in-out infinite; }
        .swift-svg-float-2 { animation: swift-svg-float-2 6s ease-in-out infinite 1s; }
        .swift-svg-spin-cw { animation: swift-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .swift-svg-spin-ccw { animation: swift-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .swift-svg-dash { animation: swift-svg-dash-flow 1s linear infinite; }

        
        @keyframes ang-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes ang-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes ang-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes ang-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes ang-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .ang-svg-float-1 { animation: ang-svg-float-1 5s ease-in-out infinite; }
        .ang-svg-float-2 { animation: ang-svg-float-2 6s ease-in-out infinite 1s; }
        .ang-svg-spin-cw { animation: ang-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .ang-svg-spin-ccw { animation: ang-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .ang-svg-dash { animation: ang-svg-dash-flow 1s linear infinite; }

        @keyframes node-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes node-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes node-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes node-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes node-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .node-svg-float-1 { animation: node-svg-float-1 5s ease-in-out infinite; }
        .node-svg-float-2 { animation: node-svg-float-2 6s ease-in-out infinite 1s; }
        .node-svg-spin-cw { animation: node-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .node-svg-spin-ccw { animation: node-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .node-svg-dash { animation: node-svg-dash-flow 1s linear infinite; }
    
        /* Vue SVG Animations */
        @keyframes vue-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes vue-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes vue-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes vue-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes vue-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .vue-svg-float-1 { animation: vue-svg-float-1 5s ease-in-out infinite; }
        .vue-svg-float-2 { animation: vue-svg-float-2 6s ease-in-out infinite 1s; }
        .vue-svg-spin-cw { animation: vue-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .vue-svg-spin-ccw { animation: vue-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .vue-svg-dash { animation: vue-svg-dash-flow 1s linear infinite; }

        @keyframes express-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes express-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes express-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes express-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes express-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .express-svg-float-1 { animation: express-svg-float-1 5s ease-in-out infinite; }
        .express-svg-float-2 { animation: express-svg-float-2 6s ease-in-out infinite 1s; }
        .express-svg-spin-cw { animation: express-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .express-svg-spin-ccw { animation: express-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .express-svg-dash { animation: express-svg-dash-flow 1s linear infinite; }

        @keyframes react-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes react-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes react-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes react-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes react-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .react-svg-float-1 { animation: react-svg-float-1 5s ease-in-out infinite; }
        .react-svg-float-2 { animation: react-svg-float-2 6s ease-in-out infinite 1s; }
        .react-svg-spin-cw { animation: react-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .react-svg-spin-ccw { animation: react-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .react-svg-dash { animation: react-svg-dash-flow 1s linear infinite; }

        /* Creative Process Cards */
        .process-creative-card {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 35px;
            position: relative;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 1;
            overflow: hidden;
            height: 100%;
        }
        .process-creative-card::before {
            content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
            background: var(--brand-primary); transition: all 0.4s ease;
        }
        .process-creative-card.alt-variant::before { background: var(--brand-secondary); }
        .process-creative-card:hover {
            transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.06);
            border-color: rgba(255, 94, 20, 0.2);
        }
        .process-creative-card.alt-variant:hover { border-color: rgba(50, 202, 202, 0.2); }
        .process-creative-card:hover::before { width: 100%; opacity: 0.03; }
        .process-step-num {
            position: absolute; top: 15px; right: 20px; font-size: 4.5rem; font-weight: 900;
            color: rgba(0,0,0,0.03); transition: all 0.4s ease; line-height: 1; z-index: -1;
        }
        .process-creative-card:hover .process-step-num {
            color: rgba(255, 94, 20, 0.08); transform: scale(1.1) rotate(5deg);
        }
        .process-creative-card.alt-variant:hover .process-step-num { color: rgba(50, 202, 202, 0.08); }
        .process-icon-wrap {
            width: 60px; height: 60px; border-radius: 12px; background: rgba(255, 94, 20, 0.1); 
            color: var(--brand-primary); display: flex; align-items: center; justify-content: center; 
            font-size: 28px; margin-bottom: 24px;
        }
        .process-creative-card.alt-variant .process-icon-wrap { background: rgba(50, 202, 202, 0.1); color: var(--brand-secondary); }
        .process-tag-new {
            background: #ffffff; color: var(--para-color); padding: 6px 14px; border-radius: 6px;
            font-size: 0.80rem; font-weight: 600; border: 1px solid #e2e8f0; display: inline-block;
            margin-right: 6px; margin-bottom: 6px; transition: 0.3s;
        }
        .process-tag-new:hover { border-color: var(--brand-primary); color: var(--brand-primary); }
        .process-creative-card.alt-variant .process-tag-new:hover { border-color: var(--brand-secondary); color: var(--brand-secondary); }

        @keyframes ci-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes ci-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes ci-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes ci-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes ci-svg-dash-flow { to { stroke-dashoffset: -20; } }

        /* New Creative Animation Keyframes */
        @keyframes ci-svg-pulse-anim { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.6); opacity: 0; } }
        @keyframes ci-svg-spin-fast { 100% { transform: rotate(360deg); } }
        @keyframes ci-svg-scan { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(8px); } }

        .ci-svg-float-1 { animation: ci-svg-float-1 5s ease-in-out infinite; }
        .ci-svg-float-2 { animation: ci-svg-float-2 6s ease-in-out infinite 1s; }
        .ci-svg-float-3 { animation: ci-svg-float-1 5.5s ease-in-out infinite 2s; }
        .ci-svg-spin-cw { animation: ci-svg-spin-cw 30s linear infinite; transform-origin: 250px 250px; }
        .ci-svg-spin-ccw { animation: ci-svg-spin-ccw 40s linear infinite; transform-origin: 250px 250px; }
        .ci-svg-dash { animation: ci-svg-dash-flow 1s linear infinite; }
        
        /* New Creative Animation Classes */
        .ci-svg-pulse { animation: ci-svg-pulse-anim 2.5s ease-out infinite; transform-origin: 70px 70px; }
        .ci-svg-spin-gear { animation: ci-svg-spin-fast 4s linear infinite; transform-origin: 30px 30px; }
        .ci-svg-scanner { animation: ci-svg-scan 2s ease-in-out infinite; }

        /* Magento Custom SVG Animations */
        @keyframes mag-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes mag-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes mag-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes mag-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes mag-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .mag-svg-float-1 { animation: mag-svg-float-1 5s ease-in-out infinite; }
        .mag-svg-float-2 { animation: mag-svg-float-2 6s ease-in-out infinite 1s; }
        .mag-svg-spin-cw { animation: mag-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .mag-svg-spin-ccw { animation: mag-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .mag-svg-dash { animation: mag-svg-dash-flow 1s linear infinite; }

        @keyframes fuel-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes fuel-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes fuel-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes fuel-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes fuel-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .fuel-svg-float-1 { animation: fuel-svg-float-1 5s ease-in-out infinite; }
        .fuel-svg-float-2 { animation: fuel-svg-float-2 6s ease-in-out infinite 1s; }
        .fuel-svg-spin-cw { animation: fuel-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .fuel-svg-spin-ccw { animation: fuel-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .fuel-svg-dash { animation: fuel-svg-dash-flow 1s linear infinite; }

        @keyframes shopify-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes shopify-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes shopify-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes shopify-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes shopify-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .shopify-svg-float-1 { animation: shopify-svg-float-1 5s ease-in-out infinite; }
        .shopify-svg-float-2 { animation: shopify-svg-float-2 6s ease-in-out infinite 1s; }
        .shopify-svg-spin-cw { animation: shopify-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .shopify-svg-spin-ccw { animation: shopify-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .shopify-svg-dash { animation: shopify-svg-dash-flow 1s linear infinite; }

        .cts-hd1 {
          text-align: center;
          font-weight: bold;
          font-size: 1.75rem;
          margin-bottom: 5px;
        }

        /* Yii SVG Animations */
        @keyframes yii-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes yii-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes yii-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes yii-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes yii-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .yii-svg-float-1 { animation: yii-svg-float-1 5s ease-in-out infinite; }
        .yii-svg-float-2 { animation: yii-svg-float-2 6s ease-in-out infinite 1s; }
        .yii-svg-spin-cw { animation: yii-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .yii-svg-spin-ccw { animation: yii-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .yii-svg-dash { animation: yii-svg-dash-flow 1s linear infinite; }

        /* Laravel SVG Animations */
        @keyframes lar-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes lar-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes lar-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes lar-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes lar-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .lar-svg-float-1 { animation: lar-svg-float-1 5s ease-in-out infinite; }
        .lar-svg-float-2 { animation: lar-svg-float-2 6s ease-in-out infinite 1s; }
        .lar-svg-spin-cw { animation: lar-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .lar-svg-spin-ccw { animation: lar-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .lar-svg-dash { animation: lar-svg-dash-flow 1s linear infinite; }


        /* PHP Custom SVG Animations */
        @keyframes php-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes php-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes php-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes php-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes php-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .php-svg-float-1 { animation: php-svg-float-1 5s ease-in-out infinite; }
        .php-svg-float-2 { animation: php-svg-float-2 6s ease-in-out infinite 1s; }
        .php-svg-spin-cw { animation: php-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .php-svg-spin-ccw { animation: php-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .php-svg-dash { animation: php-svg-dash-flow 1s linear infinite; }

        /* PHP Famous Brands Marquee */
        .php-marquee-wrapper { position: relative; width: 100%; overflow: hidden; padding: 20px 0; display: flex; }
        .php-marquee-wrapper::before, .php-marquee-wrapper::after {
            content: ""; position: absolute; top: 0; bottom: 0; width: 150px; z-index: 2; pointer-events: none;
        }
        .php-marquee-wrapper::before { left: 0; background: linear-gradient(to right, var(--navy-bg), transparent); }
        .php-marquee-wrapper::after { right: 0; background: linear-gradient(to left, var(--navy-bg), transparent); }
        .php-marquee-content { display: flex; animation: marquee-scroll 35s linear infinite; width: max-content; }
        .php-marquee-content:hover { animation-play-state: paused; }
        .php-marquee-item {
          background: rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(255, 255, 255, 0.15);
          padding: 10px 27px;
          margin: 0 7px;
          border-radius: 50px;
          color: #fff;
          font-size: 1rem;
          font-weight: 600;
          letter-spacing: 0.5px;
          transition: all 0.3s ease;
          display: inline-flex;
          align-items: center;
          gap: 10px;
        }
        .php-marquee-item:hover {
            background: rgba(50, 202, 202, 0.1); border-color: var(--brand-secondary); color: var(--brand-secondary); transform: translateY(-5px);
        }
        .php-marquee-item i, .php-marquee-item span {
          height: 27px;       
        }
        @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        @media (max-width: 768px) {
            .php-marquee-wrapper::before, .php-marquee-wrapper::after { width: 50px; }
        }

        @keyframes wp-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes wp-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes wp-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes wp-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes wp-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .wp-svg-float-1 { animation: wp-svg-float-1 5s ease-in-out infinite; }
        .wp-svg-float-2 { animation: wp-svg-float-2 6s ease-in-out infinite 1s; }
        .wp-svg-spin-cw { animation: wp-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .wp-svg-spin-ccw { animation: wp-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .wp-svg-dash { animation: wp-svg-dash-flow 1s linear infinite; }

        /* New Creative Animation Keyframes */
        @keyframes dj-svg-pulse-anim { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.6); opacity: 0; } }
        @keyframes dj-svg-scan { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(8px); } }

        .dj-svg-float-1 { animation: dj-svg-float-1 5s ease-in-out infinite; }
        .dj-svg-float-2 { animation: dj-svg-float-2 6s ease-in-out infinite 1s; }
        .dj-svg-spin-cw { animation: dj-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .dj-svg-spin-ccw { animation: dj-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .dj-svg-dash { animation: dj-svg-dash-flow 1s linear infinite; }
        
        /* New Creative Animation Classes */
        .dj-svg-pulse { animation: dj-svg-pulse-anim 2.5s ease-out infinite; transform-origin: 70px 70px; }
        .dj-svg-scanner { animation: dj-svg-scan 2s ease-in-out infinite; }

        @keyframes net-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes net-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes net-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes net-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes net-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .net-svg-float-1 { animation: net-svg-float-1 5s ease-in-out infinite; }
        .net-svg-float-2 { animation: net-svg-float-2 6s ease-in-out infinite 1s; }
        .net-svg-spin-cw { animation: net-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .net-svg-spin-ccw { animation: net-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .net-svg-dash { animation: net-svg-dash-flow 1s linear infinite; }

        .tech-badgenew {
          background: #ffffff; border: 1px solid #e2e8f0; border-radius: 50px;
          padding: 8px 20px; display: inline-flex; align-items: center; gap: 8px;
          font-size: 0.85rem; font-weight: 600; color: var(--heading-color); transition: all 0.3s ease; margin: 4px;
      }
      .tech-badgenew:hover { border-color: var(--brand-secondary); color: var(--brand-secondary); transform: translateY(-2px); }

      @keyframes sf-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
      @keyframes sf-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
      @keyframes sf-svg-spin-cw { 100% { transform: rotate(360deg); } }
      @keyframes sf-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
      @keyframes sf-svg-dash-flow { to { stroke-dashoffset: -20; } }

      .sf-svg-float-1 { animation: sf-svg-float-1 5s ease-in-out infinite; }
      .sf-svg-float-2 { animation: sf-svg-float-2 6s ease-in-out infinite 1s; }
      .sf-svg-spin-cw { animation: sf-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
      .sf-svg-spin-ccw { animation: sf-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
      .sf-svg-dash { animation: sf-svg-dash-flow 1s linear infinite; }

      @keyframes csharp-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
      @keyframes csharp-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
      @keyframes csharp-svg-spin-cw { 100% { transform: rotate(360deg); } }
      @keyframes csharp-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
      @keyframes csharp-svg-dash-flow { to { stroke-dashoffset: -20; } }

      .csharp-svg-float-1 { animation: csharp-svg-float-1 5s ease-in-out infinite; }
      .csharp-svg-float-2 { animation: csharp-svg-float-2 6s ease-in-out infinite 1s; }
      .csharp-svg-spin-cw { animation: csharp-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
      .csharp-svg-spin-ccw { animation: csharp-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
      .csharp-svg-dash { animation: csharp-svg-dash-flow 1s linear infinite; }

      /* SASS/LESS Custom SVG Animations */
        @keyframes sass-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes sass-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes sass-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes sass-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes sass-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .sass-svg-float-1 { animation: sass-svg-float-1 5s ease-in-out infinite; }
        .sass-svg-float-2 { animation: sass-svg-float-2 6s ease-in-out infinite 1s; }
        .sass-svg-spin-cw { animation: sass-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .sass-svg-spin-ccw { animation: sass-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .sass-svg-dash { animation: sass-svg-dash-flow 1s linear infinite; }

        /* Firebase Custom SVG Animations */
        @keyframes firebase-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes firebase-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes firebase-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes firebase-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes firebase-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .firebase-svg-float-1 { animation: firebase-svg-float-1 5s ease-in-out infinite; }
        .firebase-svg-float-2 { animation: firebase-svg-float-2 6s ease-in-out infinite 1s; }
        .firebase-svg-spin-cw { animation: firebase-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .firebase-svg-spin-ccw { animation: firebase-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .firebase-svg-dash { animation: firebase-svg-dash-flow 1s linear infinite; }

        @keyframes mariadb-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes mariadb-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes mariadb-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes mariadb-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes mariadb-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .mariadb-svg-float-1 { animation: mariadb-svg-float-1 5s ease-in-out infinite; }
        .mariadb-svg-float-2 { animation: mariadb-svg-float-2 6s ease-in-out infinite 1s; }
        .mariadb-svg-spin-cw { animation: mariadb-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .mariadb-svg-spin-ccw { animation: mariadb-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .mariadb-svg-dash { animation: mariadb-svg-dash-flow 1s linear infinite; }

         /* AWS Custom SVG Animations */
        @keyframes aws-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes aws-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes aws-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes aws-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes aws-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .aws-svg-float-1 { animation: aws-svg-float-1 5s ease-in-out infinite; }
        .aws-svg-float-2 { animation: aws-svg-float-2 6s ease-in-out infinite 1s; }
        .aws-svg-spin-cw { animation: aws-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .aws-svg-spin-ccw { animation: aws-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .aws-svg-dash { animation: aws-svg-dash-flow 1s linear infinite; }


         @keyframes gcp-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes gcp-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes gcp-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes gcp-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes gcp-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .gcp-svg-float-1 { animation: gcp-svg-float-1 5s ease-in-out infinite; }
        .gcp-svg-float-2 { animation: gcp-svg-float-2 6s ease-in-out infinite 1s; }
        .gcp-svg-spin-cw { animation: gcp-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .gcp-svg-spin-ccw { animation: gcp-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .gcp-svg-dash { animation: gcp-svg-dash-flow 1s linear infinite; }

        @keyframes azure-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes azure-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes azure-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes azure-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes azure-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .azure-svg-float-1 { animation: azure-svg-float-1 5s ease-in-out infinite; }
        .azure-svg-float-2 { animation: azure-svg-float-2 6s ease-in-out infinite 1s; }
        .azure-svg-spin-cw { animation: azure-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .azure-svg-spin-ccw { animation: azure-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .azure-svg-dash { animation: azure-svg-dash-flow 1s linear infinite; }

        @keyframes cf-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes cf-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes cf-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes cf-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes cf-svg-dash-flow { to { stroke-dashoffset: -20; } }
        @keyframes cf-svg-pulse { 0% { r: 10; opacity: 1; } 100% { r: 30; opacity: 0; } }

        .cf-svg-float-1 { animation: cf-svg-float-1 5s ease-in-out infinite; }
        .cf-svg-float-2 { animation: cf-svg-float-2 6s ease-in-out infinite 1s; }
        .cf-svg-spin-cw { animation: cf-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .cf-svg-spin-ccw { animation: cf-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .cf-svg-dash { animation: cf-svg-dash-flow 1s linear infinite; }
        .cf-svg-pulse-circle { animation: cf-svg-pulse 2s ease-out infinite; }

        @keyframes mongodb-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes mongodb-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes mongodb-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes mongodb-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes mongodb-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .mongodb-svg-float-1 { animation: mongodb-svg-float-1 5s ease-in-out infinite; }
        .mongodb-svg-float-2 { animation: mongodb-svg-float-2 6s ease-in-out infinite 1s; }
        .mongodb-svg-spin-cw { animation: mongodb-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .mongodb-svg-spin-ccw { animation: mongodb-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .mongodb-svg-dash { animation: mongodb-svg-dash-flow 1s linear infinite; }

        /* Wowza Custom SVG Animations */
        @keyframes wowza-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes wowza-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes wowza-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes wowza-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes wowza-svg-dash-flow { to { stroke-dashoffset: -20; } }
        @keyframes wowza-svg-pulse { 0% { r: 10; opacity: 1; } 100% { r: 35; opacity: 0; } }

        .wowza-svg-float-1 { animation: wowza-svg-float-1 5s ease-in-out infinite; }
        .wowza-svg-float-2 { animation: wowza-svg-float-2 6s ease-in-out infinite 1s; }
        .wowza-svg-spin-cw { animation: wowza-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .wowza-svg-spin-ccw { animation: wowza-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .wowza-svg-dash { animation: wowza-svg-dash-flow 1s linear infinite; }
        .wowza-svg-pulse-circle { animation: wowza-svg-pulse 2s ease-out infinite; }

        @keyframes twoco-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes twoco-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes twoco-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes twoco-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes twoco-svg-dash-flow { to { stroke-dashoffset: -20; } }
        @keyframes twoco-pulse { 0% { r: 10; opacity: 1; } 100% { r: 25; opacity: 0; } }

        .twoco-svg-float-1 { animation: twoco-svg-float-1 5s ease-in-out infinite; }
        .twoco-svg-float-2 { animation: twoco-svg-float-2 6s ease-in-out infinite 1s; }
        .twoco-svg-spin-cw { animation: twoco-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .twoco-svg-spin-ccw { animation: twoco-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .twoco-svg-dash { animation: twoco-svg-dash-flow 1s linear infinite; }
        .twoco-pulse-circle { animation: twoco-pulse 2s ease-out infinite; }

          @keyframes native-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes native-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes native-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes native-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes native-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .native-svg-float-1 { animation: native-svg-float-1 5s ease-in-out infinite; }
        .native-svg-float-2 { animation: native-svg-float-2 6s ease-in-out infinite 1s; }
        .native-svg-spin-cw { animation: native-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .native-svg-spin-ccw { animation: native-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .native-svg-dash { animation: native-svg-dash-flow 1s linear infinite; }

        @keyframes ad-app-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes ad-app-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes ad-app-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes ad-app-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes ad-app-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .ad-app-svg-float-1 { animation: ad-app-svg-float-1 5s ease-in-out infinite; }
        .ad-app-svg-float-2 { animation: ad-app-svg-float-2 6s ease-in-out infinite 1s; }
        .ad-app-svg-spin-cw { animation: ad-app-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .ad-app-svg-spin-ccw { animation: ad-app-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .ad-app-svg-dash { animation: ad-app-svg-dash-flow 1s linear infinite; }

        
        @keyframes voicebot-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes voicebot-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes voicebot-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes voicebot-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes voicebot-svg-dash-flow { to { stroke-dashoffset: -20; } }
        
        /* Soundwave animations */
        @keyframes voicebot-wave-1 { 0%, 100% { height: 15px; y: 42.5px; } 50% { height: 45px; y: 27.5px; } }
        @keyframes voicebot-wave-2 { 0%, 100% { height: 35px; y: 32.5px; } 50% { height: 75px; y: 12.5px; } }
        @keyframes voicebot-wave-3 { 0%, 100% { height: 50px; y: 25px; } 50% { height: 90px; y: 5px; } }
        @keyframes voicebot-wave-4 { 0%, 100% { height: 25px; y: 37.5px; } 50% { height: 60px; y: 20px; } }

        .voicebot-svg-float-1 { animation: voicebot-svg-float-1 5s ease-in-out infinite; }
        .voicebot-svg-float-2 { animation: voicebot-svg-float-2 6s ease-in-out infinite 1s; }
        .voicebot-svg-spin-cw { animation: voicebot-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .voicebot-svg-spin-ccw { animation: voicebot-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .voicebot-svg-dash { animation: voicebot-svg-dash-flow 1s linear infinite; }
        
        .voicebot-bar-1 { animation: voicebot-wave-1 1.2s ease-in-out infinite; }
        .voicebot-bar-2 { animation: voicebot-wave-2 1.4s ease-in-out infinite; }
        .voicebot-bar-3 { animation: voicebot-wave-3 1.1s ease-in-out infinite; }
        .voicebot-bar-4 { animation: voicebot-wave-4 1.3s ease-in-out infinite; }
        .voicebot-bar-5 { animation: voicebot-wave-2 1.5s ease-in-out infinite; }
        .voicebot-bar-6 { animation: voicebot-wave-1 1.0s ease-in-out infinite; }
        

        @keyframes delhi-app-svg-float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes delhi-app-svg-float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        @keyframes delhi-app-svg-spin-cw { 100% { transform: rotate(360deg); } }
        @keyframes delhi-app-svg-spin-ccw { 100% { transform: rotate(-360deg); } }
        @keyframes delhi-app-svg-dash-flow { to { stroke-dashoffset: -20; } }

        .delhi-app-svg-float-1 { animation: delhi-app-svg-float-1 5s ease-in-out infinite; }
        .delhi-app-svg-float-2 { animation: delhi-app-svg-float-2 6s ease-in-out infinite 1s; }
        .delhi-app-svg-spin-cw { animation: delhi-app-svg-spin-cw 35s linear infinite; transform-origin: 250px 250px; }
        .delhi-app-svg-spin-ccw { animation: delhi-app-svg-spin-ccw 45s linear infinite; transform-origin: 250px 250px; }
        .delhi-app-svg-dash { animation: delhi-app-svg-dash-flow 1s linear infinite; }

        .tophero-section {
          position: relative;
          /* padding-top: 80px;
          padding-bottom: 80px; */
          min-height: calc(100vh - 210px);
          display: flex;
          align-items: center;
          background-image: 
              radial-gradient(circle at 15% 50%, rgba(16, 25, 50, 0.7), transparent 25%),
              radial-gradient(circle at 85% 30%, rgba(30, 20, 60, 0.6), transparent 25%);
      }

      /* Subtle grid background */
      .tophero-section::before {
          content: '';
          position: absolute;
          top: 0; left: 0; width: 100%; height: 100%;
          background-image: 
              linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
              linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
          background-size: 50px 50px;
          z-index: -1;
          pointer-events: none;
      }

      .topglow-orb {
          position: absolute;
          border-radius: 50%;
          filter: blur(100px);
          z-index: -1;
          opacity: 0.6;
          pointer-events: none;
      }

      .topglow-orb-blue {
          width: 400px; height: 400px;
          background: rgba(0, 123, 255, 0.15);
          top: 10%; right: 5%;
      }

      .topglow-orb-purple {
          width: 350px; height: 350px;
          background: rgba(138, 43, 226, 0.15);
          bottom: -50px; left: -50px;
      }

      .tophero-title {
          font-size: 3.5rem;
          font-weight: 700;
          color:#ffff;
          line-height: 1;
          margin-bottom: 1.25rem;
          letter-spacing: -1px;
      }

      .tophero-subtitle {
        font-size: 1.1rem;
        color: #94a3b8;
        line-height: 1.6;
        max-width: 90%;
        margin-bottom: 30px;
      }
       
      /* Feature Icons */
      .topfeature-box {
          display: flex;
          flex-direction: column;
          gap: 1rem;
      }

      .topfeature-icon-wrapper {
          width: 48px;
          height: 48px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.25rem;
      }

      /* Specific Icon Colors matching the image */
      .icon-rocket { background: rgba(111, 66, 193, 0.15); color: #b184f5; border: 1px solid rgba(111, 66, 193, 0.3); }
      .icon-target { background: rgba(13, 110, 253, 0.15); color: #6ea8fe; border: 1px solid rgba(13, 110, 253, 0.3); }
      .icon-shield { background: rgba(25, 135, 84, 0.15); color: #75b798; border: 1px solid rgba(25, 135, 84, 0.3); }
      .icon-chart { background: rgba(111, 66, 193, 0.15); color: #b184f5; border: 1px solid rgba(111, 66, 193, 0.3); }

      .topfeature-title {
        font-size: 0.95rem;
        font-weight: 600;
        margin: 0 0 13px;
        color: #e2e8f0;
      }

      .topfeature-desc {
          font-size: 0.8rem;
          color: #94a3b8 !important;
          line-height: 1.4;
          margin: 0;
      }

      /* Image Animation */
      .topfloating-img {
          animation: topfloat 6s ease-in-out infinite;
          max-height: 600px;
          height: auto !important;
          width:auto !important;
          filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
      }

      @keyframes topfloat {
          0% { transform: translateY(0px); }
          50% { transform: translateY(-15px); }
          100% { transform: translateY(0px); }
      }

      /* Logos Section */
      .logos-container {
        background: rgba(246, 246, 246, 0.1);
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding: 2rem;
        margin-top: 10px;
        /* box-shadow: 0 10px 30px rgba(0,0,0,0.2); */
      }
      
      .trust-text {
        color: #94a3b8;
        font-size: 0.95rem;
        font-weight: 500;
    }
    .logos-flexblock {
      gap: 4%;
      row-gap: 18px;
    }
      .toptech-logo {
          height: 28px;
          width: auto;
          object-fit: contain;
          opacity: 0.85;
          transition: all 0.3s ease;
      }

      .toptech-logo:hover {
          opacity: 1;
          transform: translateY(-2px);
      }

      @media (max-width: 991px) {
        .tophero-title {
          font-size: 2.2rem;
        }
          .tophero-section { text-align: center; }
          .tophero-subtitle { max-width: 100%; margin-left: auto; margin-right: auto; font-size: 1rem;
            
            line-height: 1.4;}
          .topfeature-box { align-items: center; text-align: center; margin-bottom: 2rem; }
          .buttons-group { justify-content: center; }
          .logos-container .row { justify-content: center !important; gap: 1rem; }
      }

      .mvp-development-services .hero-banner-item::before {
        background-image: linear-gradient(93deg, #010A1E 0.58%, #030D29 49.88%, #0B0C43 99.19%);
        mix-blend-mode: normal;
      }
      .mvp-development-services .heroContent .container {
        max-width: 100%;
      }

      .hero-banner-item .logos-container img {
        object-fit: unset;
        max-width: 100%;
        width: auto;
        height: auto;
        max-height: 47px;
      }
      @media (max-width: 1480px) {
        .hero-banner-item .logos-container img {
          max-height: 37px;
        }
        .logos-flexblock {
          gap: 3%;
        }
      }
      @media (max-width: 1280px) {
        .hero-banner-item .logos-container img {
          max-height: 28px;
        }
        .logos-flexblock {
          gap: 3%;
        }
      }
      @media (max-width: 1024px) {
        .hero-banner-item .logos-container img {
          max-height: 28px;
        }
        .logos-flexblock {
          gap: 20px;
          row-gap: 18px;
        }
        .logos-container {
          padding: 1rem;
        }
      }