/* ==========================================================================
   SERVSOFT CMS — MAIN STYLESHEET (servsoft-tailwind.min.css)
   ==========================================================================

   This is the single, consolidated front-end bundle (purged base styles +
   the custom overrides merged in from style.css). It is generated/source-
   ordered, so rules for a given template are NOT all physically contiguous —
   related clusters can appear in several places down the file. The banner
   comments below are NAVIGATION MARKERS placed above where each area's main
   cluster begins; search the banner title (e.g. "SECTION: HERO SLIDER") to
   jump to it. Media queries are intentionally kept INLINE next to the base
   rules they modify (moving them would change the cascade), so per-breakpoint
   tweaks live inside each section, not in one block at the bottom.

   NOTE: if the PurgeCSS build (`npm run build:css`) is ever repaired and
   re-run, it regenerates this file and these comments are lost — treat the
   build source as the durable place for structure.

   --------------------------------------------------------------------------
   TABLE OF CONTENTS  (search "SECTION:" to walk through them)
   --------------------------------------------------------------------------
   01. TOKENS & VARIABLES (:root) ............ base reset, body, headings,
                                               section-space utilities, grid
   02. HEADER & MEGA MENU .................... .main-header, .main-menu,
                                               .servsoft-mega, .megamenu-popup,
                                               .mobile-nav
   03. FOOTER & GLOBAL CTA ................... .main-footer, footer widgets,
                                               copyright, CTA band
   04. HERO SLIDER .......................... .hero-three + Owl Carousel nav/
                                               dots + .hero-slide-modern
                                               (mobile overrides inline)
   05. HOMEPAGE (INTRO & ABOUT BENTO) ....... .about-three and related intro
                                               / bento blocks
   06. SINGLE SERVICES ...................... .service-details (single-services)
   07. PORTFOLIO GRID ....................... .sf-work__*
   08. SINGLE PROJECT / EDITORIAL LAYOUT .... .sf-post__* (single.php +
                                               single-aigence_project.php)
   09. CONSOLIDATED OVERRIDES (from style.css) WP helpers, icon-font
                                               fallbacks, form notices, the
                                               .sf-* editorial layer
   --------------------------------------------------------------------------
   (Note: by source order the clusters run 01 → 02 → 03 → 04 → 05 → 06 → 07
    → 08 → 09; sections 02–08 may still reference shared utilities defined in
    01. No selectors were reordered when these comments were added.)
   ========================================================================== */

/* ==========================================================================
   SECTION: 01. TOKENS & VARIABLES (:root)
   Brand custom properties, base reset, body/typography, link + placeholder
   defaults, section-space vertical-rhythm utilities and the grid gutters.
   ========================================================================== */
:root {
  --servsoft-font: "Plus Jakarta Sans", sans-serif;
  --servsoft-text: #959cb2;
  --servsoft-text-rgb: 149, 156, 178;
  --servsoft-text-gray: #8c9ed3;
  --servsoft-text-gray-rgb: 140, 158, 211;
  --servsoft-base: #e84144;
  --servsoft-base-rgb: 232, 65, 68;
  --servsoft-primary: #2b4c9b;
  --servsoft-primary-rgb: 43, 76, 155;
  --servsoft-gray: #8995b9;
  --servsoft-gray-rgb: 137, 149, 185;
  --servsoft-gray2: #a1aac7;
  --servsoft-gray2-rgb: 161, 170, 199;
  --servsoft-gray3: #818fb2;
  --servsoft-gray3-rgb: 129, 143, 178;
  --servsoft-white: #fff;
  --servsoft-white-rgb: 255, 255, 255;
  --servsoft-white2: #f1f3ff;
  --servsoft-white2-rgb: 241, 243, 255;
  --servsoft-black: #0d1a42;
  --servsoft-black-rgb: 13, 26, 66;
  --servsoft-black2: #000;
  --servsoft-black2-rgb: 0, 0, 0;
  --servsoft-black3: #081435;
  --servsoft-black3-rgb: 8, 20, 53;
  --servsoft-black4: #222230;
  --servsoft-black4-rgb: 34, 34, 48;
  --servsoft-black5: #00040e;
  --servsoft-black5-rgb: 0, 4, 14;
  --servsoft-black6: #091536;
  --servsoft-black6-rgb: 9, 21, 54;
  --servsoft-black7: #020b28;
  --servsoft-black7-rgb: 2, 11, 40;
  --servsoft-black8: #091843;
  --servsoft-black8-rgb: 9, 24, 67;
  --servsoft-border-color: #e6eaff;
  --servsoft-border-color-rgb: 230, 234, 255;
  --section-space: 120px;
  --section-space-2: 108px;
  --servsoft-sky: #42bbef;
}
body {
  color: var(--servsoft-text, #959cb2);
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
}
body.locked {
  overflow: hidden;
}
a {
  color: var(--servsoft-base, #e84144);
  transition: all 0.4s ease;
}
a,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
h1,
h2,
h3,
h4,
h6 {
  color: var(--servsoft-black, #0d1a42);
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
}
.page-wrapper {
  margin: 0 auto;
  min-width: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .section-space {
    padding: 34px;
  }
}
.section-space-2 {
  padding-bottom: var(--section-space, 120px);
  padding-top: var(--section-space-2, 108px);
}
.section-space {
    padding: 34px 10px;
}
@media (max-width: 767px) {
  .section-space-2 {
    padding-bottom: 100px;
    padding-top: 90px;
  }
}
@media (max-width: 575px) {
  .section-space-2 {
    padding-bottom: 80px;
    padding-top: 73px;
  }
}
.section-space-top {
  padding-top: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space-top {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-top {
    padding-top: 80px;
  }
}
.section-space-top-2 {
  padding-top: var(--section-space-2, 108px);
}
@media (max-width: 767px) {
  .section-space-top-2 {
    padding-top: 90px;
  }
}
@media (max-width: 575px) {
  .section-space-top-2 {
    padding-top: 73px;
  }
}
.section-space-bottom {
  padding-bottom: var(--section-space, 120px);
}
@media (max-width: 767px) {
  .section-space-bottom {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}
.container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1800px;
  }
}
.row {
  --bs-gutter-x: 30px;
}
.gutter-y-10 {
  --bs-gutter-y: 10px;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}
.gutter-y-40 {
  --bs-gutter-y: 40px;
}
.gutter-y-50 {
  --bs-gutter-y: 50px;
}
.logo-retina img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.servsoft-btn {
  align-items: center;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  margin: 0;
  outline: none !important;
  padding: 0;
  transition: 0.5s;
  vertical-align: middle;
}
.servsoft-btn,
.servsoft-btn__text {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.servsoft-btn__text {
  background: linear-gradient(90deg, #42bbef, #2b4c9b);
  border-radius: 100px;
  color: var(--servsoft-white, #fff);
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.285;
  padding: 14px 36px 14px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.servsoft-btn__text:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.servsoft-btn:hover .servsoft-btn__text {
  color: var(--servsoft-white, #fff);
}
.servsoft-btn:hover .servsoft-btn__text:after {
  opacity: 1;
}
.servsoft-btn__icon {
  align-items: center;
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  height: 30px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 10px;
  transition: all 0.5s ease;
  width: 30px;
  z-index: 1;
}
.servsoft-btn__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.servsoft-btn-two {
  background-color: var(--servsoft-white2, #f1f3ff);
  border: 0;
  border-radius: 30px;
  color: var(--servsoft-black, #0d1a42);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.428;
  margin: 0;
  outline: 0;
  padding: 10px 20px;
  position: relative;
  transition: all 0.5s ease;
  z-index: 1;
}
.servsoft-btn-two:hover {
  color: var(--servsoft-white, #fff);
}
.servsoft-btn-two:after {
  background: linear-gradient(90deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.servsoft-btn-two:hover:after {
  opacity: 1;
}
@-webkit-keyframes pulse-animate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes pulse-animate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
.sec-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}
.sec-title--center {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 1199px) {
  .sec-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .sec-title {
    font-size: 30px;
  }
}
.customers {
  align-items: center;
  display: flex;
  gap: 15px 22px;
}
@media (max-width: 575px) {
  .customers {
    align-items: flex-start;
    flex-direction: column;
  }
}
.customers__image,
.customers__inner {
  align-items: center;
  display: inline-flex;
}
.customers__image img {
  border: 2px solid var(--servsoft-white, #fff);
  border-radius: 50%;
  flex-shrink: 0;
  height: 54px;
  width: 54px;
}
.customers__image img:not(:first-child) {
  margin-left: -15px;
}
.customers__text {
  color: var(--servsoft-white, #fff);
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  text-transform: capitalize;
}
.servsoft-ratings {
  align-items: center;
  display: flex;
  gap: 6px;
}
.servsoft-ratings__icon {
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  font-size: 19px;
  transition: all 0.5s ease;
}
.servsoft-ratings__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.social-links {
  gap: 20px;
}
.social-links,
.social-links a {
  align-items: center;
  display: flex;
}
.social-links a {
  background-color: var(--servsoft-white2, #f1f3ff);
  border-radius: 50%;
  flex-shrink: 0;
  height: 30px;
  justify-content: center;
  overflow: hidden;
  transition: all 0.5s ease;
  width: 30px;
}
.social-links__icon {
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  font-size: 13px;
  transition: all 0.5s ease;
}
.social-links__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.social-links a:hover {
  background-color: var(--servsoft-base, #e84144);
}
.social-links a:hover .social-links__icon {
  animation: slideTop 0.4s;
  color: var(--servsoft-white, #fff);
}
.progress-box__title {
  color: var(--servsoft-black, #0d1a42);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.444;
  margin-bottom: 15px;
}
@media (max-width: 430px) {
  .progress-box__title {
    font-size: 16px;
  }
}
.progress-box__bar {
  background-color: var(--servsoft-white2, #f1f3ff);
  border-radius: 20px;
  height: 10px;
  position: relative;
  width: 100%;
}
.progress-box__bar__inner {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 20px;
  height: 100%;
  left: 0;
  position: relative;
  position: absolute;
  top: 0;
  transition: all 0.8s linear;
  width: 0;
}
.progress-box__number {
  bottom: calc(100% + 15px);
  color: var(--servsoft-black, #0d1a42);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.444;
  position: absolute;
  right: 0;
}
@media (max-width: 430px) {
  .progress-box__number {
    font-size: 16px;
  }
}
.post-pagination__btn.active {
  border-color: transparent;
  color: var(--servsoft-white, #fff);
}
.post-pagination__btn.active:after {
  opacity: 1;
}
.post-pagination__btn.active.post-pagination__btn--icon > * {
  animation-play-state: paused;
}
.tabs-box .tabs-content .tab:not(.active-tab) {
  display: none;
}
.bootstrap-select .dropdown-menu {
  border-radius: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  background-color: var(--servsoft-base, #e84144);
}
.servsoft-owl__carousel--with-shadow .owl-stage-outer {
  overflow: visible;
}
.servsoft-owl__carousel--with-shadow .owl-item {
  opacity: 0;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease;
  visibility: hidden;
}
.servsoft-owl__carousel--with-shadow .owl-item.active {
  opacity: 1;
  visibility: visible;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 45px;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button {
  align-items: center;
  background-color: var(--servsoft-white2, #f1f3ff);
  border: none;
  border-radius: 50%;
  color: var(--servsoft-black, #0d1a42);
  display: flex;
  font-size: 20px;
  height: 56px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  transition: all 0.5s ease;
  width: 56px;
  z-index: 1;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
@media (max-width: 575px) {
  .servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button {
    font-size: 18px;
    height: 50px;
    width: 50px;
  }
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button:after {
  background: linear-gradient(270deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover {
  color: var(--servsoft-white, #fff);
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover:after {
  opacity: 1;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
  border: none;
  color: inherit;
  outline: none;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 991px) {
  .servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots {
    gap: 15px;
  }
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
  background-color: var(--servsoft-border-color, #e6eaff);
  border: 0;
  border-radius: 50%;
  height: 2px;
  outline: 0;
  position: relative;
  width: 50px;
}
@media (max-width: 991px) {
  .servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
    width: 35px;
  }
}
@media (max-width: 767px) {
  .servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
    width: 30px;
  }
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 100%;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {
  background-color: transparent;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active:after,
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover:after {
  opacity: 1;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span,
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span {
  background-color: transparent;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 45px;
}
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled,
.servsoft-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled {
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  background-color: var(--servsoft-black, #0d1a42);
  background-image: none;
  color: var(--servsoft-white, #fff);
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker-calendar th span {
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
}
.ui-datepicker-calendar td {
  color: var(--servsoft-text, #959cb2);
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar td a {
  background-color: var(--servsoft-text, #959cb2);
  background-image: none;
}
.ui-datepicker-calendar td a {
  border-color: var(--servsoft-border-color, #e6eaff);
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
  background-color: var(--servsoft-text, #959cb2);
  background-image: none;
  border-color: var(--servsoft-border-color, #e6eaff);
  color: var(--servsoft-text, #959cb2);
  line-height: 1em;
  padding: 10px 5px;
  text-align: center;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
  background-color: var(--servsoft-base, #e84144);
  color: var(--servsoft-white, #fff);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  background-color: var(--servsoft-white, #fff);
  background-image: none;
  color: var(--servsoft-black, #0d1a42);
}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  background-color: var(--servsoft-base, #e84144);
  color: var(--servsoft-white, #fff);
  top: 2px;
}
.ui-datepicker .ui-datepicker-prev:hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next:hover {
  right: 2px;
}
.scroll-to-top {
  align-items: center;
  background: transparent;
  bottom: 60px;
  cursor: pointer;
  display: flex;
  height: 35px;
  opacity: 0;
  position: fixed;
  right: -12px;
  text-align: center;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
  visibility: hidden;
  width: auto;
  z-index: 99;
}
.scroll-to-top__text {
  display: inline;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-right: 8px;
  text-transform: uppercase;
}
.scroll-to-top__wrapper {
  background-color: var(--servsoft-base, #e84144);
  display: inline-block;
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 30px;
}
.scroll-to-top__inner {
  background-color: var(--servsoft-black, #0d1a42);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.scroll-to-top.show {
  bottom: 170px;
  opacity: 1;
  visibility: visible;
}
.preloader {
  background-color: var(--servsoft-black, #0d1a42);
  bottom: 0;
  display: -webkit-box;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9991;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
.preloader,
.preloader__image {
  background-position: 50%;
  background-repeat: no-repeat;
}
.preloader__image {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  background-size: 60px auto;
  height: 100%;
  width: 100%;
}
.custom-cursor__cursor {
  border: 1px solid var(--servsoft-base, #e84144);
  border-radius: 100%;
  height: 25px;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 25px;
  z-index: 999991;
}
.custom-cursor__cursor-two {
  background-color: var(--servsoft-base, #e84144);
  border-radius: 100%;
  height: 10px;
  opacity: 0.3;
  pointer-events: none;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition:
    width 0.3s,
    height 0.3s,
    opacity 0.3s;
  transition:
    width 0.3s,
    height 0.3s,
    opacity 0.3s;
  width: 10px;
  z-index: 999991;
}
.custom-cursor__hover {
  background-color: var(--servsoft-base, #e84144);
  opacity: 0.4;
}
.custom-cursor__innerhover {
  height: 25px;
  opacity: 0.4;
  width: 25px;
}
@keyframes bubbleMover {
  0% {
    -webkit-transform: translateY(0) translateX(0) rotate(0);
    transform: translateY(0) translateX(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
    transform: translateY(50px) translateX(100px) rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  to {
    -webkit-transform: translateY(0) translateX(0) rotate(0);
    transform: translateY(0) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes shapeMover {
  0%,
  to {
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0)
      translateX(0);
  }
  50% {
    transform: perspective(400px) rotate(-45deg) translateZ(20px)
      translateY(20px) translateX(20px);
  }
}
@keyframes banner3Shake {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  80% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes squareMover {
  0%,
  to {
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  20%,
  60% {
    -webkit-transform: translate(20px, 40px) rotate(180deg);
    transform: translate(20px, 40px) rotate(180deg);
  }
  30%,
  80% {
    -webkit-transform: translate(40px, 60px) rotate(0deg);
    transform: translate(40px, 60px) rotate(0deg);
  }
}
@keyframes treeMove {
  0%,
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%,
  75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
  }
  50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
  }
}
@keyframes leafMove {
  0%,
  to {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%,
  75% {
    transform: rotate(-2deg) translateX(5px);
  }
  50% {
    transform: rotate(-4deg) translateX(10px);
  }
}
@keyframes messageMove {
  0%,
  to {
    transform: translateX(0);
  }
  25%,
  75% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes shapeRotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes shapeRotate2 {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes flowerRotate {
  0%,
  to {
    transform: rotate(0deg);
  }
  25%,
  75% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes zump {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zumpBottom {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1.15);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
@keyframes moveX {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes moveX2 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  50% {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rainMove {
  0% {
    opacity: 0;
    transform: translate(0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes wobble-horizontal-hover {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-3px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(50px) rotateY(-190deg);
  }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(50px) rotateY(-170deg);
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
  }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  }
}
@keyframes smartMove {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    width: 100%;
  }
  to {
    opacity: 0;
    width: 0;
  }
}
@keyframes smartMove2 {
  0% {
    width: 0;
  }
  15% {
    width: 126px;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    width: 126px;
  }
  to {
    opacity: 0;
    width: 0;
  }
}
@keyframes smartMove3 {
  0% {
    width: 0;
  }
  15% {
    width: 173px;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    width: 173px;
  }
  to {
    opacity: 0;
    width: 0;
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(0) translateX(0) rotate(0deg);
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  to {
    -webkit-transform: translateY(0) translateX(0) rotate(0deg);
    transform: translateY(0) translateX(0) rotate(0deg);
  }
}
@keyframes rectMove {
  0%,
  50%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25%,
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes moveBackground {
  0% {
    background-position: -1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes moveBackgroundY {
  0% {
    background-position: 100% 1920px;
  }
  to {
    background-position: 100% 0;
  }
}
@keyframes slideTop {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideRight {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideLeft {
  49% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes animatedCircle {
  0% {
    transform: translate(0) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  to {
    transform: translate(0) rotate(0deg) scale(1);
  }
}
.team-card {
  position: relative;
  transition: all 0.5s ease;
}
.team-card:hover {
  filter: drop-shadow(0 10px 60px rgba(0, 0, 0, 0.1));
}
.team-card__shape {
  background-color: var(--servsoft-white2, #f1f3ff);
  border-radius: 20px 30px 30px 30px;
  height: 100%;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1149.000000"><g transform="translate(0.000000,1149.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M366 11475 c-3 -8 -18 -17 -33 -21 -55 -13 -128 -57 -186 -113 -65 -61 -98 -112 -128 -193 -19 -52 -19 -133 -19 -4573 0 -3883 2 -4527 14 -4567 44 -143 151 -256 295 -313 59 -23 70 -23 448 -28 309 -4 398 -8 439 -20 175 -52 317 -192 357 -352 5 -22 13 -240 16 -485 6 -392 9 -450 24 -485 50 -114 97 -177 171 -233 45 -33 76 -49 164 -83 13 -5 1389 -9 3257 -9 3602 0 3275 -7 3433 72 65 32 102 59 163 120 43 43 85 91 93 106 39 69 80 161 90 202 7 25 17 44 24 43 9 -2 12 957 12 4357 0 3086 -3 4359 -11 4358 -6 -2 -23 33 -38 77 -42 119 -80 181 -167 269 -85 85 -176 139 -295 175 -50 15 -107 20 -264 24 -224 6 -297 19 -408 70 -198 92 -345 274 -389 477 -5 25 -13 164 -17 310 -9 276 -14 311 -66 420 -39 84 -101 166 -173 230 -60 54 -213 134 -274 145 -24 3 -38 11 -38 20 0 13 -412 15 -3244 15 -2845 0 -3245 -2 -3250 -15z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1149.000000"><g transform="translate(0.000000,1149.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M366 11475 c-3 -8 -18 -17 -33 -21 -55 -13 -128 -57 -186 -113 -65 -61 -98 -112 -128 -193 -19 -52 -19 -133 -19 -4573 0 -3883 2 -4527 14 -4567 44 -143 151 -256 295 -313 59 -23 70 -23 448 -28 309 -4 398 -8 439 -20 175 -52 317 -192 357 -352 5 -22 13 -240 16 -485 6 -392 9 -450 24 -485 50 -114 97 -177 171 -233 45 -33 76 -49 164 -83 13 -5 1389 -9 3257 -9 3602 0 3275 -7 3433 72 65 32 102 59 163 120 43 43 85 91 93 106 39 69 80 161 90 202 7 25 17 44 24 43 9 -2 12 957 12 4357 0 3086 -3 4359 -11 4358 -6 -2 -23 33 -38 77 -42 119 -80 181 -167 269 -85 85 -176 139 -295 175 -50 15 -107 20 -264 24 -224 6 -297 19 -408 70 -198 92 -345 274 -389 477 -5 25 -13 164 -17 310 -9 276 -14 311 -66 420 -39 84 -101 166 -173 230 -60 54 -213 134 -274 145 -24 3 -38 11 -38 20 0 13 -412 15 -3244 15 -2845 0 -3245 -2 -3250 -15z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
.team-card:hover .team-card__shape {
  background-color: var(--servsoft-white, #fff);
}
.team-card__image {
  border-radius: 20px 30px 30px 30px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 945.000000"><g transform="translate(0.000000,945.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M366 9435 c-3 -8 -18 -17 -33 -21 -55 -13 -128 -57 -186 -113 -65 -61 -98 -112 -128 -193 -19 -52 -19 -123 -19 -3704 0 -2604 3 -3661 11 -3685 51 -158 171 -282 322 -330 54 -17 93 -19 409 -19 390 0 457 -7 563 -63 111 -58 214 -186 248 -307 5 -19 13 -170 17 -335 7 -318 7 -317 62 -420 33 -61 76 -111 132 -153 45 -33 76 -49 164 -83 13 -5 1389 -9 3257 -9 3602 0 3278 -7 3434 72 64 32 103 61 162 120 43 43 85 91 93 106 39 69 80 161 90 202 7 25 17 44 24 42 9 -1 12 766 12 3483 0 3043 -2 3485 -15 3485 -9 0 -16 14 -20 38 -8 46 -60 161 -100 218 -76 107 -156 174 -275 231 -110 52 -125 55 -360 63 -315 11 -394 33 -552 153 -84 64 -141 132 -186 223 -61 122 -74 179 -87 369 -6 105 -22 162 -73 264 -72 145 -237 286 -388 333 -41 12 -74 28 -74 35 0 11 -629 13 -3249 13 -2849 0 -3250 -2 -3255 -15z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 945.000000"><g transform="translate(0.000000,945.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M366 9435 c-3 -8 -18 -17 -33 -21 -55 -13 -128 -57 -186 -113 -65 -61 -98 -112 -128 -193 -19 -52 -19 -123 -19 -3704 0 -2604 3 -3661 11 -3685 51 -158 171 -282 322 -330 54 -17 93 -19 409 -19 390 0 457 -7 563 -63 111 -58 214 -186 248 -307 5 -19 13 -170 17 -335 7 -318 7 -317 62 -420 33 -61 76 -111 132 -153 45 -33 76 -49 164 -83 13 -5 1389 -9 3257 -9 3602 0 3278 -7 3434 72 64 32 103 61 162 120 43 43 85 91 93 106 39 69 80 161 90 202 7 25 17 44 24 42 9 -1 12 766 12 3483 0 3043 -2 3485 -15 3485 -9 0 -16 14 -20 38 -8 46 -60 161 -100 218 -76 107 -156 174 -275 231 -110 52 -125 55 -360 63 -315 11 -394 33 -552 153 -84 64 -141 132 -186 223 -61 122 -74 179 -87 369 -6 105 -22 162 -73 264 -72 145 -237 286 -388 333 -41 12 -74 28 -74 35 0 11 -629 13 -3249 13 -2849 0 -3250 -2 -3255 -15z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  z-index: 1;
}
.team-card__image:after {
  background-color: RGBA(var(--servsoft-black-rgb, 13, 26, 66), 0.5);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
}
.team-card__image img {
  display: block;
  width: 100% !important;
}
.team-card:hover .team-card__image:after {
  opacity: 1;
}
.team-card__social {
  padding-bottom: 30px;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.team-card__social__icon {
  align-items: center;
  background: linear-gradient(180deg, #2b4c9b, #42bbef);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: all 0.5s ease;
  width: 48px;
}
.team-card__social__icon:after,
.team-card__social__icon:before {
  background-color: var(--servsoft-white, #fff);
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  width: 14px;
}
.team-card__social__icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.team-card__social:hover .team-card__social__icon:after {
  opacity: 0;
}
.team-card__social__links {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  left: calc(50% - 10px);
  opacity: 0;
  position: absolute;
  top: 75px;
  transform: translate(-50%, 50%);
  transition: all 0.5s ease;
  visibility: hidden;
  z-index: 1;
}
.team-card__social__links a {
  background-color: var(--servsoft-white, #fff);
  height: 35px;
  width: 35px;
}
.team-card__social__links .social-links__icon {
  font-size: 14px;
}
.team-card__social:hover .team-card__social__links {
  opacity: 1;
  transform: translate(-50%);
  visibility: visible;
}
.team-card__info {
  padding: 17px 20px 20px 114px;
  position: relative;
  z-index: 1;
}
@media (max-width: 390px) {
  .team-card__info {
    padding-left: 100px;
  }
}
@media (max-width: 375px) {
  .team-card__info {
    padding-left: 90px;
  }
}
@media (max-width: 360px) {
  .team-card__info {
    padding-left: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .team-card__info {
    padding-left: 150px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-card__info {
    padding-left: 90px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-card__info {
    padding-left: 70px;
  }
}
.team-card__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.444;
  margin-bottom: 6px;
  text-transform: capitalize;
}
.team-card__name a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.team-card__name a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.team-card__designation {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 1.277;
  margin: 0;
  text-transform: uppercase;
}
.team-one,
.team-two {
  background-color: var(--servsoft-white, #fff);
}
.team-one {
  padding-top: 224px;
  position: relative;
}
@media (max-width: 1599px) {
  .team-one {
    padding-top: 227px;
  }
}
@media (max-width: 1399px) {
  .team-one {
    padding-top: 231px;
  }
}
@media (max-width: 1199px) {
  .team-one {
    padding-top: 234px;
  }
}
@media (max-width: 991px) {
  .team-one {
    padding-top: 224px;
  }
}
@media (max-width: 575px) {
  .team-one {
    padding-top: 263px;
  }
}
.team-one__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.team-one--about {
  padding-top: var(--section-space-2, 108px);
}
@media (max-width: 767px) {
  .team-one--about {
    padding-top: 90px;
  }
}
@media (max-width: 575px) {
  .team-one--about {
    padding-top: 73px;
  }
}
.team-two {
  background-color: var(--servsoft-white, #fff);
  position: relative;
}
.team-two .container,
.team-two .row {
  position: relative;
  z-index: 1;
}
.team-two .row {
  transition: all 0.5s ease;
}
.team-two .team-two__item {
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
  padding: 30px 0;
  position: relative;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .team-two .team-two__item {
    padding-top: 19px;
  }
}
@media (max-width: 767px) {
  .team-two .team-two__item {
    padding-top: 21px;
  }
}
@media (max-width: 500px) {
  .team-two .team-two__item {
    padding-bottom: 58px;
  }
}
.team-two .team-two__item:hover,
.team-two .team-two__item:hover + .team-two__item {
  border-color: transparent;
}
.team-two .team-two__item:hover .team-two__item__bg {
  left: 0;
  width: 100%;
}
.team-two .team-two__item:hover .row {
  padding: 0 30px;
}
@media (max-width: 412px) {
  .team-two .team-two__item:hover .row {
    padding: 0 25px;
  }
}
.team-two .team-two__item:hover .team-two__name {
  background: none;
  color: var(--servsoft-white, #fff);
}
.team-two .team-two__item:hover .team-two__designation {
  color: var(--servsoft-white, #fff);
}
.team-two .team-two__item__bg {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
  width: 0;
  z-index: -1;
}
.team-two .team-two__item__bg .team-two__item__bg__inner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
}
.team-two .team-two__name {
  background: linear-gradient(90deg, #e84144, #e84144, #2b4c9b, #2b4c9b);
  -webkit-background-clip: text;
  background-size: 100% 100%;
  color: var(--servsoft-white, #fff);
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  -webkit-text-stroke: 2px transparent;
}
.team-two .team-two__name a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.team-two .team-two__name a:hover {
  background-size: 100% 1px;
}
@media (max-width: 1399px) {
  .team-two .team-two__name {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .team-two .team-two__name {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .team-two .team-two__name {
    font-size: 35px;
  }
}
@media (max-width: 412px) {
  .team-two .team-two__name {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .team-two .team-two__name {
    font-size: 28px;
  }
}
.team-two .team-two__designation {
  display: inline-block;
  font-weight: 500;
  margin-left: 15px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .team-two .team-two__designation {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .team-two .team-two__designation {
    font-size: 14px;
  }
}
.team-two .team-two__image {
  margin-left: auto;
  position: relative;
}
@media (max-width: 991px) {
  .team-two .team-two__image {
    margin-left: 0;
    margin-top: 10px;
  }
}
.team-two .team-two__image,
.team-two .team-two__image img {
  border-radius: 50%;
  height: 148px;
  width: 148px;
}
@media (max-width: 500px) {
  .team-two .team-two__image,
  .team-two .team-two__image img {
    height: 130px;
    width: 130px;
  }
}
.team-two .team-two__social {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 50%;
  display: flex;
  height: 50px;
  justify-content: center;
  left: -29px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
@media (max-width: 991px) {
  .team-two .team-two__social {
    left: auto;
    right: -29px;
  }
}
@media (max-width: 500px) {
  .team-two .team-two__social {
    bottom: -29px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translate(-50%);
  }
}
@media (max-width: 360px) {
  .team-two .team-two__social {
    bottom: -29px;
    left: 0;
    transform: translate(0);
  }
}
.team-two .team-two__social .team-two__social__share {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  position: relative;
  transition: all 0.5s ease;
  width: 40px;
  z-index: 1;
}
.team-two .team-two__social .team-two__social__share:hover {
  background-color: var(--servsoft-white, #fff);
  color: var(--servsoft-base, #e84144);
}
.team-two .team-two__social .team-two__social__list {
  align-items: center;
  display: flex;
  gap: 7px;
  margin: 0;
  opacity: 0;
  padding: 6px 10px 6px 6px;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  transform-origin: top right;
  transition: 0.5s ease;
}
@media (max-width: 991px) {
  .team-two .team-two__social .team-two__social__list {
    left: 100%;
    padding: 6px 6px 6px 10px;
    right: auto;
    transform-origin: top left;
  }
}
.team-two
  .team-two__social
  .team-two__social__list
  .team-two__social__list__border {
  border: 1px solid var(--servsoft-white, #fff);
  border-radius: 25px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% + 50px);
  z-index: -1;
}
@media (max-width: 1199px) {
  .team-two
    .team-two__social
    .team-two__social__list
    .team-two__social__list__border {
    background-color: var(--servsoft-base, #e84144);
  }
}
@media (max-width: 991px) {
  .team-two
    .team-two__social
    .team-two__social__list
    .team-two__social__list__border {
    background-color: transparent;
    left: -50px;
  }
}
.team-two .team-two__social .team-two__social__list a {
  align-items: center;
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-size: 14px;
  height: 36px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
  width: 36px;
  z-index: 1;
}
.team-two .team-two__social .team-two__social__list a:after {
  background-color: var(--servsoft-white, #fff);
  bottom: 100%;
  content: "";
  height: 150%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  width: 150%;
  z-index: -1;
}
.team-two .team-two__social .team-two__social__list a:hover {
  border-color: transparent;
  color: var(--servsoft-base, #e84144);
}
.team-two .team-two__social .team-two__social__list a:hover:after {
  bottom: -50%;
}
.team-two .team-two__social:hover .team-two__social__list {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.team-two .team-two__shape {
  animation: moveX 2s linear infinite;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: 26px;
  top: -79px;
}
@media (max-width: 1599px) {
  .team-two .team-two__shape {
    display: none;
  }
}
.blog-card {
  border-radius: 20px;
  position: relative;
  transition: all 0.5s ease;
}
.blog-card:hover {
  filter: drop-shadow(0 10px 50px rgba(0, 0, 0, 0.15));
}
.blog-card:before {
  background-color: var(--servsoft-white2, #f1f3ff);
  border-radius: inherit;
  content: "";
  height: calc(100% - 28px);
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1389.000000"><g transform="translate(0.000000,1389.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M363 13878 c1 -6 -14 -17 -33 -23 -148 -48 -275 -173 -314 -309 -14 -49 -16 -687 -16 -6608 0 -5810 2 -6558 15 -6596 44 -127 134 -235 237 -285 127 -61 -101 -57 3376 -57 3359 0 3254 -1 3377 43 22 8 310 148 640 312 1110 550 1045 514 1151 627 81 87 148 212 169 316 4 18 13 32 21 32 12 0 14 835 14 6090 0 4652 -3 6089 -12 6088 -6 -2 -17 13 -23 32 -47 144 -180 281 -301 311 -26 7 -44 17 -44 25 0 12 -623 14 -4130 14 -3153 0 -4129 -3 -4127 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1389.000000"><g transform="translate(0.000000,1389.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M363 13878 c1 -6 -14 -17 -33 -23 -148 -48 -275 -173 -314 -309 -14 -49 -16 -687 -16 -6608 0 -5810 2 -6558 15 -6596 44 -127 134 -235 237 -285 127 -61 -101 -57 3376 -57 3359 0 3254 -1 3377 43 22 8 310 148 640 312 1110 550 1045 514 1151 627 81 87 148 212 169 316 4 18 13 32 21 32 12 0 14 835 14 6090 0 4652 -3 6089 -12 6088 -6 -2 -17 13 -23 32 -47 144 -180 281 -301 311 -26 7 -44 17 -44 25 0 12 -623 14 -4130 14 -3153 0 -4129 -3 -4127 -12z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
.blog-card:hover:before {
  background-color: var(--servsoft-white, #fff);
}
.blog-card__image {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.blog-card__image img {
  border-radius: inherit;
  display: block;
  transition: all 0.5s ease;
  width: 100%;
}
.blog-card__image__link {
  background-color: rgba(var(--servsoft-black-rgb, 13, 26, 66), 0.7);
  border-radius: inherit;
  height: 100%;
  left: 0;
  opacity: 0;
  position: relative;
  position: absolute;
  top: 0;
  transform: translateY(-10%);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
  width: 100%;
}
.blog-card__image__link:after,
.blog-card__image__link:before {
  background-color: var(--servsoft-white, #fff);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
}
.blog-card__image__link:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card:hover .blog-card__image__link {
  opacity: 1;
  transform: translateY(0);
}
.blog-card__content {
  padding: 17px 40px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 412px) {
  .blog-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .blog-card__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.blog-card__meta {
  border-bottom: 1px solid rgba(var(--servsoft-black-rgb, 13, 26, 66), 0.1);
  margin-bottom: 26px;
  padding-bottom: 17px;
  position: relative;
  transition: all 0.5s ease;
}
.blog-card:hover .blog-card__meta {
  border-color: var(--servsoft-base, #e84144);
}
.blog-card__admin {
  align-items: center;
  display: flex;
  gap: 9px;
}
.blog-card__admin__name {
  color: var(--servsoft-text, #959cb2);
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}
.blog-card__date {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 50px 50px 0 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 111px;
  min-width: 83px;
  padding: 15px;
  position: relative;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1;
}
@media (max-width: 412px) {
  .blog-card__date {
    min-height: 90px;
    min-width: 70px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blog-card__date {
    min-height: 90px;
    min-width: 70px;
  }
}
.blog-card__date:after {
  background: linear-gradient(180deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.blog-card__date__day {
  color: var(--servsoft-black, #0d1a42);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -1.8px;
  line-height: 1.25;
  transition: all 0.5s ease;
}
@media (max-width: 412px) {
  .blog-card__date__day {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blog-card__date__day {
    font-size: 25px;
  }
}
.blog-card__date__month {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 1.25;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media (max-width: 412px) {
  .blog-card__date__month {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blog-card__date__month {
    font-size: 14px;
  }
}
.blog-card:hover .blog-card__date:after {
  opacity: 1;
}
.blog-card:hover .blog-card__date__day {
  color: var(--servsoft-white, #fff);
}
.blog-card:hover .blog-card__date__month {
  color: RGBA(var(--servsoft-white-rgb, 255, 255, 255), 0.8);
}
.blog-card__title {
  color: var(--servsoft-black, #0d1a42);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 19px;
}
@media (max-width: 412px) {
  .blog-card__title {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-card__title {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__title {
    font-size: 20px;
  }
}
.blog-card__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.blog-card__title a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.blog-card__text {
  line-height: 1.866;
  margin-bottom: 32px;
}
.blog-card__btn {
  align-items: center;
  background: linear-gradient(270deg, #2b4c9b, #42bbef);
  border-radius: 50%;
  display: flex;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
  width: 56px;
  z-index: 1;
}
.blog-card__btn:after {
  background-color: var(--servsoft-white, #fff);
  border-radius: inherit;
  content: "";
  height: calc(100% - 4px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  width: calc(100% - 4px);
  z-index: -1;
}
.blog-card__btn:hover:after {
  opacity: 0;
}
.blog-card__btn__icon {
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  font-size: 17px;
  transition: all 0.5s ease;
}
.blog-card__btn:hover .blog-card__btn__icon {
  animation: slideRight 0.5s;
  color: var(--servsoft-white, #fff);
}
.blog-card-three__image {
  margin-bottom: 33px;
  position: relative;
}
.blog-card-three__image img {
  border-radius: 20px;
  display: block;
  width: 100%;
}
.blog-card-three__date {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 50px 50px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 101px;
  min-width: 83px;
  padding: 15px;
  position: relative;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 30px;
  z-index: 1;
}
@media (max-width: 767px) {
  .blog-card-three__date {
    right: 20px;
    top: 20px;
  }
}
@media (max-width: 440px) {
  .blog-card-three__date {
    min-height: 90px;
    min-width: 70px;
  }
}
.blog-card-three__date:after {
  background: linear-gradient(180deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.blog-card-three__date__day {
  color: var(--servsoft-black, #0d1a42);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -1.8px;
  line-height: 1.25;
  transition: all 0.5s ease;
}
@media (max-width: 440px) {
  .blog-card-three__date__day {
    font-size: 25px;
  }
}
.blog-card-three__date__month {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 1.25;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media (max-width: 440px) {
  .blog-card-three__date__month {
    font-size: 14px;
  }
}
.blog-card-three__meta {
  align-items: center;
  display: flex;
  gap: 28px;
  margin-bottom: 16px;
}
.blog-card-three__meta li {
  color: var(--servsoft-black, #0d1a42);
  font-size: 14px;
  font-weight: 600;
  position: relative;
  text-transform: capitalize;
}
.blog-card-three__meta li:not(:last-child):after {
  background-color: var(--servsoft-text, #959cb2);
  content: "";
  height: 14px;
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.blog-card-three__meta li a {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 7px;
  transition: all 0.5s ease;
}
.blog-card-three__meta li a:hover,
.blog-card-three__meta__icon {
  color: var(--servsoft-base, #e84144);
}
.blog-card-three__meta__icon {
  display: inline-flex;
  font-size: 14px;
  position: relative;
  top: 1px;
}
.blog-card-three__meta__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.blog-card-three__title {
  color: var(--servsoft-black, #0d1a42);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .blog-card-three__title {
    font-size: 28px;
  }
}
@media (max-width: 450px) {
  .blog-card-three__title {
    font-size: 25px;
  }
}
@media (max-width: 390px) {
  .blog-card-three__title {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card-three__title {
    font-size: 25px;
  }
}
.blog-card-three__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.blog-card-three__title a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.blog-card-three__text {
  margin: 0;
}
.blog-card-three__text + .blog-card-three__text {
  margin-top: 20px;
}
.blog-one {
  background-color: var(--servsoft-white, #fff);
}
.topbar {
  position: relative;
  z-index: 999;
}
@media (max-width: 991px) {
  .topbar {
    display: none;
  }
}
.topbar .container {
  position: relative;
  z-index: 1;
}
.topbar .container:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 20px 20px 0 0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% + 129px);
  z-index: -1;
}
@media (max-width: 1399px) {
  .topbar .container:after {
    width: calc(100% + 30px);
  }
}
@media (max-width: 1299px) {
  .topbar .container:after {
    width: calc(100% + 10px);
  }
}
.topbar__inner {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  padding: 16px 0;
}
@media (max-width: 991px) {
  .topbar__inner {
    padding: 12px 0;
  }
}
.topbar__info {
  align-items: center;
  display: flex;
  gap: 26px;
  margin: 0;
}
@media (max-width: 1199px) {
  .topbar__info {
    justify-content: center;
    width: 100%;
  }
}
.topbar__info li {
  align-items: center;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-size: 12px;
  gap: 5px;
  line-height: 1.285;
}
.topbar__info li a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.topbar__info li a:hover {
  background-size: 100% 1px;
}
.topbar__info__icon {
  color: var(--servsoft-white, #fff);
  display: inline-flex;
  font-size: 13px;
  position: relative;
  top: 2px;
}
.topbar__info__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.topbar__social {
  align-items: center;
  display: flex;
  gap: 20px;
}
@media (max-width: 1199px) {
  .topbar__social {
    display: none;
  }
}
.topbar__social a {
  color: var(--servsoft-white, #fff);
  display: inline-flex;
  font-size: 13px;
}
.topbar__social a:hover {
  color: var(--servsoft-base, #e84144);
}
.topbar__social a svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.topbar--three {
  background: var(--servsoft-black6, #091536);
}
.topbar--three .container:after {
  display: none;
}
.topbar--three .topbar__info__icon {
  color: var(--servsoft-base, #e84144);
}
.topbar--three .topbar__info li {
  color: var(--servsoft-gray2, #a1aac7);
}
.topbar--three .topbar__info li a:hover {
  color: var(--servsoft-base, #e84144);
}
.topbar--three .topbar__social a {
  color: var(--servsoft-white, #fff);
}
.topbar--three .topbar__social a:hover {
  color: var(--servsoft-base, #e84144);
}
.header {
  left: 0;
  margin: 0 auto;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 30px;
  width: 100%;
  z-index: 999;
}
@media (max-width: 575px) {
  .header {
    top: 20px;
  }
}
/* ==========================================================================
   SECTION: 02. HEADER & MEGA MENU
   Sticky site header, primary nav (.main-menu), the custom mega menu
   (.servsoft-mega / .megamenu-popup) and the mobile off-canvas nav.
   Related header/mega rules recur further down the file (search "mega").
   ========================================================================== */
.main-header {
  position: relative;
  z-index: 999;
}
.main-header__container {
  z-index: 1;
}
.main-header__container:after {
  backdrop-filter: blur(5.1999998093px);
  background-color: RGBA(var(--servsoft-white-rgb, 255, 255, 255));
  border: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.17);
  border-radius: 0 0 20px 20px;
  border-top: 0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% + 129px);
  z-index: -1;
}
@media (max-width: 1399px) {
  .main-header__container:after {
    width: calc(100% + 30px);
  }
}
@media (max-width: 1299px) {
  .main-header__container:after {
    width: calc(100% + 10px);
  }
}
@media (max-width: 991px) {
  .main-header__container:after {
    border: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.17);
    border-radius: 20px;
  }
}
.main-header__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1199px) {
  .main-header__inner {
    padding: 25px 0;
  }
}
@media (max-width: 375px) {
  .main-header__logo {
    margin-right: 20px;
  }
}
.main-header__logo img {
  height: auto;
  max-width: 100%;
}
.main-header__right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .main-header__nav {
    display: none;
  }
}
.main-header__search {
  color: var(--servsoft-sky);
  display: inline-flex;
  font-size: 20px;
  position: relative;
  transition: all 0.5s ease;
}
.main-header__search:hover {
  color: var(--servsoft-base, #e84144);
}
.main-header__search svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.main-header__search {
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .main-header__search {
    margin-left: 50px;
  }
}
@media (max-width: 430px) {
  .main-header__search {
    margin-left: 40px;
  }
}
.main-header__search:before {
  background-color: #1e293b;
  content: "";
  height: 40px;
  left: -28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
@media (max-width: 1199px) {
  .main-header__search:before {
    left: -28px;
  }
}
@media (max-width: 767px) {
  .main-header__search:before {
    height: 30px;
  }
}
@media (max-width: 430px) {
  .main-header__search:before {
    left: -20px;
  }
}
.main-header--two {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}
@media (max-width: 991px) {
  .main-header--two {
    top: 0px;
  }
}
.main-header--two .main-header__container:after {
  display: none;
}
.main-header--two .main-header__inner {
  border-bottom: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.1);
}
.main-header--two .main-menu .main-menu__list > li {
  padding-bottom: 48.5px;
  padding-top: 48.5px;
}
.main-header--three .main-header__inner {
  border: none;
}
.sticky-header--cloned {
  background-color: var(--servsoft-white);
  border: none;
  border-radius: 0;
  box-shadow: 0 3px 18px rgba(var(--servsoft-black-rgb, 13, 26, 66), 0.07);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition:
    transform 0.5s ease,
    visibility 0.5s ease;
  visibility: hidden;
  z-index: 999;
}
.sticky-header--cloned.active {
  transform: translateY(0);
  visibility: visible;
}
.sticky-header--cloned .main-header__container:after {
  display: none;
}
.mobile-nav__btn {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 26px;
  z-index: 3;
}
@media (min-width: 1200px) {
  .mobile-nav__btn {
    display: none;
  }
}
.mobile-nav__btn span {
  background-color: #1e293b;
  height: 2px;
  transition: all 0.5s ease;
  width: 100%;
}
.mobile-nav__btn span:nth-child(2) {
  margin-bottom: 5px;
  margin-top: 5px;
}
.mobile-nav__btn:hover span {
  background-color: var(--servsoft-sky);
}
.main-menu {
  margin-right: 42px;
}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
  align-items: center;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1200px) {
  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul {
    display: flex;
  }
}
.main-menu .main-menu__list > li {
  padding-bottom: 39px;
  padding-top: 39px;
  position: relative;
}
.main-menu .main-menu__list > li.dropdown > a {
  position: relative;
}
.main-menu .main-menu__list > li + li {
  margin-left: 38px;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .main-menu .main-menu__list > li + li {
    margin-left: 30px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .main-menu .main-menu__list > li + li {
    margin-left: 35px;
  }
}
.main-menu .main-menu__list > li > a {
  align-items: center;
  color: #1e293b;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.main-header--two:not(.sticky-header--cloned)
  .main-menu
  .main-menu__list
  > li.current-menu-ancestor
  > a,
.main-header--two:not(.sticky-header--cloned)
  .main-menu
  .main-menu__list
  > li.current-menu-item
  > a,
.main-header--two:not(.sticky-header--cloned)
  .main-menu
  .main-menu__list
  > li.current
  > a,
.main-header--two:not(.sticky-header--cloned)
  .main-menu
  .main-menu__list
  > li:hover
  > a,
.main-menu .main-menu__list > li.current-menu-ancestor > a,
.main-menu .main-menu__list > li.current-menu-item > a,
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: var(--servsoft-sky);
}
.main-menu .main-menu__list > li.current > a .servsoft-mega__caret,
.main-menu .main-menu__list > li.current > a i,
.main-menu .main-menu__list > li:hover > a .servsoft-mega__caret,
.main-menu .main-menu__list > li:hover > a i {
  color: var(--servsoft-sky);
  stroke: var(--servsoft-sky);
}
.main-menu .main-menu__list li ul {
  align-items: flex-start;
  background-color: var(--servsoft-white, #fff);
  box-shadow: 0 10px 60px 0 RGBA(var(--servsoft-white-rgb, 255, 255, 255), 0.07);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.07);
  flex-direction: column;
  justify-content: flex-start;
  left: -25px;
  min-width: 270px;
  opacity: 0;
  padding: 15px 20px 11px;
  position: absolute;
  top: 100%;
  transform: scaleY(0) translateZ(100px);
  transform-origin: top center;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease,
    transform 0.7s ease;
  visibility: hidden;
  z-index: 99;
}
.main-menu .main-menu__list li:hover > ul {
  opacity: 1;
  transform: scaleY(1) translateZ(0);
  visibility: visible;
}
.main-menu .main-menu__list > .megamenu {
  position: static;
}
.main-menu .main-menu__list > .megamenu > ul {
  background-color: transparent;
  box-shadow: none;
  left: 0 !important;
  padding: 0;
  right: 0 !important;
  top: 100% !important;
}
.main-menu .main-menu__list li ul li {
  flex: 1 1 100%;
  position: relative;
  width: 100%;
}
.main-menu .main-menu__list li ul li > a {
  color: var(--servsoft-black, #0d1a42);
  display: flex;
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 4px;
  padding: 8px 15px;
  text-transform: uppercase;
  transition: 0.4s;
}
.main-menu .main-menu__list li ul li:after {
  border-radius: 0;
  color: var(--servsoft-white, #fff);
  content: "\f45c";
  font-family: Font Awesome\5 Free;
  font-size: 6px;
  font-weight: 700;
  opacity: 0;
  position: absolute;
  right: 15px;
  top: 8px;
  transform: scale(0);
  transition: all 0.5s ease;
  visibility: hidden;
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover {
  background-color: rgba(66, 187, 239, 0.08);
  color: #42bbef !important;
  transform: translateX(4px);
}
.main-menu .main-menu__list li ul li.current > a:after,
.main-menu .main-menu__list li ul li:hover > a:after {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.main-menu .main-menu__list li ul li > ul {
  left: calc(100% + 20px);
  top: 0;
}
.main-menu .main-menu__list li ul li > ul ul {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .main-menu__list li:last-child ul li > ul,
  .main-menu__list li:nth-last-child(2) ul li > ul {
    left: auto;
    right: calc(100% + 20px);
  }
}
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul {
  height: 100vh;
  left: 0 !important;
  opacity: 0;
  position: fixed;
  top: 0 !important;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition:
    transform 0.7s ease,
    opacity 0.7s ease,
    visibility 0.7s ease;
  visibility: visible;
  visibility: hidden;
  width: 100vw;
  z-index: 999999;
  -ms-overflow-style: none;
  background-color: var(--servsoft-white, #fff);
  display: block !important;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  scrollbar-width: none;
}
.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
  display: none;
}
.main-menu
  .main-menu__list
  > .megamenu.megamenu-clickable
  > ul.megamenu-clickable--active,
.mobile-nav__container
  .main-menu__list
  > .megamenu.megamenu-clickable
  > ul.megamenu-clickable--active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition:
    transform 0.7s ease,
    opacity 0.7s ease,
    visibility 0.7s ease;
  visibility: visible;
}
body.megamenu-popup-active {
  overflow: hidden;
}
body.megamenu-popup-active .stricky-header {
  bottom: 0;
}
body.megamenu-popup-active .mobile-nav__content {
  overflow: unset;
}
.mobile-nav__content .demo-one .container {
  padding-left: 15px;
  padding-right: 15px;
}
.megamenu-popup {
  position: relative;
}
.megamenu-popup .megamenu-clickable--close {
  color: var(--servsoft-black, #0d1a42);
  display: block;
  position: absolute;
  right: 20px;
  top: 18px;
}
@media (min-width: 1300px) {
  .megamenu-popup .megamenu-clickable--close {
    right: 40px;
    top: 38px;
  }
}
.megamenu-popup .megamenu-clickable--close:hover {
  color: var(--servsoft-base, #e84144);
}
.megamenu-popup .megamenu-clickable--close .icon-close {
  color: currentColor;
  display: block;
  height: 24px;
  position: relative;
  transition: all 0.5s ease;
  width: 24px;
}
.megamenu-popup .megamenu-clickable--close .icon-close:after,
.megamenu-popup .megamenu-clickable--close .icon-close:before {
  background-color: currentColor;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
}
.megamenu-popup .megamenu-clickable--close .icon-close:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mobile-nav__wrapper {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  transform-origin: left center;
  transition:
    transform 0.5s ease 0.5s,
    visibility 0.5s ease 0.5s;
  visibility: hidden;
  width: 100vw;
  z-index: 9999;
}
.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.mobile-nav__wrapper .home-showcase .row [class*="col-"] {
  flex: 0 0 100%;
}
.mobile-nav__wrapper .home-showcase {
  border-bottom: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.1);
  margin-bottom: -1px;
  margin-top: 0;
}
.mobile-nav__wrapper .home-showcase__inner {
  background-color: transparent;
  box-shadow: none;
  padding: 15px 0;
}
.mobile-nav__wrapper .home-showcase__title {
  color: var(--servsoft-white, #fff);
}
.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0);
  transition:
    transform 0.5s ease 0s,
    visibility 0.5s ease 0s;
  visibility: visible;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 0.5s ease 0.5s,
    visibility 0.5s ease 0.5s,
    transform 0.5s ease 0.5s;
  visibility: visible;
}
.mobile-nav__overlay {
  background-color: #000;
  bottom: 0;
  cursor: url(../images/close.png), auto;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
}
.mobile-nav__content {
  background-color: var(--servsoft-black, #0d1a42);
  height: 100%;
  opacity: 0;
  overflow-y: auto;
  padding: 60px 15px 30px;
  position: relative;
  transform: translateX(-100%);
  transition:
    opacity 0.5s ease 0s,
    visibility 0.5s ease 0s,
    transform 0.5s ease 0s;
  visibility: hidden;
  width: 300px;
  z-index: 10;
}
.mobile-nav__content .main-menu__nav {
  display: block;
  padding: 0;
}
.mobile-nav__content .logo-box {
  display: flex;
  margin-bottom: 40px;
}
.mobile-nav__close {
  color: var(--servsoft-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.5s ease;
}
.mobile-nav__close svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.mobile-nav__close:hover {
  color: var(--servsoft-base, #e84144);
}
.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile-nav__content .main-menu__list ul {
  border-top: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.1);
  display: none;
}
.mobile-nav__content .main-menu__list ul li > a {
  padding-left: 1em;
}
.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid rgba(var(--servsoft-white-rgb, 255, 255, 255), 0.1);
}
.mobile-nav__content .main-menu__list li > a {
  align-items: center;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 16px;
  font-weight: 700;
  height: 46px;
  justify-content: space-between;
  line-height: 30px;
  text-transform: uppercase;
  transition: 0.5s;
}
.mobile-nav__content .main-menu__list > li > ul > li a {
  font-size: 13px;
}
.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--servsoft-base, #e84144);
}
.mobile-nav__content .main-menu__list li a button {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border: none;
  color: var(--servsoft-white, #fff);
  display: flex;
  height: 30px;
  justify-content: center;
  outline: none;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 0.5s ease;
  width: 30px;
}
.mobile-nav__content .main-menu__list li a button svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.mobile-nav__content .main-menu__list li a button.expanded {
  background-color: var(--servsoft-white, #fff);
  color: var(--servsoft-black, #0d1a42);
  transform: rotate(0deg);
}
.mobile-nav__contact {
  margin-bottom: 35px;
  margin-top: 35px;
}
.mobile-nav__contact li {
  align-items: center;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.mobile-nav__contact li + li {
  margin-top: 15px;
}
.mobile-nav__contact li a {
  color: inherit;
  transition: 0.5s;
}
.mobile-nav__contact li a:hover {
  color: var(--servsoft-base, #e84144);
}
.mobile-nav__contact__icon {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 32px;
  justify-content: center;
  margin-right: 10px;
  text-align: center;
  width: 32px;
}
.mobile-nav__contact__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.mobile-nav__content .social-links {
  gap: 13px;
}
.mobile-nav__content .social-links a {
  background-color: var(--servsoft-base, #e84144);
}
.mobile-nav__content .social-links__icon {
  color: var(--servsoft-white, #fff);
}
.mobile-nav__content .social-links a:hover {
  background-color: var(--servsoft-white, #fff);
}
.mobile-nav__content .social-links a:hover .social-links__icon {
  color: var(--servsoft-base, #e84144);
}
.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
  display: none;
}
.search-popup {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  z-index: -2;
}
.search-popup__overlay {
  background-color: #000;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: url(../images/close.png), auto;
  display: block;
  height: 224vw;
  opacity: 0.7;
  position: fixed;
  right: calc(50% - 112vw);
  top: calc(90px - 112vw);
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  width: 224vw;
  z-index: 3;
}
@media (max-width: 767px) {
  .search-popup__overlay {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    transform: translateY(-110%);
    width: 100%;
  }
}
.search-popup__content {
  left: 50%;
  max-width: 560px;
  opacity: 0;
  padding: 30px 15px;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  -khtml-transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  -moz-transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  -ms-transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  -o-transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  transition:
    opacity 0.5s 0s,
    width 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01) 0.8s,
    transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  width: 0;
  z-index: 3;
}
.search-popup__form {
  position: relative;
}
.search-popup__form input[type="search"],
.search-popup__form input[type="text"] {
  background-color: var(--servsoft-white, #fff);
  border: none;
  border-radius: 10px;
  color: var(--servsoft-text, #959cb2);
  font-size: 16px;
  font-weight: 400;
  height: 66px;
  outline: none;
  padding-left: 20px;
  transition: all 0.5s ease;
  width: 100%;
}
.search-popup__form input[type="search"]:focus,
.search-popup__form input[type="text"]:focus {
  color: var(--servsoft-black, #0d1a42);
}
.search-popup__form button,
.search-popup__form input[type="submit"] {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border: 0;
  border-radius: 0 10px 10px 0;
  color: var(--servsoft-white, #fff);
  cursor: pointer;
  display: flex;
  font-size: 23px;
  height: 66px;
  justify-content: center;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  position: absolute;
  right: -1px;
  top: 0;
  transition: all 0.5s ease;
  width: 66px;
  z-index: 1;
}
.search-popup__form button:hover,
.search-popup__form input[type="submit"]:hover {
  background-color: var(--servsoft-primary, #2b4c9b);
}
.search-popup__form button svg,
.search-popup__form input[type="submit"] svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.search-popup.active {
  z-index: 9999;
}
.search-popup.active .search-popup__overlay {
  bottom: calc(90px - 112vw);
  opacity: 0.7;
  top: auto;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    transform: translateY(0);
    width: 100%;
  }
}
.search-popup.active .search-popup__content {
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  width: 100%;
}
.page-header {
  align-items: center;
  background-color: var(--servsoft-black, #0d1a42);
  display: flex;
  min-height: 0;
  padding-bottom: 70px;
  padding-top: 180px;
  position: relative;
}
@media (max-width: 1199px) {
  .page-header {
    padding-bottom: 60px;
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .page-header {
    padding-bottom: 50px;
    padding-top: 140px;
  }
}
.page-header__bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.page-header__bg,
.page-header__bg:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.page-header__bg:after {
  background-color: RGBA(var(--servsoft-black-rgb, 13, 26, 66), 0.8);
  content: "";
}
.page-header .container {
  position: relative;
  top: 45px;
  width: 100%;
  z-index: 1;
}
.page-header__content {
  text-align: center;
}
.page-header__title {
  color: var(--servsoft-white, #fff);
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .page-header__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .page-header__title {
    font-size: 30px;
  }
}
@media (max-width: 440px) {
  .page-header__title {
    font-size: 28px;
  }
}
.servsoft-breadcrumb {
  align-items: center;
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 65px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: center;
  margin: 0;
  padding: 11px 22px;
}
.servsoft-breadcrumb li {
  color: var(--servsoft-white, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.428;
  position: relative;
  text-transform: capitalize;
}
.servsoft-breadcrumb li:not(:last-child):after {
  content: "/";
  font-size: 17px;
  position: absolute;
  right: -14px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
}
.servsoft-breadcrumb li:not(:first-child) span {
  color: var(--servsoft-black, #0d1a42);
}
.servsoft-breadcrumb li a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.servsoft-breadcrumb li a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-black, #0d1a42);
}
.form-one__group {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .form-one__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form-one__control {
  border: none;
  border-radius: 0;
  height: auto;
  padding: 0;
  position: relative;
  width: auto;
}
.form-one__control--full {
  grid-column-end: -1;
  grid-column-start: 1;
}
.form-one
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  display: block;
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  position: relative;
  width: 100% !important;
}
.form-one .bootstrap-select > .dropdown-toggle:after {
  display: none;
}
.form-one .bootstrap-select > .dropdown-toggle {
  background-color: var(--servsoft-white2, #f1f3ff) !important;
  background-position: right 25.75px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  border: 0;
  border-radius: 10px;
  box-shadow: none !important;
  color: var(--servsoft-text, #959cb2) !important;
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  margin: 0;
  outline: none !important;
  padding: 0 30px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .form-one .bootstrap-select > .dropdown-toggle {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.form-one .bootstrap-select > .dropdown-toggle:before {
  bottom: 0;
  color: var(--servsoft-text, #959cb2);
  content: "\f107";
  font-family: Font Awesome\5 Free;
  font-size: 18px;
  font-weight: 900;
  position: absolute;
  right: 30px;
  top: 0;
}
@media (max-width: 390px) {
  .form-one .bootstrap-select > .dropdown-toggle:before {
    right: 25px;
  }
}
.form-one .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
}
.form-one .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 10px;
}
.form-one .bootstrap-select .dropdown-menu > li > a {
  background-color: var(--servsoft-white2, #f1f3ff);
  color: var(--servsoft-text, #959cb2);
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-one .bootstrap-select .dropdown-menu > li.selected > a,
.form-one .bootstrap-select .dropdown-menu > li:hover > a {
  background-color: var(--servsoft-base, #e84144);
  border-color: var(--servsoft-base, #e84144);
  color: var(--servsoft-white, #fff);
}
.form-one .bootstrap-select > .dropdown-toggle,
.form-one .bootstrap-select > .dropdown-toggle .filter-option {
  align-items: center;
  display: flex;
}
.form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type="email"],
.form-one input[type="tel"],
.form-one input[type="text"],
.form-one textarea {
  background-color: var(--servsoft-white2, #f1f3ff);
  border: none;
  border-radius: 10px;
  color: var(--servsoft-text, #959cb2);
  display: block;
  font-family: var(--servsoft-font, "Plus Jakarta Sans", sans-serif);
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  outline: none;
  padding: 0 30px;
  transition: all 0.4s ease;
  width: 100%;
}
@media (max-width: 390px) {
  .form-one .bootstrap-select > .dropdown-toggle,
  .form-one input[type="email"],
  .form-one input[type="tel"],
  .form-one input[type="text"],
  .form-one textarea {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.form-one .bootstrap-select > .dropdown-toggle:focus,
.form-one input[type="email"]:focus,
.form-one input[type="tel"]:focus,
.form-one input[type="text"]:focus,
.form-one textarea:focus {
  color: var(--servsoft-black, #0d1a42);
}
.form-one textarea {
  height: 176px;
  padding: 14px 30px 0;
}
@media (max-width: 390px) {
  .form-one textarea {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contact-info {
  padding: 0 0 46px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .contact-info .container {
    max-width: 1380px;
  }
}
.contact-info .row {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}
@media (max-width: 767px) {
  .contact-info .row {
    --bs-gutter-y: 20px;
  }
}
.contact-info__card {
  background-color: var(--servsoft-white, #fff);
  border-radius: 16px;
  filter: drop-shadow(0 10px 60px rgba(0, 0, 0, 0.1));
  overflow: hidden;
  padding: 38px 30px 31px;
  position: relative;
  text-align: center;
  z-index: 1;
    min-height: 337px;
  }
@media (max-width: 390px) {
  .contact-info__card {
    padding: 30px 25px 23px;
  }
}
.contact-info__card:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.85);
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.contact-info__card:hover:after {
  opacity: 1;
  transform: scale(1);
}
.contact-info__icon-box {
  align-items: center;
  background-color: RGBA(var(--servsoft-border-color-rgb, 230, 234, 255), 0.3);
  border-radius: 50%;
  display: flex;
  height: 70px;
  justify-content: center;
  margin: 0 auto 22px;
  transition: all 0.5s ease;
  width: 70px;
}
.contact-info__card:hover .contact-info__icon-box {
  background-color: var(--servsoft-white, #fff);
}
.contact-info__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  font-size: 40px;
}
.contact-info__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.contact-info__card:hover .contact-info__icon {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.contact-info__title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 13px;
  transition: all 0.5s ease;
}
@media (max-width: 390px) {
  .contact-info__title {
    font-size: 18px;
  }
}
.contact-info__text {
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
  transition: all 0.5s ease;
}
.contact-info__card:hover .contact-info__text,
.contact-info__card:hover .contact-info__title {
  color: var(--servsoft-white, #fff);
}
.contact-one {
  background-color: var(--servsoft-white2, #f1f3ff);
  margin-bottom: 100px;
  padding-top: 235px;
  position: relative;
}
@media (max-width: 767px) {
  .contact-one {
    margin-bottom: 60px;
    padding-top: 217px;
  }
}
@media (max-width: 575px) {
  .contact-one {
    margin-bottom: 40px;
    padding-top: 201px;
  }
}
.contact-one--team-details {
  padding-top: var(--section-space-2, 108px);
}
@media (max-width: 767px) {
  .contact-one--team-details {
    padding-top: 90px;
  }
}
@media (max-width: 575px) {
  .contact-one--team-details {
    padding-top: 73px;
  }
}
.contact-one__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.contact-one .container {
  position: relative;
  z-index: 1;
}
.contact-one .sec-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 575px) {
  .contact-one .sec-title {
    font-size: 30px;
  }
}
.contact-one .form-one input[type="email"],
.contact-one .form-one input[type="tel"],
.contact-one .form-one input[type="text"],
.contact-one .form-one textarea {
  background-color: var(--servsoft-white, #fff);
}
.newsletter {
  margin-bottom: -194px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .newsletter {
    margin-bottom: 0;
  }
}
.newsletter__wrapper {
  margin: 0 auto;
  max-width: 1665px;
  padding: 0 20px;
}
@media (max-width: 575px) {
  .newsletter__wrapper {
    padding: 0;
  }
}
.newsletter__inner {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6) 56.5%, #2b4c9b);
  border-radius: 50px;
  padding: 96px 0;
  position: relative;
}
@media (max-width: 991px) {
  .newsletter__inner {
    padding: 40px 0 0;
  }
}
@media (max-width: 575px) {
  .newsletter__inner {
    border-radius: 30px 30px 0 0;
  }
}
.newsletter__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}
.newsletter .container {
  position: relative;
  z-index: 1;
}
.newsletter__image {
  height: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .newsletter__image {
    margin-top: 40px;
    text-align: center;
  }
}
.newsletter__image img {
  bottom: -96px;
  height: auto;
  left: 0;
  max-width: 100%;
  position: absolute;
}
@media (max-width: 1199px) {
  .newsletter__image img {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .newsletter__image img {
    position: static;
  }
}
.newsletter .sec-title {
  margin-bottom: 41px;
}
.newsletter .customers {
  gap: 13px;
  margin-bottom: 30px;
}
.newsletter .customers__image img {
  height: 43px;
  width: 43px;
}
.newsletter .customers__image img:not(:first-child) {
  margin-left: -11px;
}
.newsletter .customers__text {
  color: var(--servsoft-black, #0d1a42);
  font-weight: 600;
}
.newsletter__form {
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 480px) {
  .newsletter__form {
    margin-bottom: 20px;
  }
}
.newsletter__form input[type="email"] {
  background-color: var(--servsoft-white, #fff);
  border: 0;
  border-radius: 30px;
  color: var(--servsoft-gray, #8995b9);
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  outline: 0;
  padding-left: 36px;
  padding-right: 5px;
  transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 575px) {
  .newsletter__form input[type="email"] {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  .newsletter__form input[type="email"] {
    padding-right: 30px;
  }
}
.newsletter__form input[type="email"]:focus {
  color: var(--servsoft-black, #0d1a42);
}
.newsletter__form .servsoft-btn {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .newsletter__form .servsoft-btn {
    margin-top: 25px;
    position: static;
    transform: translate(0);
  }
}
.newsletter__form .servsoft-btn__text {
  padding-left: 40px;
  padding-right: 40px;
}
.newsletter__check-box input[type="checkbox"] {
  display: none;
}
.newsletter__check-box label {
  color: var(--servsoft-white, #fff);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428;
  padding-left: 29px;
  position: relative;
}
.newsletter__check-box label span:before {
  color: var(--servsoft-base, #e84144);
  content: "\f00c";
  display: inline-block;
  font-family: Font Awesome\5 Free;
  font-size: 9px;
  font-weight: 900;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 51%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.newsletter__check-box input[type="checkbox"] + label span {
  background-color: transparent;
  border: 1px solid var(--servsoft-white, #fff);
  border-radius: 50%;
  cursor: pointer;
  height: 21px;
  left: 0;
  position: absolute;
  top: -1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  width: 21px;
}
.newsletter__check-box input[type="checkbox"]:checked + label span {
  background-color: var(--servsoft-white, #fff);
}
.newsletter__check-box input[type="checkbox"]:checked + label span:before {
  opacity: 1;
}
.newsletter__shape {
  animation: moveX 2s linear infinite;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: -133px;
  top: 10px;
}
@media (max-width: 1599px) {
  .newsletter__shape {
    display: none;
  }
}
.comments-one {
  margin-top: 51px;
}
.comments-one__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.363;
  margin-bottom: 51px;
}
.comments-one__list {
  margin: 0;
}
.comments-one__card {
  display: grid;
  grid-template-columns: 168px auto;
  grid-gap: 32px;
  border-bottom: 1px solid var(--servsoft-border-color, #e6eaff);
  padding-bottom: 48px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .comments-one__card {
    grid-template-columns: 110px auto;
  }
}
@media (max-width: 767px) {
  .comments-one__card {
    grid-template-columns: auto;
  }
}
.comments-one__card:not(:last-child) {
  margin-bottom: 48px;
}
.comments-one__image {
  width: 168px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .comments-one__image {
    width: 110px;
  }
}
@media (max-width: 575px) {
  .comments-one__image {
    width: 140px;
  }
}
.comments-one__image img {
  border-radius: 50%;
  height: 168px;
  object-fit: cover;
  width: 168px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .comments-one__image img {
    height: 110px;
    width: 110px;
  }
}
@media (max-width: 575px) {
  .comments-one__image img {
    height: 140px;
    width: 140px;
  }
}
.comments-one__top {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 27px;
}
@media (max-width: 991px) {
  .comments-one__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .comments-one__top {
    gap: 20px;
  }
}
.comments-one__left {
  align-items: center;
  display: flex;
  gap: 20px;
}
@media (max-width: 575px) {
  .comments-one__left {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.comments-one__name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.comments-one__date {
  color: var(--servsoft-base, #e84144);
  margin: 0;
}
.comments-one__reply {
  margin-top: 21px;
}
.comments-one__text {
  margin: 0;
}
.comments-form {
  margin-top: 51px;
}
.comments-form__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.363;
  margin-bottom: 51px;
}
.comments-form textarea {
  height: 211px;
}
.sidebar__single {
  background-color: var(--servsoft-white, #fff);
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 10px;
  box-shadow: 0 0 60px 0 rgba(2, 2, 2, 0.07);
  padding: 35px 40px 40px;
}
@media (max-width: 390px) {
  .sidebar__single {
    padding: 25px 30px 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar__single {
    padding: 25px 25px 30px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}
.sidebar__title {
  border-bottom: 1px solid var(--servsoft-base, #e84144);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.083;
  margin-bottom: 30px;
  padding-bottom: 25px;
  text-transform: capitalize;
}
.sidebar__search,
.sidebar__title {
  position: relative;
}
.sidebar__search input[type="search"],
.sidebar__search input[type="text"] {
  background-color: var(--servsoft-white2, #f1f3ff);
  border: 0;
  border-radius: 10px;
  color: var(--servsoft-text, #959cb2);
  font-size: 16px;
  font-weight: 500;
  height: 60px;
  outline: 0;
  padding-left: 53px;
  transition: all 0.4s ease;
  width: 100%;
}
@media (max-width: 390px) {
  .sidebar__search input[type="search"],
  .sidebar__search input[type="text"] {
    padding-left: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar__search input[type="search"],
  .sidebar__search input[type="text"] {
    padding-left: 50px;
  }
}
.sidebar__search input[type="search"]:focus,
.sidebar__search input[type="text"]:focus {
  color: var(--servsoft-black, #0d1a42);
}
.sidebar__search button[type="submit"] {
  background-color: transparent;
  border: none;
  color: var(--servsoft-text, #959cb2);
  display: inline-flex;
  font-size: 20px;
  left: 20px;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
.sidebar__search button[type="submit"] svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.sidebar__search button[type="submit"]:hover,
.sidebar__search input[type="search"]:focus + button[type="submit"],
.sidebar__search input[type="text"]:focus + button[type="submit"] {
  color: var(--servsoft-black, #0d1a42);
}
.sidebar__posts {
  margin: 0;
}
.sidebar__posts__item {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}
@media (max-width: 360px) {
  .sidebar__posts__item {
    flex-direction: column;
  }
}
.sidebar__posts__item:not(:last-of-type) {
  border-bottom: 1px solid var(--servsoft-border-color, #e6eaff);
  margin-bottom: 16px;
  padding-bottom: 15px;
}
@media (max-width: 360px) {
  .sidebar__posts__item:not(:last-of-type) {
    margin-bottom: 19px;
  }
}
.sidebar__posts__image {
  flex-shrink: 0;
  width: 70px;
}
.sidebar__posts__image img {
  border-radius: 10px;
  display: block;
  width: 100%;
}
.sidebar__posts__content {
  width: calc(100% - 70px);
}
@media (max-width: 360px) {
  .sidebar__posts__content {
    margin: 0;
    width: 100%;
  }
}
.sidebar__posts__meta {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 13px;
  line-height: 1.25;
  margin-bottom: 10px;
}
.sidebar__posts__meta__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  font-size: 16px;
}
.sidebar__posts__meta__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.sidebar__posts__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}
.sidebar__posts__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.sidebar__posts__title a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.sidebar__categories-wrapper {
  padding-bottom: 34px;
}
@media (max-width: 390px) {
  .sidebar__categories-wrapper {
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar__categories-wrapper {
    padding-bottom: 24px;
  }
}
.sidebar__categories {
  margin: 0;
}
.sidebar__categories-title {
  margin-bottom: 28px;
}
.sidebar__categories li:not(:last-child) {
  border-bottom: 1px solid var(--servsoft-border-color, #e6eaff);
  margin-bottom: 12px;
  padding-bottom: 11px;
}
.sidebar__categories li a {
  align-items: flex-start;
  color: var(--servsoft-text, #959cb2);
  display: flex;
  font-size: 16px;
  gap: 8px;
  line-height: 1.428;
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease;
}
.sidebar__categories li a:hover {
  color: var(--servsoft-base, #e84144);
}
.sidebar__categories li a .sidebar__categories__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  top: 4px;
}
.sidebar__categories li a .sidebar__categories__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.sidebar__categories a:hover .sidebar__categories__icon > * {
  animation: slideRight 0.5s;
}
.sidebar__tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sidebar__comments-wrapper {
  padding-bottom: 31px;
}
@media (max-width: 390px) {
  .sidebar__comments-wrapper {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar__comments-wrapper {
    padding-bottom: 21px;
  }
}
.sidebar__comments {
  margin: 0;
  padding: 0;
}
.sidebar__comments li {
  align-items: flex-start;
  display: flex;
  gap: 14px;
}
.sidebar__comments li:not(:last-of-type) {
  margin-bottom: 14px;
}
.sidebar__comments__icon {
  align-items: center;
  background-color: var(--servsoft-border-color, #e6eaff);
  border-radius: 50%;
  color: var(--servsoft-text, #959cb2);
  display: inline-block;
  display: flex;
  flex-shrink: 0;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  position: relative;
  top: 8px;
  transition: all 0.5s ease;
  width: 44px;
  z-index: 1;
}
.sidebar__comments__icon:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: inherit;
  border-radius: 39px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.sidebar__comments__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
li:hover .sidebar__comments__icon {
  color: var(--servsoft-white, #fff);
}
li:hover .sidebar__comments__icon:after {
  opacity: 1;
}
.sidebar__comments__title {
  color: var(--servsoft-text, #959cb2);
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
  margin: 0;
}
.sidebar__comments__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.sidebar__comments__title a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.service-sidebar__single + .service-sidebar__single {
  margin-top: 30px;
}
.service-sidebar__pages__title {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 20px 20px 0 0;
  color: var(--servsoft-white, #fff);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
  padding: 20px 30px 21px;
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .service-sidebar__pages__title {
    padding: 15px 25px 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__pages__title {
    padding: 15px 25px 16px;
  }
}
.service-sidebar__pages__list {
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 0 0 20px 20px;
  border-top: none;
  padding: 40px 30px;
}
@media (max-width: 390px) {
  .service-sidebar__pages__list {
    padding: 30px 25px;
  }
}
@media (max-width: 360px) {
  .service-sidebar__pages__list {
    padding: 25px 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__pages__list {
    padding: 30px 25px;
  }
}
.service-sidebar__nav {
  margin: 0;
}
.service-sidebar__nav li + li {
  margin-top: 10px;
}
.service-sidebar__nav li a {
  background-color: var(--servsoft-white, #fff);
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 10px;
  color: var(--servsoft-black, #0d1a42);
  display: block;
  font-size: 16px;
  line-height: 1.625;
  overflow: hidden;
  padding: 13px 55px 13px 30px;
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease;
  z-index: 1;
}
@media (max-width: 390px) {
  .service-sidebar__nav li a {
    padding-left: 20px;
    padding-right: 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__nav li a {
    padding-left: 20px;
    padding-right: 45px;
  }
}
.service-sidebar__nav li a:before {
  background-color: var(--servsoft-border-color, #e6eaff);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
  width: 0;
  z-index: -1;
}
.service-sidebar__nav li a:after {
  content: none;
}
.service-sidebar__nav__arrow {
  align-items: center;
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  justify-content: center;
  line-height: 0;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease;
}
.service-sidebar__nav__arrow svg {
  display: block;
  height: 14px;
  width: 14px;
}
@media (max-width: 390px) {
  .service-sidebar__nav__arrow {
    right: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__nav__arrow {
    right: 20px;
  }
}
.service-sidebar__nav li.current a,
.service-sidebar__nav li:hover a {
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  color: var(--servsoft-black, #0d1a42);
}
.service-sidebar__nav li.current a:before,
.service-sidebar__nav li:hover a:before {
  left: 0;
  width: 100%;
}
.service-sidebar__nav li.active a .service-sidebar__nav__arrow,
.service-sidebar__nav li.current a .service-sidebar__nav__arrow,
.service-sidebar__nav li:hover a .service-sidebar__nav__arrow {
  color: var(--servsoft-base, #e84144);
}
.service-sidebar__contact {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  text-align: right;
}
.service-sidebar__contact__content {
  padding: 33px 40px 0;
  position: relative;
  text-align: left;
  z-index: 2;
}
@media (max-width: 390px) {
  .service-sidebar__contact__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__contact__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.service-sidebar__contact__title {
  color: var(--servsoft-white, #fff);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.307;
  margin-bottom: 27px;
}
.service-sidebar__contact__btn {
  background-color: var(--servsoft-white, #fff);
  border-radius: 50px;
  color: var(--servsoft-black, #0d1a42);
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  padding: 11px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.service-sidebar__contact__btn:hover {
  background-color: var(--servsoft-black, #0d1a42);
  color: var(--servsoft-white, #fff);
}
.service-sidebar__contact__image {
  height: auto;
  margin-top: -103px;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 390px) {
  .service-sidebar__contact__image {
    margin-top: -60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-sidebar__contact__image {
    margin-top: -60px;
  }
}
.service-sidebar__contact__shape {
  background-color: RGBA(var(--servsoft-white-rgb, 255, 255, 255), 0.24);
  border-radius: 50%;
  bottom: -245px;
  height: 490px;
  position: absolute;
  right: -200px;
  width: 490px;
}
/* ==========================================================================
   SECTION: 03. FOOTER & GLOBAL CTA
   Site footer (.main-footer), footer widgets/columns, copyright bar and the
   global call-to-action band shared across templates.
   ========================================================================== */
.main-footer {
  background-color: var(--servsoft-black, #0d1a42);
  border-radius: 60px 60px 0 0;
  box-sizing: border-box;
  margin: 20px auto 0;
  max-width: 1905px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 575px) {
  .main-footer {
    border-radius: 0;
  }
}
.main-footer__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  height: 100%;
  left: 0;
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 0;
  width: 100%;
}
.main-footer__top {
  padding-bottom: 99px;
  padding-top: 289px;
}
@media (max-width: 1199px) {
  .main-footer__top {
    padding-bottom: 80px;
    padding-top: 273px;
  }
}
@media (max-width: 575px) {
  .main-footer__top {
    padding-top: 80px;
  }
}
.main-footer .container {
  position: relative;
  z-index: 1;
}
.main-footer__bottom {
  border-top: 1px solid
    rgba(var(--servsoft-border-color-rgb, 230, 234, 255), 0.2);
  padding: 31.5px 0 32.5px;
}
@media (max-width: 575px) {
  .main-footer__bottom {
    padding: 20px 0;
  }
}
.main-footer__bottom__inner {
  text-align: center;
}
.main-footer__copyright {
  color: var(--servsoft-gray3, #818fb2);
  font-weight: 500;
  margin: 0;
}
@media (max-width: 575px) {
  .main-footer--three {
    border-radius: 30px 30px 0 0;
  }
}
.main-footer--three .main-footer__bg {
  background-position: bottom;
}
.main-footer--three .main-footer__top {
  padding-top: 96px;
}
@media (max-width: 1199px) {
  .main-footer--three .main-footer__top {
    padding-top: 80px;
  }
}
.footer-widget--about {
  padding-right: 50px;
}
@media (max-width: 767px) {
  .footer-widget--about {
    padding-right: 0;
  }
}
.footer-widget__title {
  color: var(--servsoft-white, #fff);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0 0 25px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .footer-widget__title {
    margin-bottom: 28px;
  }
}
.footer-widget__title:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 100px;
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 25px;
}
.footer-widget__logo {
  display: inline-block;
  margin-bottom: 18px;
}
.footer-widget__logo img {
  height: auto;
  max-width: 100%;
}
.footer-widget__text {
  color: var(--servsoft-white, #fff);
  font-weight: 700;
  margin-bottom: 22px;
}
.footer-widget .social-links {
  gap: 13px;
}
.footer-widget .social-links a {
  background-color: var(--servsoft-black3, #081435);
  height: 45px;
  width: 45px;
}
.footer-widget .social-links a:hover {
  background-color: var(--servsoft-base, #e84144);
}
.footer-widget .social-links__icon {
  color: var(--servsoft-white, #fff);
  font-size: 15px;
}
.footer-widget__links {
  margin: 0;
}
.footer-widget__links li + li {
  margin-top: 4px;
}
.footer-widget__links li {
  color: var(--servsoft-text-gray, #8c9ed3);
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
}
.footer-widget__links li a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.footer-widget__links li a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.footer-widget__posts li {
  line-height: 1.5;
}
.footer-widget__posts li a {
  background-position: 0 100%;
}
.footer-widget__empty {
  font-size: 15px;
  margin: 0;
}
.footer-widget__address,
.footer-widget__empty {
  color: var(--servsoft-text-gray, #8c9ed3);
  font-weight: 600;
}
.footer-widget__address {
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .footer-widget__address {
    margin-bottom: 30px;
  }
}
.footer-widget__info {
  margin: 0;
}
.footer-widget__info li + li {
  margin-top: 17px;
}
.footer-widget__info li {
  align-items: center;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-size: 15px;
  font-weight: 700;
  gap: 11px;
  line-height: 1.333;
}
.footer-widget__info li a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.footer-widget__info li a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.footer-widget__info__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.footer-widget__info__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.client-carousel {
  background-color: var(--servsoft-white, #fff);
}
.client-carousel__content {
  text-align: center;
}
.client-carousel__title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.428;
  margin-bottom: 53px;
  position: relative;
  text-transform: uppercase;
}
.client-carousel__title:after,
.client-carousel__title:before {
  background-color: var(--servsoft-border-color, #e6eaff);
  content: "";
  height: 0.25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% - 110px);
}
.client-carousel__title:before {
  left: 0;
}
.client-carousel__title:after {
  right: 0;
}
.client-carousel__carousel {
  position: relative;
}
.client-carousel__carousel .owl-stage {
  align-items: center;
  display: flex;
}
.client-carousel__item {
  position: relative;
  text-align: center;
}
.client-carousel__item img {
  max-width: 100%;
  width: auto !important;
}
.client-carousel__image {
  margin: auto;
}
.client-carousel__hover-image {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.client-carousel__item:hover .client-carousel__hover-image {
  opacity: 1;
}
/* ==========================================================================
   SECTION: 04. HERO SLIDER (Owl Carousel & Mobile Overrides)
   The homepage hero (.hero-three), its Owl Carousel nav arrows / dots, and
   the modern slide markup (.hero-slide-modern / .hero-slider-modern).
   Mobile/tablet overrides are kept INLINE within this section via @media
   blocks beside each base rule — do not relocate them (cascade-sensitive).
   ========================================================================== */
.hero-three {
  background-color: var(--servsoft-black6, #091536);
  border-radius: 0 0 60px 60px;
  padding-bottom: 100px;
  padding-top: 191px;
  position: relative;
}
@media (max-width: 575px) {
  .hero-three {
    border-radius: 0 0 30px 30px;
  }
}
.hero-three__bg {
  background-blend-mode: color-dodge;
  background-color: #fff;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  bottom: 0;
  left: 0;
  position: relative;
  position: absolute;
  right: 0;
  top: -66px;
}
@media (max-width: 1199px) {
  .hero-three__bg {
    border-radius: 40px 40px 60px 60px;
  }
}
@media (max-width: 991px) {
  .hero-three__bg {
    border-radius: 0 0 60px 60px;
  }
}
@media (max-width: 575px) {
  .hero-three__bg {
    border-radius: 0 0 30px 30px;
  }
}
.pa-60 {
  padding: 0 60px;
}
.hero-three__bg__inner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  height: calc(100% - 537px);
  left: 50%;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  position: absolute;
  top: 117px;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 1599px) {
  .hero-three__bg__inner {
    -webkit-mask: unset;
    mask: unset;
  }
}
@media (max-width: 1399px) {
  .hero-three__bg__inner {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-three__bg__inner {
    height: calc(100% - 450px);
    top: 5px !important;
  }

  .hero-three.hero-slider-modern {
    padding-bottom: 0px !important;
  }
}
  @media (max-width: 1399px) {
  .hero-three__bg__inner {
    height: calc(100% - 450px);
    top: 30px;
  }
}
@media (max-width: 991px) {
  .hero-three__bg__inner {
    height: calc(100% - 380px) !important;
  }
  .main-header--two {
    border-radius: 0px;
}
.hero-three {
    border-radius: 0px;
    background: transparent;
}
}
@media (max-width: 767px) {
  .hero-three__bg__inner {
    height: calc(100% - 450px) !important; 
    top: -27px !important;
  }
  .main-header__search,
  .servsoft-btn {
    display: none;
  }
  .section-space-2 {
    padding: 30px 0px;
}
}
@media (max-width: 575px) {
  .hero-three__bg__inner {
    border-radius: 40px;
    height: calc(100% - 400px);
  }
      .hero-three__bg__inner {
        top: 15px !important;
    }
}
@media (max-width: 440px) {
  .hero-three__bg__inner {
    height: calc(100% - 350px);
  }
}
.hero-three__bg__inner:after {
  background: linear-gradient(0deg, #e84144 18.28%, rgba(62, 93, 255, 0.5));
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  mix-blend-mode: color;
  position: absolute;
  right: 0;
  top: 0;
}
.hero-three .container {
  position: relative;
  z-index: 2;
}
.hero-three .servsoft-btn__icon:after,
.hero-three .servsoft-btn__text:after {
  background: var(--servsoft-white, #fff);
}
.hero-three .servsoft-btn:hover .servsoft-btn__icon,
.hero-three .servsoft-btn:hover .servsoft-btn__text {
  color: var(--servsoft-black, #0d1a42);
}
.hero-three__carousel {
  margin-top: 75px;
}
.contact-info__title2{
  color: #000;
  font-size: 14px;
font-weight: 600px;
}
.contact-info__card:hover .contact-info__text, .contact-info__card:hover .contact-info__title2{
  color: #fff;
} 
.contact-info__card:hover .contact-info__text, .contact-info__card:hover a{
  color: #fff;
} 
/* ==========================================================================
   SECTION: 05. HOMEPAGE (Intro & About Bento)
   Homepage intro / "about" bento blocks (.about-three and friends): image
   panels, content column, logo and supporting bento cards.
   ========================================================================== */
.about-three {
  background-color: var(--servsoft-white, #fff);
  padding-bottom: 60px;
  position: relative;
}
.about-three .container {
  position: relative;
  z-index: 2;
}
.about-three__container {
  background-color: var(--servsoft-white2, #f1f3ff);
  height: 100%;
  padding: 0;
  position: absolute !important;
  top: 0;
  z-index: auto !important;
}
@media (max-width: 1399px) {
  .about-three__container {
    left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .about-three__container {
    border-radius: 40px 0 0 40px;
    left: calc(50% - 600px);
    max-width: inherit;
    min-width: auto;
    width: auto;
    width: 100%;
  }
}
.about-three__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.about-three__image__inner {
  border-radius: 60px;
  display: inline-block;
  margin-left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1086.000000"><g transform="translate(0.000000,1086.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M795 10845 c-6 -9 -32 -20 -60 -24 -139 -25 -315 -121 -439 -240 -150 -145 -234 -293 -285 -504 -8 -35 -11 -1055 -11 -3952 0 -4144 -2 -3927 42 -4045 22 -59 67 -141 100 -184 152 -199 348 -307 583 -321 295 -17 471 -88 623 -250 154 -163 209 -312 227 -610 7 -112 27 -181 86 -300 91 -186 296 -349 499 -399 59 -15 345 -16 3055 -13 2131 2 3003 6 3035 14 232 57 467 229 597 438 46 74 105 223 118 298 3 21 13 41 21 44 21 8 21 7828 0 7836 -8 3 -17 21 -21 39 -13 69 -78 208 -128 273 -152 199 -347 306 -587 320 -237 14 -342 44 -491 142 -108 70 -228 211 -275 320 -48 116 -68 214 -79 393 -10 159 -77 329 -176 445 -100 117 -275 229 -397 256 -30 6 -56 17 -59 25 -4 12 -438 14 -2987 14 -2668 0 -2982 -2 -2991 -15z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1086.000000"><g transform="translate(0.000000,1086.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M795 10845 c-6 -9 -32 -20 -60 -24 -139 -25 -315 -121 -439 -240 -150 -145 -234 -293 -285 -504 -8 -35 -11 -1055 -11 -3952 0 -4144 -2 -3927 42 -4045 22 -59 67 -141 100 -184 152 -199 348 -307 583 -321 295 -17 471 -88 623 -250 154 -163 209 -312 227 -610 7 -112 27 -181 86 -300 91 -186 296 -349 499 -399 59 -15 345 -16 3055 -13 2131 2 3003 6 3035 14 232 57 467 229 597 438 46 74 105 223 118 298 3 21 13 41 21 44 21 8 21 7828 0 7836 -8 3 -17 21 -21 39 -13 69 -78 208 -128 273 -152 199 -347 306 -587 320 -237 14 -342 44 -491 142 -108 70 -228 211 -275 320 -48 116 -68 214 -79 393 -10 159 -77 329 -176 445 -100 117 -275 229 -397 256 -30 6 -56 17 -59 25 -4 12 -438 14 -2987 14 -2668 0 -2982 -2 -2991 -15z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 1799px) {
  .about-three__image__inner {
    margin-left: -200px;
  }
}
@media (max-width: 1599px) {
  .about-three__image__inner {
    margin-left: -100px;
  }
}
@media (max-width: 1399px) {
  .about-three__image__inner {
    margin-left: 0;
  }
}
.about-three__image img {
  border-radius: inherit;
}
@media (max-width: 1199px) {
  .about-three__image img {
    height: auto;
    max-width: 100%;
  }
}
.about-three__content {
  margin-left: -26px;
}
@media (max-width: 1799px) {
  .about-three__content {
    margin-left: 0;
  }
}
@media (max-width: 1599px) {
  .about-three__content {
    padding-left: 85px;
  }
}
@media (max-width: 1199px) {
  .about-three__content {
    padding-left: 0;
  }
}
.about-three__logo {
  height: auto;
  max-width: 100%;
}
.about-three .sec-title {
  line-height: 1.3;
  margin-bottom: 16px;
}
@media (max-width: 1599px) {
  .about-three .sec-title {
    margin-bottom: 25px;
  }
}
.about-three .sec-title span {
  color: var(--servsoft-base, #e84144);
}
.about-three__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  margin-bottom: 26px;
}
.about-three__sm-title {
  color: var(--servsoft-base, #e84144);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625;
  margin-bottom: 31px;
}
.about-three__item-box {
  padding-left: 15px;
}
@media (max-width: 1799px) {
  .about-three__item-box {
    padding-left: 0;
  }
}
.about-three__item + .about-three__item {
  margin-top: 20px;
}
.about-three__item {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 19.117px 0 0 19.117px;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 30px 40px;
  padding: 21px 0 21px 29px;
  position: relative;
}
@media (max-width: 1399px) {
  .about-three__item {
    border-radius: 19.117px;
    padding-right: 29px;
  }
}
@media (max-width: 430px) {
  .about-three__item {
    align-items: flex-start;
    flex-direction: column;
    padding: 30px;
  }
}
.about-three__item:after {
  background-color: var(--servsoft-white, #fff);
  border-radius: 0 19.117px 19.117px 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -55px;
  top: 0;
  width: 55px;
}
@media (max-width: 1399px) {
  .about-three__item:after {
    display: none;
  }
}
.about-three__item__icon {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 70px;
  -webkit-text-fill-color: transparent;
}
.about-three__item:hover .about-three__item__icon {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.about-three__item__content {
  position: relative;
}
.about-three__item__content:before {
  background-color: var(--servsoft-border-color, #e6eaff);
  content: "";
  height: 100%;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
@media (max-width: 430px) {
  .about-three__item__content:before {
    display: none;
  }
}
.about-three__item__title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.333;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.about-three__item__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.714;
  margin: 0;
}
.about-three__image-2 {
  border-radius: 26px;
  bottom: 0;
  display: inline-block;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1203.000000"><g transform="translate(0.000000,1203.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M520 12015 c0 -9 -14 -17 -37 -21 -74 -12 -196 -80 -271 -150 -105 -96 -164 -192 -198 -322 -21 -81 -21 -9374 1 -9457 56 -215 235 -397 455 -464 56 -17 104 -20 350 -24 290 -5 322 -9 439 -51 167 -61 324 -223 387 -398 28 -80 35 -142 43 -388 9 -262 7 -250 72 -386 74 -153 235 -289 399 -336 36 -10 707 -13 3443 -15 l3397 -3 0 6015 0 6015 -4240 0 c-3704 0 -4240 -2 -4240 -15z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1203.000000"><g transform="translate(0.000000,1203.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M520 12015 c0 -9 -14 -17 -37 -21 -74 -12 -196 -80 -271 -150 -105 -96 -164 -192 -198 -322 -21 -81 -21 -9374 1 -9457 56 -215 235 -397 455 -464 56 -17 104 -20 350 -24 290 -5 322 -9 439 -51 167 -61 324 -223 387 -398 28 -80 35 -142 43 -388 9 -262 7 -250 72 -386 74 -153 235 -289 399 -336 36 -10 707 -13 3443 -15 l3397 -3 0 6015 0 6015 -4240 0 c-3704 0 -4240 -2 -4240 -15z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto;
  mask-size: auto;
  position: absolute;
  right: 0;
  z-index: 1;
}
@media (max-width: 1799px) {
  .about-three__image-2 {
    right: -100px;
  }
}
@media (max-width: 1599px) {
  .about-three__image-2 {
    display: none;
  }
}
.about-three__image-2 img {
  border-radius: inherit;
  height: auto;
  max-width: 100%;
}
.about-three__shape {
  animation: moveX 2s linear infinite;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: -130px;
  z-index: 1;
}
@media (max-width: 1799px) {
  .about-three__shape {
    top: -140px;
  }
}
@media (max-width: 1599px) {
  .about-three__shape {
    display: none;
  }
}
.testimonial-card-two {
  border-radius: 20px;
  filter: drop-shadow(0 10px 50px rgba(0, 0, 0, 0.15));
  padding: 29px 40px 17px;
  position: relative;
}
@media (max-width: 767px) {
  .testimonial-card-two {
    padding: 19px 30px 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-card-two {
    padding: 19px 30px 17px;
  }
}
.testimonial-card-two__shape {
  border-radius: 20px;
  height: 100%;
  left: 0;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonial-card-two__shape__1 {
  background-color: var(--servsoft-base, #e84144);
  border-radius: inherit;
  height: 100%;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 471.000000"><g transform="translate(0.000000,471.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M210 4696 c0 -8 -15 -20 -34 -26 -52 -17 -122 -84 -150 -145 l-26 -54 0 -1896 c0 -1487 3 -1904 12 -1937 9 -27 33 -62 68 -98 51 -52 88 -73 465 -261 226 -113 430 -216 455 -229 25 -13 61 -30 80 -37 51 -18 7086 -19 7139 -1 39 14 103 59 166 116 22 21 76 68 120 106 109 93 196 168 209 181 6 5 40 35 76 65 105 88 138 124 165 179 15 28 30 49 36 46 5 -4 9 711 9 1884 0 1628 -2 1891 -14 1891 -8 0 -20 17 -27 37 -15 48 -104 137 -152 152 -20 7 -37 19 -37 27 0 12 -586 14 -4280 14 -3694 0 -4280 -2 -4280 -14z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 471.000000"><g transform="translate(0.000000,471.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M210 4696 c0 -8 -15 -20 -34 -26 -52 -17 -122 -84 -150 -145 l-26 -54 0 -1896 c0 -1487 3 -1904 12 -1937 9 -27 33 -62 68 -98 51 -52 88 -73 465 -261 226 -113 430 -216 455 -229 25 -13 61 -30 80 -37 51 -18 7086 -19 7139 -1 39 14 103 59 166 116 22 21 76 68 120 106 109 93 196 168 209 181 6 5 40 35 76 65 105 88 138 124 165 179 15 28 30 49 36 46 5 -4 9 711 9 1884 0 1628 -2 1891 -14 1891 -8 0 -20 17 -27 37 -15 48 -104 137 -152 152 -20 7 -37 19 -37 27 0 12 -586 14 -4280 14 -3694 0 -4280 -2 -4280 -14z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 767px) {
  .testimonial-card-two__shape__1 {
    -webkit-mask: unset;
    mask: unset;
  }
}
.testimonial-card-two__shape__2 {
  background-color: var(--servsoft-white, #fff);
  border-radius: inherit;
  height: calc(100% - 2px);
  left: 50%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 468.000000"><g transform="translate(0.000000,468.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M210 4666 c0 -8 -15 -20 -34 -26 -52 -17 -122 -84 -150 -145 l-26 -54 0 -1889 c0 -2138 -9 -1925 88 -2021 52 -51 98 -76 507 -281 248 -124 466 -230 485 -237 52 -19 7089 -18 7141 0 20 7 54 26 75 42 34 25 170 141 184 155 3 3 50 44 105 90 55 46 105 89 110 95 6 6 39 36 75 66 119 99 161 143 183 191 12 26 28 48 34 48 10 0 13 377 13 1875 0 1615 -2 1875 -14 1875 -8 0 -20 17 -27 37 -15 48 -104 137 -152 152 -20 7 -37 19 -37 27 0 12 -586 14 -4280 14 -3694 0 -4280 -2 -4280 -14z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 468.000000"><g transform="translate(0.000000,468.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M210 4666 c0 -8 -15 -20 -34 -26 -52 -17 -122 -84 -150 -145 l-26 -54 0 -1889 c0 -2138 -9 -1925 88 -2021 52 -51 98 -76 507 -281 248 -124 466 -230 485 -237 52 -19 7089 -18 7141 0 20 7 54 26 75 42 34 25 170 141 184 155 3 3 50 44 105 90 55 46 105 89 110 95 6 6 39 36 75 66 119 99 161 143 183 191 12 26 28 48 34 48 10 0 13 377 13 1875 0 1615 -2 1875 -14 1875 -8 0 -20 17 -27 37 -15 48 -104 137 -152 152 -20 7 -37 19 -37 27 0 12 -586 14 -4280 14 -3694 0 -4280 -2 -4280 -14z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
  z-index: 1;
}
@media (max-width: 767px) {
  .testimonial-card-two__shape__2 {
    -webkit-mask: unset;
    mask: unset;
  }
}
.testimonial-card-two__shape__2:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  bottom: 0;
  content: "";
  height: 55px;
  left: 0;
  position: absolute;
  width: calc(100% - 20px);
}
@media (max-width: 767px) {
  .testimonial-card-two__shape__2:after {
    border-radius: 0 0 0 20px;
  }
}
@media (max-width: 575px) {
  .testimonial-card-two__shape__2:after {
    border-radius: 0 0 20px 20px;
    width: 100%;
  }
}
@media (max-width: 430px) {
  .testimonial-card-two__shape__2:after {
    height: 78px;
  }
}
.testimonial-card-two:hover .testimonial-card-two__shape__1 {
  opacity: 1;
}
.testimonial-card-two__inner {
  position: relative;
  z-index: 2;
}
.testimonial-card-two__quote {
  font-size: 18px;
  font-style: italic;
  line-height: 1.888;
  margin-bottom: 19px;
}
@media (max-width: 575px) {
  .testimonial-card-two__quote {
    margin-bottom: 30px;
  }
}
@media (max-width: 430px) {
  .testimonial-card-two__quote {
    font-size: 16px;
  }
}
.testimonial-card-two .servsoft-ratings {
  margin-bottom: 54px;
}
@media (max-width: 575px) {
  .testimonial-card-two .servsoft-ratings {
    margin-bottom: 30px;
  }
}
.testimonial-card-two .servsoft-ratings__icon {
  color: var(--servsoft-base, #e84144);
}
.testimonial-card-two__identity {
  align-items: center;
  display: flex;
  gap: 5px 32px;
  padding-left: 58px;
}
@media (max-width: 767px) {
  .testimonial-card-two__identity {
    padding-left: 0;
  }
}
@media (max-width: 430px) {
  .testimonial-card-two__identity {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-card-two__identity {
    padding-left: 0;
  }
}
.testimonial-card-two__designation,
.testimonial-card-two__name {
  color: var(--servsoft-white, #fff);
  font-weight: 700;
  line-height: 1.333;
  margin: 0;
}
.testimonial-card-two__name {
  font-size: 18px;
  position: relative;
  text-transform: capitalize;
}
.testimonial-card-two__name:after {
  background-color: var(--servsoft-white, #fff);
  content: "";
  height: 2px;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
@media (max-width: 430px) {
  .testimonial-card-two__name:after {
    display: none;
  }
}
.testimonial-card-two__designation {
  font-size: 14px;
  text-transform: uppercase;
}
.testimonial-card-two__image {
  border-radius: 50%;
  bottom: -57px;
  height: 162px;
  position: absolute;
  right: -40px;
  width: 162px !important;
}
@media (max-width: 767px) {
  .testimonial-card-two__image {
    bottom: -47px;
    height: 130px;
    right: -30px;
    width: 130px !important;
  }
}
@media (max-width: 575px) {
  .testimonial-card-two__image {
    margin-bottom: 40px;
    position: static;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-card-two__image {
    bottom: -47px;
    height: 130px;
    right: -30px;
    width: 130px !important;
  }
}
.testimonial-card-three {
  border-radius: 30px;
  position: relative;
}
.testimonial-card-three__shape {
  border-radius: 30px;
  filter: drop-shadow(0 4px 25px rgba(0, 0, 0, 0.06));
  height: 100%;
  left: 0;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonial-card-three__shape:before {
  background-color: var(--servsoft-border-color, #e6eaff);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 525.000000"><g transform="translate(0.000000,525.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M415 5235 c-6 -9 -32 -18 -64 -22 -29 -3 -72 -17 -95 -29 -22 -13 -50 -28 -61 -33 -25 -11 -102 -90 -120 -122 -37 -66 -52 -112 -64 -189 -16 -111 -11 -4429 6 -4500 10 -43 28 -87 58 -139 18 -32 95 -111 120 -122 11 -5 39 -20 61 -33 23 -12 66 -27 95 -32 72 -12 8206 -12 8278 0 97 16 233 108 276 186 36 67 52 109 58 155 4 28 14 55 22 61 13 10 15 204 15 1618 0 1008 -4 1605 -9 1601 -11 -6 -31 56 -31 97 0 42 -57 142 -111 196 -26 26 -106 90 -179 142 -72 52 -175 127 -228 165 -53 39 -115 83 -137 98 -22 15 -67 47 -100 72 -33 24 -82 60 -110 80 -27 19 -63 45 -80 58 -68 50 -213 154 -250 179 -40 27 -189 134 -255 183 -19 14 -69 51 -110 80 -41 30 -80 58 -86 63 -36 31 -180 125 -216 141 -24 11 -67 23 -96 26 -31 4 -56 13 -59 21 -4 12 -484 14 -3262 14 -2912 0 -3257 -2 -3266 -15z m6348 -2 c-13 -2 -33 -2 -45 0 -13 2 -3 4 22 4 25 0 35 -2 23 -4z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 525.000000"><g transform="translate(0.000000,525.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M415 5235 c-6 -9 -32 -18 -64 -22 -29 -3 -72 -17 -95 -29 -22 -13 -50 -28 -61 -33 -25 -11 -102 -90 -120 -122 -37 -66 -52 -112 -64 -189 -16 -111 -11 -4429 6 -4500 10 -43 28 -87 58 -139 18 -32 95 -111 120 -122 11 -5 39 -20 61 -33 23 -12 66 -27 95 -32 72 -12 8206 -12 8278 0 97 16 233 108 276 186 36 67 52 109 58 155 4 28 14 55 22 61 13 10 15 204 15 1618 0 1008 -4 1605 -9 1601 -11 -6 -31 56 -31 97 0 42 -57 142 -111 196 -26 26 -106 90 -179 142 -72 52 -175 127 -228 165 -53 39 -115 83 -137 98 -22 15 -67 47 -100 72 -33 24 -82 60 -110 80 -27 19 -63 45 -80 58 -68 50 -213 154 -250 179 -40 27 -189 134 -255 183 -19 14 -69 51 -110 80 -41 30 -80 58 -86 63 -36 31 -180 125 -216 141 -24 11 -67 23 -96 26 -31 4 -56 13 -59 21 -4 12 -484 14 -3262 14 -2912 0 -3257 -2 -3266 -15z m6348 -2 c-13 -2 -33 -2 -45 0 -13 2 -3 4 22 4 25 0 35 -2 23 -4z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
.testimonial-card-three__shape:after {
  background-color: var(--servsoft-white, #fff);
  border-radius: inherit;
  content: "";
  height: calc(100% - 2px);
  left: 50%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 522.000000"  preserveAspectRatio="xMidYMid meet">  <g transform="translate(0.000000,522.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M425 5211 c6 -11 -54 -30 -95 -32 -14 0 -45 -11 -70 -24 -25 -13 -54 -28 -65 -34 -25 -12 -103 -91 -120 -122 -37 -66 -52 -112 -64 -189 -16 -111 -11 -4399 6 -4470 10 -42 26 -82 58 -140 17 -31 94 -107 126 -125 59 -33 108 -52 154 -61 67 -12 8203 -12 8270 0 46 9 95 28 154 61 32 18 109 95 126 125 36 67 52 109 58 155 4 28 14 55 22 61 13 10 15 203 15 1608 0 1001 -4 1595 -9 1591 -11 -6 -31 56 -31 100 0 17 -7 39 -15 49 -8 11 -15 27 -15 36 0 8 -21 39 -47 69 -46 53 -139 126 -379 296 -70 50 -173 124 -230 165 -56 41 -112 82 -125 90 -37 25 -193 138 -206 150 -7 6 -34 25 -60 42 -48 32 -127 89 -150 108 -7 6 -34 25 -60 42 -48 32 -127 89 -150 108 -7 6 -34 25 -60 42 -27 18 -73 50 -103 73 -162 123 -285 195 -331 195 -38 0 -100 20 -94 31 4 5 -1208 9 -3255 9 -2047 0 -3259 -4 -3255 -9z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 522.000000"  preserveAspectRatio="xMidYMid meet">  <g transform="translate(0.000000,522.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M425 5211 c6 -11 -54 -30 -95 -32 -14 0 -45 -11 -70 -24 -25 -13 -54 -28 -65 -34 -25 -12 -103 -91 -120 -122 -37 -66 -52 -112 -64 -189 -16 -111 -11 -4399 6 -4470 10 -42 26 -82 58 -140 17 -31 94 -107 126 -125 59 -33 108 -52 154 -61 67 -12 8203 -12 8270 0 46 9 95 28 154 61 32 18 109 95 126 125 36 67 52 109 58 155 4 28 14 55 22 61 13 10 15 203 15 1608 0 1001 -4 1595 -9 1591 -11 -6 -31 56 -31 100 0 17 -7 39 -15 49 -8 11 -15 27 -15 36 0 8 -21 39 -47 69 -46 53 -139 126 -379 296 -70 50 -173 124 -230 165 -56 41 -112 82 -125 90 -37 25 -193 138 -206 150 -7 6 -34 25 -60 42 -48 32 -127 89 -150 108 -7 6 -34 25 -60 42 -48 32 -127 89 -150 108 -7 6 -34 25 -60 42 -27 18 -73 50 -103 73 -162 123 -285 195 -331 195 -38 0 -100 20 -94 31 4 5 -1208 9 -3255 9 -2047 0 -3259 -4 -3255 -9z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  width: calc(100% - 2px);
}
.testimonial-card-three__inner {
  padding: 50px 50px 47px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .testimonial-card-three__inner {
    padding: 40px 40px 37px;
  }
}
@media (max-width: 430px) {
  .testimonial-card-three__inner {
    padding: 30px 30px 27px;
  }
}
.testimonial-card-three__top {
  align-items: center;
  display: flex;
  gap: 40px 20px;
  justify-content: space-between;
  margin-bottom: 22px;
  padding-right: 20px;
}
@media (max-width: 575px) {
  .testimonial-card-three__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimonial-card-three__top {
    padding-right: 40px;
  }
}
.testimonial-card-three__info {
  align-items: center;
  display: flex;
  gap: 20px;
}
@media (max-width: 430px) {
  .testimonial-card-three__info {
    align-items: flex-start;
    flex-direction: column;
  }
}
.testimonial-card-three__image {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100px;
  width: 100px !important;
}
.testimonial-card-three__name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.272;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.testimonial-card-three__designation {
  font-weight: 500;
  line-height: 1.466;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.testimonial-card-three .servsoft-ratings__icon {
  color: var(--servsoft-base, #e84144);
  font-size: 16px;
}
.testimonial-card-three__quote-icon {
  display: inline-block !important;
  flex-shrink: 0;
  height: auto;
  max-width: 100%;
  width: auto !important;
}
.testimonial-card-three__quote {
  font-size: 18px;
  font-style: italic;
  line-height: 1.666;
  margin-bottom: 0;
}
@media (max-width: 430px) {
  .testimonial-card-three__quote {
    font-size: 16px;
  }
}
.testimonials-one__carousel.owl-carousel .owl-nav button,
.testimonials-three {
  background-color: var(--servsoft-white, #fff);
}
.testimonials-three {
  position: relative;
}
.testimonials-three__image {
  border-radius: 0 500px 500px 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 45.1%;
}
@media (max-width: 1199px) {
  .testimonials-three__image {
    display: none;
  }
}
.testimonials-three__image img {
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.testimonials-three .container {
  position: relative;
  z-index: 1;
}
.testimonials-three .sec-title {
  margin-bottom: 50px;
}
.testimonials-three__content {
  padding-left: 70px;
}
@media (max-width: 1199px) {
  .testimonials-three__content {
    padding-left: 0;
  }
  .testimonials-three__carousel {
    padding: 0 15px;
  }
}
.testimonials-three__carousel.owl-carousel .owl-dots {
  justify-content: flex-start;
}
.testimonials-four {
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .testimonials-four {
    padding-bottom: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .testimonials-four {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .testimonials-four {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonials-four {
    padding-bottom: 150px;
  }
}
.testimonials-four__carousel.owl-carousel .owl-nav {
  margin-top: 86px;
}
@media (max-width: 767px) {
  .testimonials-four__carousel.owl-carousel .owl-nav {
    margin-top: 76px;
  }
}
@media (max-width: 575px) {
  .testimonials-four__carousel.owl-carousel .owl-nav {
    margin-top: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimonials-page--two .testimonials-page__carousel.owl-carousel .owl-nav {
    margin-top: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonials-page--two .testimonials-page__carousel.owl-carousel .owl-nav {
    margin-top: 85px !important;
  }
}
.testimonials-page--two .testimonials-page__carousel.owl-carousel .owl-dots {
  margin-top: 85px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonials-page--two .testimonials-page__carousel.owl-carousel .owl-dots {
    margin-top: 75px !important;
  }
}
.why-choose__button {
  margin-top: 50px;
}
.why-choose-three {
  filter: drop-shadow(0 10px 60px rgba(0, 0, 0, 0.1));
  position: relative;
}
@media (max-width: 1199px) {
  .why-choose-three {
    padding-bottom: var(--section-space, 120px);
  }
}
@media (max-width: 767px) {
  .why-choose-three {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .why-choose-three {
    padding-bottom: 80px;
  }
}
.why-choose-three__bg {
  background-color: var(--servsoft-white2, #f1f3ff);
  bottom: 0;
  left: 0;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .why-choose-three__bg {
    -webkit-mask: unset;
    mask: unset;
  }
}
@media (max-width: 575px) {
  .why-choose-three__bg {
    border-radius: 0 0 30px 30px;
  }
}
.why-choose-three__bg__inner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.why-choose-three .container {
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .why-choose-three__item-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 36px;
  }
}
@media (max-width: 767px) {
  .why-choose-three__item-box {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .why-choose-three__item + .why-choose-three__item {
    border-top: 1px solid rgba(var(--servsoft-black-rgb, 13, 26, 66), 0.2);
    margin-top: 23px;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .why-choose-three__item {
    text-align: center;
  }
}
.why-choose-three__item__icon-box {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 50%;
  display: flex;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
  height: 91px;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  width: 91px;
  z-index: 1;
}
@media (max-width: 767px) {
  .why-choose-three__item__icon-box {
    margin: 0 auto 20px;
  }
}
.why-choose-three__item__icon-box:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: inherit;
  bottom: 0;
  content: "";
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.8);
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.why-choose-three__item:hover .why-choose-three__item__icon-box:after {
  opacity: 1;
  transform: scale(1);
}
.why-choose-three__item__icon {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-flex;
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
.why-choose-three__item:hover .why-choose-three__item__icon {
  background: linear-gradient(
    90deg,
    var(--servsoft-white, #fff),
    var(--servsoft-white, #fff)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.why-choose-three__item__svg {
  color: #fff;
  display: block;
  height: 56px;
  width: 56px;
}
.why-choose-three__item:hover .why-choose-three__item__svg g {
  stroke: var(--servsoft-white, #fff);
}
.why-choose-three__item__title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.333;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .why-choose-three__item__title {
    margin-bottom: 12px;
  }
}
.why-choose-three__item__text {
  line-height: 1.625;
  margin: 0;
}
.why-choose-three__image {
  text-align: center;
}
.why-choose-three__image img {
  height: auto;
  max-width: 100%;
}
.why-choose-three__bottom {
  margin-top: 154px;
  padding: 0 60px 34px;
}
@media (max-width: 1199px) {
  .why-choose-three__bottom {
    margin-top: 100px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .why-choose-three__bottom {
    margin-top: 60px;
  }
}
.why-choose-three__bottom__title {
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.666;
  margin: 0;
}
@media (max-width: 991px) {
  .why-choose-three__bottom__title {
    text-align: center;
  }
}
.why-choose-three__bottom__title span {
  color: var(--servsoft-base, #e84144);
}
.why-choose-three__button {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .why-choose-three__button {
    justify-content: center;
  }
}
.funfact-two {
  position: relative;
}
.funfact-two .container {
  position: relative;
  z-index: 1;
}
.funfact-two__item__top {
  align-items: flex-end;
  border-bottom: 2px solid var(--servsoft-border-color, #e6eaff);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 22px;
}
@media (max-width: 412px) {
  .funfact-two__item__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .funfact-two__item__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (max-width: 412px) {
  .funfact-two__item__left {
    order: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .funfact-two__item__left {
    order: 1;
  }
}
.funfact-two__item__count {
  display: flex;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 10px;
}
.funfact-two__item__title {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  opacity: 0.8;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
}
.funfact-two__item__shape {
  height: auto;
  max-width: 100%;
  transition: all 0.5s ease;
}
@media (max-width: 412px) {
  .funfact-two__item__shape {
    order: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .funfact-two__item__shape {
    order: 0;
  }
}
.funfact-two__item:hover .funfact-two__item__shape {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.funfact-two__item__text {
  color: var(--servsoft-gray2, #a1aac7);
  line-height: 1.733;
  margin: 0;
}
.funfact-two--about {
  background-color: var(--servsoft-black, #0d1a42);
  border-radius: 0 0 60px 60px;
}
.funfact-two--about .funfact-two__bg-1,
.funfact-two--about .funfact-two__bg-2 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.funfact-two--about .funfact-two__bg-1 {
  mix-blend-mode: hard-light;
  opacity: 0.7;
  z-index: 1;
}
.funfact-two--about .funfact-two__bg-2 {
  mix-blend-mode: overlay;
}
.funfact-two--about .funfact-two__item__top {
  border-color: RGBA(var(--servsoft-white-rgb, 255, 255, 255), 0.2);
}
.funfact-two--about .funfact-two__item__count {
  color: var(--servsoft-white, #fff);
}
.funfact-two--about .funfact-two__item__title {
  background: transparent;
  color: var(--servsoft-base, #e84144);
  opacity: 1;
  -webkit-text-fill-color: var(--servsoft-base, #e84144);
}
.funfact-three__wrapper {
  border-radius: 20px;
  padding: 44.5px 0 41.5px;
  position: relative;
}
.funfact-three__bg {
  background-color: var(--servsoft-white, #fff);
  border-radius: 20px;
  z-index: 1;
}
.funfact-three__bg,
.funfact-three__bg__inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.funfact-three__bg__inner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
}
.funfact-three__border {
  background: linear-gradient(135deg, #e84144, #2b4c9b);
  border-radius: 20px;
  height: calc(100% + 20px);
  left: 20px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px;
  position: absolute;
  top: 1px;
  width: 100%;
}
@media (max-width: 575px) {
  .funfact-three__border {
    display: none;
  }
}
.funfact-three__image {
  border-radius: 0 20px 20px 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 31% 100%);
  height: 100%;
  max-width: 359px;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1199px) {
  .funfact-three__image {
    display: none;
  }
}
.funfact-three__inner {
  max-width: 870px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199px) {
  .funfact-three__inner {
    max-width: 100%;
  }
}
.funfact-three .row > div:not(:last-child) .funfact-three__item:after {
  background-color: RGBA(var(--servsoft-black-rgb, 13, 26, 66), 0.1);
  content: "";
  height: calc(100% - 4px);
  position: absolute;
  right: -7.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
@media (max-width: 767px) {
  .funfact-three .row > div:not(:last-child) .funfact-three__item:after {
    display: none;
  }
}
.funfact-three__item {
  padding: 0 20px;
  position: relative;
  text-align: center;
}
.funfact-three__item__shape {
  height: auto;
  margin-bottom: 15px;
  max-width: 100%;
  transition: all 0.5s ease;
}
.funfact-three__item:hover .funfact-three__item__shape {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.funfact-three__item__count {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 991px) {
  .funfact-three__item__count {
    font-size: 16px;
  }
}
.faq-accordion {
  position: relative;
  z-index: 1;
}
.faq-accordion .accordion {
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
}
.faq-accordion .accordion + .accordion {
  margin-top: 20px;
}
.faq-accordion .accordion-content__title,
.faq-accordion .accordion-title {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.faq-accordion .accordion-content__title h4,
.faq-accordion .accordion-title h4 {
  align-items: center;
  color: var(--servsoft-black4, #222230);
  display: flex;
  font-size: 20px;
  font-weight: 700;
  gap: 20px;
  line-height: 1.4;
  margin: 0;
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .faq-accordion .accordion-content__title h4,
  .faq-accordion .accordion-title h4 {
    font-size: 18px;
  }
}
@media (max-width: 440px) {
  .faq-accordion .accordion-content__title h4,
  .faq-accordion .accordion-title h4 {
    font-size: 16px;
  }
}
.faq-accordion .accordion-content__title__icon,
.faq-accordion .accordion-title__icon {
  background: var(--servsoft-white2, #f1f3ff);
  border-radius: 50%;
  flex-shrink: 0;
  height: 50px;
  position: relative;
  transition: all 0.5s ease;
  width: 50px;
}
.faq-accordion .accordion-content__title__icon:after,
.faq-accordion .accordion-content__title__icon:before,
.faq-accordion .accordion-title__icon:after,
.faq-accordion .accordion-title__icon:before {
  background-color: var(--servsoft-black, #0d1a42);
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  width: 2px;
}
.faq-accordion .accordion-content__title__icon:after,
.faq-accordion .accordion-title__icon:after {
  height: 2px;
  width: 12px;
}
.faq-accordion .accordion-title {
  background-color: var(--servsoft-white, #fff);
  border-radius: 30px;
  cursor: pointer;
  padding: 17px 40px 17px 60px;
  position: relative;
  transition: all 1s ease;
  z-index: 1;
}
@media (max-width: 991px) {
  .faq-accordion .accordion-title {
    padding: 17px 30px;
  }
}
@media (max-width: 440px) {
  .faq-accordion .accordion-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.faq-accordion .active .accordion-title {
  display: none;
}
.faq-accordion .accordion-content {
  border-radius: 30px;
  position: relative;
  transition: all 1s ease;
  z-index: 1;
}
.faq-accordion .accordion-content:before {
  background: linear-gradient(270deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 181"><g><path d="M 19.42,178.95 L 17.74,178.30 L 14.60,176.57 L 13.07,175.64 L 10.28,173.39 L 8.94,172.20 L 6.55,169.46 L 3.47,164.86 L 0.50,159.50 L 0.22,92.38 L 0.20,88.28 L 0.17,80.83 L 0.15,77.22 L 0.13,70.67 L 0.12,67.51 L 0.11,61.82 L 0.10,59.07 L 0.09,54.16 L 0.09,51.79 L 0.10,47.60 L 0.11,45.58 L 0.13,42.04 L 0.14,40.34 L 0.17,37.38 L 0.19,35.96 L 0.25,33.52 L 0.27,32.36 L 0.34,30.38 L 0.38,29.43 L 0.47,27.83 L 0.52,27.08 L 0.63,25.80 L 0.69,25.19 L 0.82,24.17 L 0.96,23.21 L 1.32,21.76 L 1.97,19.80 L 2.66,17.96 L 4.48,14.59 L 5.46,12.96 L 7.82,10.06 L 9.07,8.67 L 11.94,6.28 L 16.78,3.31 L 22.50,0.50 L 541.50,0.24 L 549.06,0.24 L 563.84,0.23 L 571.18,0.23 L 585.53,0.22 L 592.66,0.22 L 606.59,0.21 L 613.51,0.21 L 627.02,0.20 L 633.73,0.20 L 646.83,0.19 L 653.34,0.19 L 666.04,0.18 L 672.34,0.18 L 684.64,0.18 L 690.75,0.17 L 702.66,0.17 L 708.57,0.17 L 720.10,0.16 L 725.81,0.16 L 736.96,0.16 L 742.49,0.16 L 753.27,0.15 L 758.61,0.15 L 769.03,0.15 L 774.19,0.15 L 784.24,0.15 L 789.22,0.14 L 798.92,0.14 L 803.73,0.14 L 813.08,0.14 L 817.72,0.14 L 826.73,0.14 L 831.20,0.14 L 839.87,0.14 L 844.17,0.14 L 852.53,0.14 L 856.66,0.14 L 864.69,0.15 L 868.67,0.15 L 876.38,0.15 L 880.20,0.15 L 887.61,0.15 L 891.28,0.15 L 898.38,0.16 L 901.90,0.16 L 908.71,0.16 L 912.08,0.17 L 918.60,0.17 L 921.82,0.17 L 928.06,0.18 L 931.14,0.18 L 937.10,0.19 L 940.05,0.19 L 945.74,0.20 L 948.55,0.21 L 953.98,0.21 L 959.34,0.22 L 969.30,0.24 L 974.16,0.25 L 983.14,0.27 L 987.52,0.29 L 995.58,0.31 L 999.50,0.33 L 1006.70,0.36 L 1010.19,0.37 L 1016.56,0.41 L 1019.65,0.42 L 1025.25,0.46 L 1027.96,0.48 L 1032.85,0.52 L 1035.21,0.54 L 1039.43,0.59 L 1041.46,0.61 L 1045.06,0.66 L 1046.79,0.69 L 1049.82,0.75 L 1051.27,0.77 L 1053.79,0.83 L 1054.99,0.86 L 1057.05,0.93 L 1058.03,0.96 L 1059.67,1.03 L 1060.44,1.07 L 1061.73,1.14 L 1062.33,1.18 L 1063.30,1.26 L 1063.75,1.30 L 1064.46,1.38 L 1065.86,1.66 L 1066.74,1.94 L 1068.54,2.72 L 1069.44,3.15 L 1071.25,4.19 L 1073.04,5.30 L 1076.44,8.13 L 1078.08,9.62 L 1080.90,12.97 L 1081.55,13.83 L 1082.68,15.58 L 1084.07,18.23 L 1084.61,19.45 L 1085.36,21.73 L 1085.53,22.35 L 1085.80,23.76 L 1085.93,24.52 L 1086.13,26.34 L 1086.23,27.32 L 1086.39,29.73 L 1086.46,31.03 L 1086.59,34.21 L 1086.66,35.91 L 1086.78,40.04 L 1086.81,41.14 L 1086.87,43.55 L 1086.96,47.50 L 1087.00,49.18 L 1087.08,52.24 L 1087.11,53.73 L 1087.19,56.43 L 1087.24,57.74 L 1087.33,60.12 L 1087.38,61.27 L 1087.49,63.34 L 1087.61,65.35 L 1087.93,68.60 L 1088.11,70.11 L 1088.61,72.57 L 1088.89,73.73 L 1089.63,75.65 L 1090.03,76.57 L 1091.06,78.20 L 1091.62,79.01 L 1093.01,80.61 L 1095.55,83.23 L 1096.48,84.15 L 1098.17,85.70 L 1099.00,86.43 L 1100.65,87.63 L 1101.49,88.19 L 1103.28,89.09 L 1104.21,89.51 L 1106.32,90.17 L 1107.43,90.47 L 1110.04,90.92 L 1111.43,91.13 L 1114.71,91.43 L 1116.46,91.56 L 1120.61,91.76 L 1121.71,91.81 L 1124.10,91.89 L 1128.00,92.00 L 1130.35,92.06 L 1134.26,92.17 L 1136.10,92.22 L 1139.10,92.34 L 1140.51,92.40 L 1142.79,92.54 L 1143.86,92.62 L 1145.59,92.82 L 1146.41,92.92 L 1147.77,93.19 L 1148.42,93.34 L 1149.58,93.71 L 1153.18,95.29 L 1154.72,96.05 L 1157.48,97.82 L 1158.82,98.76 L 1161.20,100.94 L 1162.35,102.09 L 1164.42,104.73 L 1167.23,109.28 L 1167.75,110.26 L 1168.47,112.13 L 1168.63,112.64 L 1168.88,113.84 L 1169.00,114.48 L 1169.19,116.05 L 1169.28,116.90 L 1169.41,118.99 L 1169.47,120.12 L 1169.57,122.89 L 1169.62,124.38 L 1169.70,127.98 L 1169.82,134.50 L 1169.86,136.92 L 1169.91,140.98 L 1169.94,142.90 L 1169.95,146.09 L 1169.95,147.59 L 1169.91,150.05 L 1169.89,151.21 L 1169.79,153.11 L 1169.73,154.01 L 1169.55,155.51 L 1169.46,156.22 L 1169.20,157.48 L 1168.07,161.08 L 1167.40,162.87 L 1165.67,166.15 L 1164.73,167.74 L 1162.48,170.60 L 1161.30,171.97 L 1158.54,174.40 L 1153.86,177.53 L 1148.50,180.50 L 586.50,180.70 L 577.82,180.70 L 560.86,180.71 L 552.44,180.71 L 536.01,180.72 L 527.86,180.72 L 511.94,180.73 L 504.04,180.73 L 488.64,180.73 L 480.99,180.74 L 466.09,180.74 L 458.69,180.74 L 444.28,180.75 L 437.13,180.75 L 423.20,180.76 L 416.29,180.76 L 402.84,180.76 L 396.17,180.76 L 383.18,180.77 L 376.74,180.77 L 364.21,180.77 L 358.00,180.77 L 345.92,180.77 L 339.94,180.78 L 328.30,180.78 L 322.54,180.78 L 311.33,180.78 L 305.79,180.78 L 295.01,180.78 L 289.67,180.78 L 279.31,180.78 L 274.18,180.78 L 264.23,180.78 L 259.30,180.78 L 249.75,180.78 L 245.02,180.78 L 235.86,180.78 L 231.33,180.78 L 222.56,180.77 L 218.22,180.77 L 209.82,180.77 L 205.66,180.77 L 197.63,180.76 L 193.66,180.76 L 185.98,180.76 L 182.19,180.76 L 174.86,180.75 L 171.24,180.75 L 164.26,180.74 L 160.81,180.74 L 154.16,180.73 L 150.88,180.73 L 144.55,180.72 L 141.43,180.72 L 135.42,180.71 L 132.46,180.70 L 126.76,180.69 L 123.95,180.69 L 118.55,180.68 L 115.89,180.67 L 110.78,180.66 L 108.26,180.65 L 103.44,180.64 L 101.06,180.64 L 96.51,180.62 L 92.03,180.61 L 83.86,180.58 L 79.90,180.56 L 72.72,180.53 L 69.25,180.51 L 62.99,180.47 L 59.97,180.45 L 54.57,180.40 L 51.98,180.38 L 47.37,180.33 L 45.16,180.30 L 41.28,180.25 L 39.42,180.22 L 36.19,180.16 L 34.66,180.13 L 32.02,180.06 L 30.77,180.03 L 28.66,179.96 L 27.67,179.92 L 26.01,179.84 L 25.24,179.80 L 23.97,179.72 L 23.39,179.67 L 22.45,179.58 L 21.57,179.49 L 20.52,179.29 L 20.06,179.18 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 181"><g><path d="M 19.42,178.95 L 17.74,178.30 L 14.60,176.57 L 13.07,175.64 L 10.28,173.39 L 8.94,172.20 L 6.55,169.46 L 3.47,164.86 L 0.50,159.50 L 0.22,92.38 L 0.20,88.28 L 0.17,80.83 L 0.15,77.22 L 0.13,70.67 L 0.12,67.51 L 0.11,61.82 L 0.10,59.07 L 0.09,54.16 L 0.09,51.79 L 0.10,47.60 L 0.11,45.58 L 0.13,42.04 L 0.14,40.34 L 0.17,37.38 L 0.19,35.96 L 0.25,33.52 L 0.27,32.36 L 0.34,30.38 L 0.38,29.43 L 0.47,27.83 L 0.52,27.08 L 0.63,25.80 L 0.69,25.19 L 0.82,24.17 L 0.96,23.21 L 1.32,21.76 L 1.97,19.80 L 2.66,17.96 L 4.48,14.59 L 5.46,12.96 L 7.82,10.06 L 9.07,8.67 L 11.94,6.28 L 16.78,3.31 L 22.50,0.50 L 541.50,0.24 L 549.06,0.24 L 563.84,0.23 L 571.18,0.23 L 585.53,0.22 L 592.66,0.22 L 606.59,0.21 L 613.51,0.21 L 627.02,0.20 L 633.73,0.20 L 646.83,0.19 L 653.34,0.19 L 666.04,0.18 L 672.34,0.18 L 684.64,0.18 L 690.75,0.17 L 702.66,0.17 L 708.57,0.17 L 720.10,0.16 L 725.81,0.16 L 736.96,0.16 L 742.49,0.16 L 753.27,0.15 L 758.61,0.15 L 769.03,0.15 L 774.19,0.15 L 784.24,0.15 L 789.22,0.14 L 798.92,0.14 L 803.73,0.14 L 813.08,0.14 L 817.72,0.14 L 826.73,0.14 L 831.20,0.14 L 839.87,0.14 L 844.17,0.14 L 852.53,0.14 L 856.66,0.14 L 864.69,0.15 L 868.67,0.15 L 876.38,0.15 L 880.20,0.15 L 887.61,0.15 L 891.28,0.15 L 898.38,0.16 L 901.90,0.16 L 908.71,0.16 L 912.08,0.17 L 918.60,0.17 L 921.82,0.17 L 928.06,0.18 L 931.14,0.18 L 937.10,0.19 L 940.05,0.19 L 945.74,0.20 L 948.55,0.21 L 953.98,0.21 L 959.34,0.22 L 969.30,0.24 L 974.16,0.25 L 983.14,0.27 L 987.52,0.29 L 995.58,0.31 L 999.50,0.33 L 1006.70,0.36 L 1010.19,0.37 L 1016.56,0.41 L 1019.65,0.42 L 1025.25,0.46 L 1027.96,0.48 L 1032.85,0.52 L 1035.21,0.54 L 1039.43,0.59 L 1041.46,0.61 L 1045.06,0.66 L 1046.79,0.69 L 1049.82,0.75 L 1051.27,0.77 L 1053.79,0.83 L 1054.99,0.86 L 1057.05,0.93 L 1058.03,0.96 L 1059.67,1.03 L 1060.44,1.07 L 1061.73,1.14 L 1062.33,1.18 L 1063.30,1.26 L 1063.75,1.30 L 1064.46,1.38 L 1065.86,1.66 L 1066.74,1.94 L 1068.54,2.72 L 1069.44,3.15 L 1071.25,4.19 L 1073.04,5.30 L 1076.44,8.13 L 1078.08,9.62 L 1080.90,12.97 L 1081.55,13.83 L 1082.68,15.58 L 1084.07,18.23 L 1084.61,19.45 L 1085.36,21.73 L 1085.53,22.35 L 1085.80,23.76 L 1085.93,24.52 L 1086.13,26.34 L 1086.23,27.32 L 1086.39,29.73 L 1086.46,31.03 L 1086.59,34.21 L 1086.66,35.91 L 1086.78,40.04 L 1086.81,41.14 L 1086.87,43.55 L 1086.96,47.50 L 1087.00,49.18 L 1087.08,52.24 L 1087.11,53.73 L 1087.19,56.43 L 1087.24,57.74 L 1087.33,60.12 L 1087.38,61.27 L 1087.49,63.34 L 1087.61,65.35 L 1087.93,68.60 L 1088.11,70.11 L 1088.61,72.57 L 1088.89,73.73 L 1089.63,75.65 L 1090.03,76.57 L 1091.06,78.20 L 1091.62,79.01 L 1093.01,80.61 L 1095.55,83.23 L 1096.48,84.15 L 1098.17,85.70 L 1099.00,86.43 L 1100.65,87.63 L 1101.49,88.19 L 1103.28,89.09 L 1104.21,89.51 L 1106.32,90.17 L 1107.43,90.47 L 1110.04,90.92 L 1111.43,91.13 L 1114.71,91.43 L 1116.46,91.56 L 1120.61,91.76 L 1121.71,91.81 L 1124.10,91.89 L 1128.00,92.00 L 1130.35,92.06 L 1134.26,92.17 L 1136.10,92.22 L 1139.10,92.34 L 1140.51,92.40 L 1142.79,92.54 L 1143.86,92.62 L 1145.59,92.82 L 1146.41,92.92 L 1147.77,93.19 L 1148.42,93.34 L 1149.58,93.71 L 1153.18,95.29 L 1154.72,96.05 L 1157.48,97.82 L 1158.82,98.76 L 1161.20,100.94 L 1162.35,102.09 L 1164.42,104.73 L 1167.23,109.28 L 1167.75,110.26 L 1168.47,112.13 L 1168.63,112.64 L 1168.88,113.84 L 1169.00,114.48 L 1169.19,116.05 L 1169.28,116.90 L 1169.41,118.99 L 1169.47,120.12 L 1169.57,122.89 L 1169.62,124.38 L 1169.70,127.98 L 1169.82,134.50 L 1169.86,136.92 L 1169.91,140.98 L 1169.94,142.90 L 1169.95,146.09 L 1169.95,147.59 L 1169.91,150.05 L 1169.89,151.21 L 1169.79,153.11 L 1169.73,154.01 L 1169.55,155.51 L 1169.46,156.22 L 1169.20,157.48 L 1168.07,161.08 L 1167.40,162.87 L 1165.67,166.15 L 1164.73,167.74 L 1162.48,170.60 L 1161.30,171.97 L 1158.54,174.40 L 1153.86,177.53 L 1148.50,180.50 L 586.50,180.70 L 577.82,180.70 L 560.86,180.71 L 552.44,180.71 L 536.01,180.72 L 527.86,180.72 L 511.94,180.73 L 504.04,180.73 L 488.64,180.73 L 480.99,180.74 L 466.09,180.74 L 458.69,180.74 L 444.28,180.75 L 437.13,180.75 L 423.20,180.76 L 416.29,180.76 L 402.84,180.76 L 396.17,180.76 L 383.18,180.77 L 376.74,180.77 L 364.21,180.77 L 358.00,180.77 L 345.92,180.77 L 339.94,180.78 L 328.30,180.78 L 322.54,180.78 L 311.33,180.78 L 305.79,180.78 L 295.01,180.78 L 289.67,180.78 L 279.31,180.78 L 274.18,180.78 L 264.23,180.78 L 259.30,180.78 L 249.75,180.78 L 245.02,180.78 L 235.86,180.78 L 231.33,180.78 L 222.56,180.77 L 218.22,180.77 L 209.82,180.77 L 205.66,180.77 L 197.63,180.76 L 193.66,180.76 L 185.98,180.76 L 182.19,180.76 L 174.86,180.75 L 171.24,180.75 L 164.26,180.74 L 160.81,180.74 L 154.16,180.73 L 150.88,180.73 L 144.55,180.72 L 141.43,180.72 L 135.42,180.71 L 132.46,180.70 L 126.76,180.69 L 123.95,180.69 L 118.55,180.68 L 115.89,180.67 L 110.78,180.66 L 108.26,180.65 L 103.44,180.64 L 101.06,180.64 L 96.51,180.62 L 92.03,180.61 L 83.86,180.58 L 79.90,180.56 L 72.72,180.53 L 69.25,180.51 L 62.99,180.47 L 59.97,180.45 L 54.57,180.40 L 51.98,180.38 L 47.37,180.33 L 45.16,180.30 L 41.28,180.25 L 39.42,180.22 L 36.19,180.16 L 34.66,180.13 L 32.02,180.06 L 30.77,180.03 L 28.66,179.96 L 27.67,179.92 L 26.01,179.84 L 25.24,179.80 L 23.97,179.72 L 23.39,179.67 L 22.45,179.58 L 21.57,179.49 L 20.52,179.29 L 20.06,179.18 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 991px) {
  .faq-accordion .accordion-content:before {
    -webkit-mask: unset;
    mask: unset;
  }
}
.faq-accordion .accordion-content:after {
  background-color: var(--servsoft-white, #fff);
  border-radius: inherit;
  content: "";
  height: calc(100% - 3px);
  left: 50%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 181"><g><path d="M 19.42,178.95 L 17.74,178.30 L 14.60,176.57 L 13.07,175.64 L 10.28,173.39 L 8.94,172.20 L 6.55,169.46 L 3.47,164.86 L 0.50,159.50 L 0.22,92.38 L 0.20,88.28 L 0.17,80.83 L 0.15,77.22 L 0.13,70.67 L 0.12,67.51 L 0.11,61.82 L 0.10,59.07 L 0.09,54.16 L 0.09,51.79 L 0.10,47.60 L 0.11,45.58 L 0.13,42.04 L 0.14,40.34 L 0.17,37.38 L 0.19,35.96 L 0.25,33.52 L 0.27,32.36 L 0.34,30.38 L 0.38,29.43 L 0.47,27.83 L 0.52,27.08 L 0.63,25.80 L 0.69,25.19 L 0.82,24.17 L 0.96,23.21 L 1.32,21.76 L 1.97,19.80 L 2.66,17.96 L 4.48,14.59 L 5.46,12.96 L 7.82,10.06 L 9.07,8.67 L 11.94,6.28 L 16.78,3.31 L 22.50,0.50 L 541.50,0.24 L 549.06,0.24 L 563.84,0.23 L 571.18,0.23 L 585.53,0.22 L 592.66,0.22 L 606.59,0.21 L 613.51,0.21 L 627.02,0.20 L 633.73,0.20 L 646.83,0.19 L 653.34,0.19 L 666.04,0.18 L 672.34,0.18 L 684.64,0.18 L 690.75,0.17 L 702.66,0.17 L 708.57,0.17 L 720.10,0.16 L 725.81,0.16 L 736.96,0.16 L 742.49,0.16 L 753.27,0.15 L 758.61,0.15 L 769.03,0.15 L 774.19,0.15 L 784.24,0.15 L 789.22,0.14 L 798.92,0.14 L 803.73,0.14 L 813.08,0.14 L 817.72,0.14 L 826.73,0.14 L 831.20,0.14 L 839.87,0.14 L 844.17,0.14 L 852.53,0.14 L 856.66,0.14 L 864.69,0.15 L 868.67,0.15 L 876.38,0.15 L 880.20,0.15 L 887.61,0.15 L 891.28,0.15 L 898.38,0.16 L 901.90,0.16 L 908.71,0.16 L 912.08,0.17 L 918.60,0.17 L 921.82,0.17 L 928.06,0.18 L 931.14,0.18 L 937.10,0.19 L 940.05,0.19 L 945.74,0.20 L 948.55,0.21 L 953.98,0.21 L 959.34,0.22 L 969.30,0.24 L 974.16,0.25 L 983.14,0.27 L 987.52,0.29 L 995.58,0.31 L 999.50,0.33 L 1006.70,0.36 L 1010.19,0.37 L 1016.56,0.41 L 1019.65,0.42 L 1025.25,0.46 L 1027.96,0.48 L 1032.85,0.52 L 1035.21,0.54 L 1039.43,0.59 L 1041.46,0.61 L 1045.06,0.66 L 1046.79,0.69 L 1049.82,0.75 L 1051.27,0.77 L 1053.79,0.83 L 1054.99,0.86 L 1057.05,0.93 L 1058.03,0.96 L 1059.67,1.03 L 1060.44,1.07 L 1061.73,1.14 L 1062.33,1.18 L 1063.30,1.26 L 1063.75,1.30 L 1064.46,1.38 L 1065.86,1.66 L 1066.74,1.94 L 1068.54,2.72 L 1069.44,3.15 L 1071.25,4.19 L 1073.04,5.30 L 1076.44,8.13 L 1078.08,9.62 L 1080.90,12.97 L 1081.55,13.83 L 1082.68,15.58 L 1084.07,18.23 L 1084.61,19.45 L 1085.36,21.73 L 1085.53,22.35 L 1085.80,23.76 L 1085.93,24.52 L 1086.13,26.34 L 1086.23,27.32 L 1086.39,29.73 L 1086.46,31.03 L 1086.59,34.21 L 1086.66,35.91 L 1086.78,40.04 L 1086.81,41.14 L 1086.87,43.55 L 1086.96,47.50 L 1087.00,49.18 L 1087.08,52.24 L 1087.11,53.73 L 1087.19,56.43 L 1087.24,57.74 L 1087.33,60.12 L 1087.38,61.27 L 1087.49,63.34 L 1087.61,65.35 L 1087.93,68.60 L 1088.11,70.11 L 1088.61,72.57 L 1088.89,73.73 L 1089.63,75.65 L 1090.03,76.57 L 1091.06,78.20 L 1091.62,79.01 L 1093.01,80.61 L 1095.55,83.23 L 1096.48,84.15 L 1098.17,85.70 L 1099.00,86.43 L 1100.65,87.63 L 1101.49,88.19 L 1103.28,89.09 L 1104.21,89.51 L 1106.32,90.17 L 1107.43,90.47 L 1110.04,90.92 L 1111.43,91.13 L 1114.71,91.43 L 1116.46,91.56 L 1120.61,91.76 L 1121.71,91.81 L 1124.10,91.89 L 1128.00,92.00 L 1130.35,92.06 L 1134.26,92.17 L 1136.10,92.22 L 1139.10,92.34 L 1140.51,92.40 L 1142.79,92.54 L 1143.86,92.62 L 1145.59,92.82 L 1146.41,92.92 L 1147.77,93.19 L 1148.42,93.34 L 1149.58,93.71 L 1153.18,95.29 L 1154.72,96.05 L 1157.48,97.82 L 1158.82,98.76 L 1161.20,100.94 L 1162.35,102.09 L 1164.42,104.73 L 1167.23,109.28 L 1167.75,110.26 L 1168.47,112.13 L 1168.63,112.64 L 1168.88,113.84 L 1169.00,114.48 L 1169.19,116.05 L 1169.28,116.90 L 1169.41,118.99 L 1169.47,120.12 L 1169.57,122.89 L 1169.62,124.38 L 1169.70,127.98 L 1169.82,134.50 L 1169.86,136.92 L 1169.91,140.98 L 1169.94,142.90 L 1169.95,146.09 L 1169.95,147.59 L 1169.91,150.05 L 1169.89,151.21 L 1169.79,153.11 L 1169.73,154.01 L 1169.55,155.51 L 1169.46,156.22 L 1169.20,157.48 L 1168.07,161.08 L 1167.40,162.87 L 1165.67,166.15 L 1164.73,167.74 L 1162.48,170.60 L 1161.30,171.97 L 1158.54,174.40 L 1153.86,177.53 L 1148.50,180.50 L 586.50,180.70 L 577.82,180.70 L 560.86,180.71 L 552.44,180.71 L 536.01,180.72 L 527.86,180.72 L 511.94,180.73 L 504.04,180.73 L 488.64,180.73 L 480.99,180.74 L 466.09,180.74 L 458.69,180.74 L 444.28,180.75 L 437.13,180.75 L 423.20,180.76 L 416.29,180.76 L 402.84,180.76 L 396.17,180.76 L 383.18,180.77 L 376.74,180.77 L 364.21,180.77 L 358.00,180.77 L 345.92,180.77 L 339.94,180.78 L 328.30,180.78 L 322.54,180.78 L 311.33,180.78 L 305.79,180.78 L 295.01,180.78 L 289.67,180.78 L 279.31,180.78 L 274.18,180.78 L 264.23,180.78 L 259.30,180.78 L 249.75,180.78 L 245.02,180.78 L 235.86,180.78 L 231.33,180.78 L 222.56,180.77 L 218.22,180.77 L 209.82,180.77 L 205.66,180.77 L 197.63,180.76 L 193.66,180.76 L 185.98,180.76 L 182.19,180.76 L 174.86,180.75 L 171.24,180.75 L 164.26,180.74 L 160.81,180.74 L 154.16,180.73 L 150.88,180.73 L 144.55,180.72 L 141.43,180.72 L 135.42,180.71 L 132.46,180.70 L 126.76,180.69 L 123.95,180.69 L 118.55,180.68 L 115.89,180.67 L 110.78,180.66 L 108.26,180.65 L 103.44,180.64 L 101.06,180.64 L 96.51,180.62 L 92.03,180.61 L 83.86,180.58 L 79.90,180.56 L 72.72,180.53 L 69.25,180.51 L 62.99,180.47 L 59.97,180.45 L 54.57,180.40 L 51.98,180.38 L 47.37,180.33 L 45.16,180.30 L 41.28,180.25 L 39.42,180.22 L 36.19,180.16 L 34.66,180.13 L 32.02,180.06 L 30.77,180.03 L 28.66,179.96 L 27.67,179.92 L 26.01,179.84 L 25.24,179.80 L 23.97,179.72 L 23.39,179.67 L 22.45,179.58 L 21.57,179.49 L 20.52,179.29 L 20.06,179.18 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 181"><g><path d="M 19.42,178.95 L 17.74,178.30 L 14.60,176.57 L 13.07,175.64 L 10.28,173.39 L 8.94,172.20 L 6.55,169.46 L 3.47,164.86 L 0.50,159.50 L 0.22,92.38 L 0.20,88.28 L 0.17,80.83 L 0.15,77.22 L 0.13,70.67 L 0.12,67.51 L 0.11,61.82 L 0.10,59.07 L 0.09,54.16 L 0.09,51.79 L 0.10,47.60 L 0.11,45.58 L 0.13,42.04 L 0.14,40.34 L 0.17,37.38 L 0.19,35.96 L 0.25,33.52 L 0.27,32.36 L 0.34,30.38 L 0.38,29.43 L 0.47,27.83 L 0.52,27.08 L 0.63,25.80 L 0.69,25.19 L 0.82,24.17 L 0.96,23.21 L 1.32,21.76 L 1.97,19.80 L 2.66,17.96 L 4.48,14.59 L 5.46,12.96 L 7.82,10.06 L 9.07,8.67 L 11.94,6.28 L 16.78,3.31 L 22.50,0.50 L 541.50,0.24 L 549.06,0.24 L 563.84,0.23 L 571.18,0.23 L 585.53,0.22 L 592.66,0.22 L 606.59,0.21 L 613.51,0.21 L 627.02,0.20 L 633.73,0.20 L 646.83,0.19 L 653.34,0.19 L 666.04,0.18 L 672.34,0.18 L 684.64,0.18 L 690.75,0.17 L 702.66,0.17 L 708.57,0.17 L 720.10,0.16 L 725.81,0.16 L 736.96,0.16 L 742.49,0.16 L 753.27,0.15 L 758.61,0.15 L 769.03,0.15 L 774.19,0.15 L 784.24,0.15 L 789.22,0.14 L 798.92,0.14 L 803.73,0.14 L 813.08,0.14 L 817.72,0.14 L 826.73,0.14 L 831.20,0.14 L 839.87,0.14 L 844.17,0.14 L 852.53,0.14 L 856.66,0.14 L 864.69,0.15 L 868.67,0.15 L 876.38,0.15 L 880.20,0.15 L 887.61,0.15 L 891.28,0.15 L 898.38,0.16 L 901.90,0.16 L 908.71,0.16 L 912.08,0.17 L 918.60,0.17 L 921.82,0.17 L 928.06,0.18 L 931.14,0.18 L 937.10,0.19 L 940.05,0.19 L 945.74,0.20 L 948.55,0.21 L 953.98,0.21 L 959.34,0.22 L 969.30,0.24 L 974.16,0.25 L 983.14,0.27 L 987.52,0.29 L 995.58,0.31 L 999.50,0.33 L 1006.70,0.36 L 1010.19,0.37 L 1016.56,0.41 L 1019.65,0.42 L 1025.25,0.46 L 1027.96,0.48 L 1032.85,0.52 L 1035.21,0.54 L 1039.43,0.59 L 1041.46,0.61 L 1045.06,0.66 L 1046.79,0.69 L 1049.82,0.75 L 1051.27,0.77 L 1053.79,0.83 L 1054.99,0.86 L 1057.05,0.93 L 1058.03,0.96 L 1059.67,1.03 L 1060.44,1.07 L 1061.73,1.14 L 1062.33,1.18 L 1063.30,1.26 L 1063.75,1.30 L 1064.46,1.38 L 1065.86,1.66 L 1066.74,1.94 L 1068.54,2.72 L 1069.44,3.15 L 1071.25,4.19 L 1073.04,5.30 L 1076.44,8.13 L 1078.08,9.62 L 1080.90,12.97 L 1081.55,13.83 L 1082.68,15.58 L 1084.07,18.23 L 1084.61,19.45 L 1085.36,21.73 L 1085.53,22.35 L 1085.80,23.76 L 1085.93,24.52 L 1086.13,26.34 L 1086.23,27.32 L 1086.39,29.73 L 1086.46,31.03 L 1086.59,34.21 L 1086.66,35.91 L 1086.78,40.04 L 1086.81,41.14 L 1086.87,43.55 L 1086.96,47.50 L 1087.00,49.18 L 1087.08,52.24 L 1087.11,53.73 L 1087.19,56.43 L 1087.24,57.74 L 1087.33,60.12 L 1087.38,61.27 L 1087.49,63.34 L 1087.61,65.35 L 1087.93,68.60 L 1088.11,70.11 L 1088.61,72.57 L 1088.89,73.73 L 1089.63,75.65 L 1090.03,76.57 L 1091.06,78.20 L 1091.62,79.01 L 1093.01,80.61 L 1095.55,83.23 L 1096.48,84.15 L 1098.17,85.70 L 1099.00,86.43 L 1100.65,87.63 L 1101.49,88.19 L 1103.28,89.09 L 1104.21,89.51 L 1106.32,90.17 L 1107.43,90.47 L 1110.04,90.92 L 1111.43,91.13 L 1114.71,91.43 L 1116.46,91.56 L 1120.61,91.76 L 1121.71,91.81 L 1124.10,91.89 L 1128.00,92.00 L 1130.35,92.06 L 1134.26,92.17 L 1136.10,92.22 L 1139.10,92.34 L 1140.51,92.40 L 1142.79,92.54 L 1143.86,92.62 L 1145.59,92.82 L 1146.41,92.92 L 1147.77,93.19 L 1148.42,93.34 L 1149.58,93.71 L 1153.18,95.29 L 1154.72,96.05 L 1157.48,97.82 L 1158.82,98.76 L 1161.20,100.94 L 1162.35,102.09 L 1164.42,104.73 L 1167.23,109.28 L 1167.75,110.26 L 1168.47,112.13 L 1168.63,112.64 L 1168.88,113.84 L 1169.00,114.48 L 1169.19,116.05 L 1169.28,116.90 L 1169.41,118.99 L 1169.47,120.12 L 1169.57,122.89 L 1169.62,124.38 L 1169.70,127.98 L 1169.82,134.50 L 1169.86,136.92 L 1169.91,140.98 L 1169.94,142.90 L 1169.95,146.09 L 1169.95,147.59 L 1169.91,150.05 L 1169.89,151.21 L 1169.79,153.11 L 1169.73,154.01 L 1169.55,155.51 L 1169.46,156.22 L 1169.20,157.48 L 1168.07,161.08 L 1167.40,162.87 L 1165.67,166.15 L 1164.73,167.74 L 1162.48,170.60 L 1161.30,171.97 L 1158.54,174.40 L 1153.86,177.53 L 1148.50,180.50 L 586.50,180.70 L 577.82,180.70 L 560.86,180.71 L 552.44,180.71 L 536.01,180.72 L 527.86,180.72 L 511.94,180.73 L 504.04,180.73 L 488.64,180.73 L 480.99,180.74 L 466.09,180.74 L 458.69,180.74 L 444.28,180.75 L 437.13,180.75 L 423.20,180.76 L 416.29,180.76 L 402.84,180.76 L 396.17,180.76 L 383.18,180.77 L 376.74,180.77 L 364.21,180.77 L 358.00,180.77 L 345.92,180.77 L 339.94,180.78 L 328.30,180.78 L 322.54,180.78 L 311.33,180.78 L 305.79,180.78 L 295.01,180.78 L 289.67,180.78 L 279.31,180.78 L 274.18,180.78 L 264.23,180.78 L 259.30,180.78 L 249.75,180.78 L 245.02,180.78 L 235.86,180.78 L 231.33,180.78 L 222.56,180.77 L 218.22,180.77 L 209.82,180.77 L 205.66,180.77 L 197.63,180.76 L 193.66,180.76 L 185.98,180.76 L 182.19,180.76 L 174.86,180.75 L 171.24,180.75 L 164.26,180.74 L 160.81,180.74 L 154.16,180.73 L 150.88,180.73 L 144.55,180.72 L 141.43,180.72 L 135.42,180.71 L 132.46,180.70 L 126.76,180.69 L 123.95,180.69 L 118.55,180.68 L 115.89,180.67 L 110.78,180.66 L 108.26,180.65 L 103.44,180.64 L 101.06,180.64 L 96.51,180.62 L 92.03,180.61 L 83.86,180.58 L 79.90,180.56 L 72.72,180.53 L 69.25,180.51 L 62.99,180.47 L 59.97,180.45 L 54.57,180.40 L 51.98,180.38 L 47.37,180.33 L 45.16,180.30 L 41.28,180.25 L 39.42,180.22 L 36.19,180.16 L 34.66,180.13 L 32.02,180.06 L 30.77,180.03 L 28.66,179.96 L 27.67,179.92 L 26.01,179.84 L 25.24,179.80 L 23.97,179.72 L 23.39,179.67 L 22.45,179.58 L 21.57,179.49 L 20.52,179.29 L 20.06,179.18 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
  width: calc(100% - 3px);
}
@media (max-width: 991px) {
  .faq-accordion .accordion-content:after {
    -webkit-mask: unset;
    mask: unset;
  }
}
.faq-accordion .accordion-content__inner {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: 181px auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .faq-accordion .accordion-content__inner {
    grid-template-columns: auto;
  }
}
.faq-accordion .accordion-content__image {
  border-radius: 30px;
  height: 100%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 543.000000"><g transform="translate(0.000000,543.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M737 5416 c-3 -8 -27 -18 -54 -22 -26 -3 -60 -13 -75 -20 -15 -8 -36 -14 -46 -14 -11 0 -25 -7 -32 -15 -7 -8 -20 -15 -30 -15 -10 0 -23 -7 -30 -15 -7 -8 -19 -15 -27 -15 -16 0 -118 -74 -176 -129 -39 -36 -127 -144 -127 -155 0 -4 -13 -25 -30 -48 -16 -22 -30 -49 -30 -58 0 -10 -7 -23 -15 -30 -8 -7 -15 -21 -15 -32 0 -11 -5 -29 -12 -41 -6 -12 -16 -42 -22 -67 -6 -29 -11 -854 -13 -2348 l-3 -2302 45 -45 44 -45 2298 0 c2043 0 2306 2 2373 16 41 8 79 19 85 25 5 5 19 9 31 9 12 0 27 7 34 15 7 8 20 15 30 15 10 0 23 7 30 15 7 8 19 15 27 15 16 0 118 74 176 129 39 36 127 144 127 155 0 4 14 25 30 48 17 22 30 49 30 58 0 10 7 23 15 30 8 7 15 22 15 34 1 11 7 32 15 46 8 14 14 40 15 58 0 18 8 40 20 52 20 20 20 33 20 795 0 762 0 775 -20 795 -11 11 -20 31 -20 44 0 13 -7 29 -15 36 -8 7 -15 17 -15 22 0 5 -18 33 -40 62 -85 112 -230 185 -370 186 -102 0 -203 33 -285 94 -47 35 -115 107 -115 122 0 5 -5 15 -12 22 -13 13 -34 66 -50 127 -7 26 -13 327 -17 860 -7 885 -4 825 -57 953 -8 18 -14 39 -14 46 0 8 -7 19 -15 26 -8 7 -15 19 -15 26 0 20 -77 130 -135 193 -28 29 -84 79 -125 110 -72 54 -195 121 -223 121 -7 0 -17 4 -23 10 -5 5 -34 14 -64 20 -30 6 -60 17 -66 25 -17 22 -3019 23 -3027 1z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 543.000000"><g transform="translate(0.000000,543.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M737 5416 c-3 -8 -27 -18 -54 -22 -26 -3 -60 -13 -75 -20 -15 -8 -36 -14 -46 -14 -11 0 -25 -7 -32 -15 -7 -8 -20 -15 -30 -15 -10 0 -23 -7 -30 -15 -7 -8 -19 -15 -27 -15 -16 0 -118 -74 -176 -129 -39 -36 -127 -144 -127 -155 0 -4 -13 -25 -30 -48 -16 -22 -30 -49 -30 -58 0 -10 -7 -23 -15 -30 -8 -7 -15 -21 -15 -32 0 -11 -5 -29 -12 -41 -6 -12 -16 -42 -22 -67 -6 -29 -11 -854 -13 -2348 l-3 -2302 45 -45 44 -45 2298 0 c2043 0 2306 2 2373 16 41 8 79 19 85 25 5 5 19 9 31 9 12 0 27 7 34 15 7 8 20 15 30 15 10 0 23 7 30 15 7 8 19 15 27 15 16 0 118 74 176 129 39 36 127 144 127 155 0 4 14 25 30 48 17 22 30 49 30 58 0 10 7 23 15 30 8 7 15 22 15 34 1 11 7 32 15 46 8 14 14 40 15 58 0 18 8 40 20 52 20 20 20 33 20 795 0 762 0 775 -20 795 -11 11 -20 31 -20 44 0 13 -7 29 -15 36 -8 7 -15 17 -15 22 0 5 -18 33 -40 62 -85 112 -230 185 -370 186 -102 0 -203 33 -285 94 -47 35 -115 107 -115 122 0 5 -5 15 -12 22 -13 13 -34 66 -50 127 -7 26 -13 327 -17 860 -7 885 -4 825 -57 953 -8 18 -14 39 -14 46 0 8 -7 19 -15 26 -8 7 -15 19 -15 26 0 20 -77 130 -135 193 -28 29 -84 79 -125 110 -72 54 -195 121 -223 121 -7 0 -17 4 -23 10 -5 5 -34 14 -64 20 -30 6 -60 17 -66 25 -17 22 -3019 23 -3027 1z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 991px) {
  .faq-accordion .accordion-content__image {
    -webkit-mask: unset;
    mask: unset;
  }
}
@media (max-width: 767px) {
  .faq-accordion .accordion-content__image {
    display: none;
  }
}
.faq-accordion .accordion-content__image img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.faq-accordion .accordion-content__box {
  padding: 19px 14px 28px 0;
}
@media (max-width: 1199px) {
  .faq-accordion .accordion-content__box {
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .faq-accordion .accordion-content__box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 440px) {
  .faq-accordion .accordion-content__box {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.faq-accordion .accordion-content__title__icon {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
}
.faq-accordion .accordion-content__title__icon:after,
.faq-accordion .accordion-content__title__icon:before {
  background-color: var(--servsoft-white, #fff);
  opacity: 0;
}
.faq-accordion .accordion-content__title__icon:after {
  opacity: 1;
}
.faq-accordion .accordion-content p {
  margin: 11px 0 0;
  padding-right: 115px;
}
@media (max-width: 991px) {
  .faq-accordion .accordion-content p {
    padding-right: 0;
  }
}
.faq-one .accordion-title {
  background-color: var(--servsoft-white2, #f1f3ff);
}
.faq-one .faq-accordion .accordion-content__title__icon,
.faq-one .faq-accordion .accordion-title__icon {
  background-color: var(--servsoft-white, #fff);
}
.slide-text {
  background: linear-gradient(90deg, #d232ad, #405cfe);
  overflow: hidden;
  padding-bottom: 37px;
  padding-top: 35px;
  position: relative;
}
.slide-text__bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}
.slide-text__wrapper {
  position: relative;
  z-index: 1;
}
.slide-text__scroll {
  align-items: center;
  -webkit-animation: scrollRightToLeft 20s linear infinite;
  -moz-animation: scrollRightToLeft 20s linear infinite;
  animation: scrollRightToLeft 20s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: var(--servsoft-white, #fff);
  display: flex;
  font-size: 50px;
  font-weight: 800;
  gap: 50px;
  height: 100%;
  line-height: 1.2;
  margin: 0;
  min-width: 100%;
  text-transform: capitalize;
  white-space: nowrap;
  width: 7200px;
}
@media (max-width: 991px) {
  .slide-text__scroll {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .slide-text__scroll {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .slide-text__scroll {
    font-size: 35px;
  }
}
.slide-text__scroll:hover {
  animation-play-state: paused;
}
@keyframes scrollRightToLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-1750px);
    -moz-transform: translateX(-1750px);
    transform: translateX(-1750px);
  }
}
.slide-text--home3 {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  padding-bottom: 81px;
  padding-top: 79px;
}
@media (max-width: 575px) {
  .slide-text--home3 {
    padding-bottom: 73px;
    padding-top: 71px;
  }
}
.slide-text--home3 .slide-text__scroll {
  text-transform: uppercase;
}
@keyframes moveShape {
  0% {
    -webkit-transform: translateZ(0) rotate(36.205deg);
    transform: translateZ(0) rotate(36.205deg);
  }
  50% {
    -webkit-transform: translate3d(25px, 0, 0) rotate(36.205deg);
    transform: translate3d(25px, 0, 0) rotate(36.205deg);
  }
  to {
    -webkit-transform: translateZ(0) rotate(36.205deg);
    transform: translateZ(0) rotate(36.205deg);
  }
}
.app-download__wrapper {
  padding: 72.5px 88px 84.5px;
  position: relative;
}
@media (max-width: 991px) {
  .app-download__wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .app-download__wrapper {
    padding: 48px 40px 60px;
  }
}
@media (max-width: 575px) {
  .app-download__wrapper {
    padding: 53px 30px 60px;
  }
}
.app-download__bg {
  background: linear-gradient(90deg, #2b4c9b, #42bbef);
  border-radius: 31px;
  bottom: 0;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 389"><g><path d="M 23.00,388.07 L 20.92,387.43 L 16.93,385.46 L 14.98,384.38 L 11.39,381.62 L 9.66,380.15 L 6.62,376.73 L 2.86,371.00 L 0.50,366.50 L 0.50,236.00 L 0.50,105.50 L 3.16,100.50 L 3.53,99.81 L 4.50,98.27 L 5.01,97.49 L 6.17,95.91 L 6.76,95.13 L 7.96,93.68 L 9.66,91.89 L 9.90,91.66 L 10.68,91.00 L 11.12,90.64 L 12.28,89.71 L 12.90,89.22 L 14.40,88.06 L 15.20,87.45 L 17.03,86.06 L 17.98,85.34 L 20.11,83.74 L 21.20,82.92 L 23.60,81.13 L 24.84,80.22 L 27.48,78.27 L 28.84,77.27 L 31.71,75.17 L 34.62,73.03 L 41.02,68.38 L 44.29,66.00 L 51.23,60.98 L 54.75,58.44 L 62.04,53.20 L 65.71,50.57 L 73.14,45.26 L 76.85,42.61 L 84.21,37.38 L 87.87,34.79 L 94.95,29.77 L 98.45,27.31 L 105.06,22.67 L 108.28,20.40 L 114.21,16.28 L 115.64,15.28 L 118.33,13.42 L 119.65,12.51 L 122.10,10.82 L 123.30,10.01 L 125.48,8.52 L 126.54,7.80 L 128.43,6.53 L 129.34,5.93 L 130.92,4.89 L 131.66,4.40 L 132.89,3.62 L 133.46,3.26 L 134.32,2.75 L 135.16,2.31 L 140.82,-0.01 L 644.16,0.25 L 1147.50,0.50 L 1152.50,3.16 L 1154.00,3.96 L 1156.86,5.97 L 1158.27,7.03 L 1160.87,9.48 L 1162.12,10.75 L 1164.34,13.54 L 1167.14,18.00 L 1169.50,22.50 L 1169.50,143.00 L 1169.50,263.50 L 1167.04,268.46 L 1166.26,270.04 L 1164.32,272.97 L 1163.29,274.40 L 1160.91,276.98 L 1159.67,278.22 L 1156.91,280.38 L 1152.42,283.08 L 1147.50,285.50 L 1100.50,286.00 L 1053.50,286.50 L 1047.84,289.28 L 1046.21,290.08 L 1043.15,292.13 L 1041.65,293.23 L 1038.94,295.79 L 1037.64,297.13 L 1035.39,300.09 L 1032.64,304.88 L 1032.14,305.95 L 1031.45,308.15 L 1031.30,308.77 L 1031.05,310.28 L 1030.94,311.09 L 1030.75,313.14 L 1030.66,314.25 L 1030.52,317.05 L 1030.45,318.55 L 1030.33,322.29 L 1030.30,323.29 L 1030.25,325.50 L 1030.22,326.65 L 1030.16,329.17 L 1030.14,330.47 L 1030.08,333.32 L 1030.00,338.00 L 1029.97,339.72 L 1029.91,342.85 L 1029.88,344.37 L 1029.83,347.14 L 1029.80,348.47 L 1029.75,350.88 L 1029.72,352.05 L 1029.67,354.15 L 1029.64,355.16 L 1029.58,356.96 L 1029.55,357.83 L 1029.48,359.38 L 1029.41,360.87 L 1029.24,363.18 L 1029.15,364.25 L 1028.92,365.90 L 1028.79,366.66 L 1028.48,367.88 L 1027.14,371.00 L 1026.34,372.53 L 1024.34,375.46 L 1023.29,376.88 L 1020.87,379.52 L 1019.61,380.79 L 1016.87,383.03 L 1012.50,385.84 L 1007.50,388.50 L 516.50,388.67 L 499.62,388.67 L 466.47,388.68 L 450.01,388.68 L 417.82,388.68 L 409.84,388.68 L 394.09,388.68 L 386.25,388.68 L 370.80,388.68 L 363.11,388.68 L 347.97,388.68 L 340.45,388.67 L 325.66,388.67 L 318.30,388.67 L 303.87,388.66 L 296.70,388.66 L 282.65,388.65 L 275.68,388.65 L 262.03,388.64 L 255.26,388.64 L 242.04,388.63 L 235.49,388.62 L 222.71,388.61 L 216.38,388.61 L 204.07,388.60 L 197.98,388.59 L 186.16,388.58 L 180.31,388.57 L 169.00,388.56 L 163.41,388.55 L 152.62,388.54 L 147.30,388.53 L 137.07,388.51 L 132.03,388.51 L 122.37,388.49 L 117.61,388.48 L 108.55,388.47 L 104.09,388.46 L 95.64,388.44 L 91.49,388.43 L 83.68,388.41 L 79.85,388.40 L 72.69,388.38 L 69.20,388.37 L 62.71,388.35 L 59.56,388.34 L 53.78,388.32 L 50.97,388.31 L 45.91,388.29 L 43.47,388.28 L 39.15,388.25 L 37.08,388.24 L 33.52,388.22 L 31.84,388.21 L 29.06,388.18 L 27.77,388.17 L 25.80,388.14 L 24.92,388.13 L 23.77,388.11 L 23.30,388.09 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 389"><g><path d="M 23.00,388.07 L 20.92,387.43 L 16.93,385.46 L 14.98,384.38 L 11.39,381.62 L 9.66,380.15 L 6.62,376.73 L 2.86,371.00 L 0.50,366.50 L 0.50,236.00 L 0.50,105.50 L 3.16,100.50 L 3.53,99.81 L 4.50,98.27 L 5.01,97.49 L 6.17,95.91 L 6.76,95.13 L 7.96,93.68 L 9.66,91.89 L 9.90,91.66 L 10.68,91.00 L 11.12,90.64 L 12.28,89.71 L 12.90,89.22 L 14.40,88.06 L 15.20,87.45 L 17.03,86.06 L 17.98,85.34 L 20.11,83.74 L 21.20,82.92 L 23.60,81.13 L 24.84,80.22 L 27.48,78.27 L 28.84,77.27 L 31.71,75.17 L 34.62,73.03 L 41.02,68.38 L 44.29,66.00 L 51.23,60.98 L 54.75,58.44 L 62.04,53.20 L 65.71,50.57 L 73.14,45.26 L 76.85,42.61 L 84.21,37.38 L 87.87,34.79 L 94.95,29.77 L 98.45,27.31 L 105.06,22.67 L 108.28,20.40 L 114.21,16.28 L 115.64,15.28 L 118.33,13.42 L 119.65,12.51 L 122.10,10.82 L 123.30,10.01 L 125.48,8.52 L 126.54,7.80 L 128.43,6.53 L 129.34,5.93 L 130.92,4.89 L 131.66,4.40 L 132.89,3.62 L 133.46,3.26 L 134.32,2.75 L 135.16,2.31 L 140.82,-0.01 L 644.16,0.25 L 1147.50,0.50 L 1152.50,3.16 L 1154.00,3.96 L 1156.86,5.97 L 1158.27,7.03 L 1160.87,9.48 L 1162.12,10.75 L 1164.34,13.54 L 1167.14,18.00 L 1169.50,22.50 L 1169.50,143.00 L 1169.50,263.50 L 1167.04,268.46 L 1166.26,270.04 L 1164.32,272.97 L 1163.29,274.40 L 1160.91,276.98 L 1159.67,278.22 L 1156.91,280.38 L 1152.42,283.08 L 1147.50,285.50 L 1100.50,286.00 L 1053.50,286.50 L 1047.84,289.28 L 1046.21,290.08 L 1043.15,292.13 L 1041.65,293.23 L 1038.94,295.79 L 1037.64,297.13 L 1035.39,300.09 L 1032.64,304.88 L 1032.14,305.95 L 1031.45,308.15 L 1031.30,308.77 L 1031.05,310.28 L 1030.94,311.09 L 1030.75,313.14 L 1030.66,314.25 L 1030.52,317.05 L 1030.45,318.55 L 1030.33,322.29 L 1030.30,323.29 L 1030.25,325.50 L 1030.22,326.65 L 1030.16,329.17 L 1030.14,330.47 L 1030.08,333.32 L 1030.00,338.00 L 1029.97,339.72 L 1029.91,342.85 L 1029.88,344.37 L 1029.83,347.14 L 1029.80,348.47 L 1029.75,350.88 L 1029.72,352.05 L 1029.67,354.15 L 1029.64,355.16 L 1029.58,356.96 L 1029.55,357.83 L 1029.48,359.38 L 1029.41,360.87 L 1029.24,363.18 L 1029.15,364.25 L 1028.92,365.90 L 1028.79,366.66 L 1028.48,367.88 L 1027.14,371.00 L 1026.34,372.53 L 1024.34,375.46 L 1023.29,376.88 L 1020.87,379.52 L 1019.61,380.79 L 1016.87,383.03 L 1012.50,385.84 L 1007.50,388.50 L 516.50,388.67 L 499.62,388.67 L 466.47,388.68 L 450.01,388.68 L 417.82,388.68 L 409.84,388.68 L 394.09,388.68 L 386.25,388.68 L 370.80,388.68 L 363.11,388.68 L 347.97,388.68 L 340.45,388.67 L 325.66,388.67 L 318.30,388.67 L 303.87,388.66 L 296.70,388.66 L 282.65,388.65 L 275.68,388.65 L 262.03,388.64 L 255.26,388.64 L 242.04,388.63 L 235.49,388.62 L 222.71,388.61 L 216.38,388.61 L 204.07,388.60 L 197.98,388.59 L 186.16,388.58 L 180.31,388.57 L 169.00,388.56 L 163.41,388.55 L 152.62,388.54 L 147.30,388.53 L 137.07,388.51 L 132.03,388.51 L 122.37,388.49 L 117.61,388.48 L 108.55,388.47 L 104.09,388.46 L 95.64,388.44 L 91.49,388.43 L 83.68,388.41 L 79.85,388.40 L 72.69,388.38 L 69.20,388.37 L 62.71,388.35 L 59.56,388.34 L 53.78,388.32 L 50.97,388.31 L 45.91,388.29 L 43.47,388.28 L 39.15,388.25 L 37.08,388.24 L 33.52,388.22 L 31.84,388.21 L 29.06,388.18 L 27.77,388.17 L 25.80,388.14 L 24.92,388.13 L 23.77,388.11 L 23.30,388.09 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  overflow: hidden;
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .app-download__bg {
    -webkit-mask: unset;
    mask: unset;
  }
}
.app-download__bg__1 {
  mix-blend-mode: overlay;
  width: calc(100% - 476px);
}
.app-download__bg__1,
.app-download__bg__2 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.app-download__bg__2 {
  mix-blend-mode: soft-light;
  width: 100%;
}
.app-download__bg__shape {
  display: flex;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(19.032deg);
}
.app-download__content {
  max-width: 635px;
  position: relative;
  z-index: 1;
}
.app-download .sec-title {
  color: var(--servsoft-white, #fff);
  font-size: 48px;
  line-height: 1.25;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .app-download .sec-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .app-download .sec-title {
    font-size: 30px;
  }
}
.app-download__button {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.app-download__btn {
  align-items: center;
  background-color: #5bf2f8;
  border-radius: 200px;
  display: inline-flex;
  gap: 15px;
  min-width: 270px;
  padding: 20px 48px 20px 35px;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .app-download__btn {
    min-width: 240px;
    padding: 15px 40px 15px 35px;
  }
}
@media (max-width: 390px) {
  .app-download__btn {
    min-width: 225px;
    padding-right: 35px;
  }
}
.app-download__btn--base,
.app-download__btn:hover {
  background-color: var(--servsoft-base, #e84144);
}
.app-download__btn--base:hover {
  background-color: #5bf2f8;
}
.app-download__btn__icon {
  color: var(--servsoft-white, #fff);
  display: inline-flex;
  font-size: 35px;
}
@media (max-width: 991px) {
  .app-download__btn__icon {
    font-size: 30px;
  }
}
.app-download__btn__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.app-download__btn__text {
  color: var(--servsoft-white, #fff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}
.app-download__btn__text span {
  font-size: 22px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .app-download__btn__text span {
    font-size: 18px;
  }
}
.app-download__image {
  animation: movingX 2.5s linear infinite;
  position: absolute;
  right: 0;
  top: calc(50% - 18px);
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1199px) {
  .app-download__image {
    display: none;
  }
}
@keyframes movingX {
  0% {
    -webkit-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
  }
  50% {
    -webkit-transform: translate3d(25px, 0, 0) translateY(-50%);
    transform: translate3d(25px, 0, 0) translateY(-50%);
  }
  to {
    -webkit-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
  }
}
.app-download__image img {
  border-radius: 30px;
  height: auto;
  max-width: 100%;
  transform: rotate(-15deg);
}
.app-download__image img:not(:first-child) {
  margin-left: -170px;
  position: relative;
  top: 14px;
}
.team-details {
  background-color: var(--servsoft-white, #fff);
}
.team-details .row {
  --bs-gutter-x: 50px;
}
@media (max-width: 1199px) {
  .team-details .row {
    --bs-gutter-x: 30px;
  }
}
.team-details .col-image {
  flex: 0 0 auto;
  width: 45%;
}
@media (max-width: 991px) {
  .team-details .col-image {
    width: 100%;
  }
}
.team-details .col-content {
  flex: 0 0 auto;
  width: 55%;
}
@media (max-width: 991px) {
  .team-details .col-content {
    width: 100%;
  }
}
.team-details__image img {
  border-radius: 20px;
  height: auto;
  max-width: 100%;
}
.team-details__content {
  margin-top: -4px;
}
@media (max-width: 991px) {
  .team-details__content {
    margin-top: 0;
  }
}
.team-details__about {
  margin-bottom: 33px;
}
.team-details__designation {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.team-details__name {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 21px;
  text-transform: capitalize;
}
@media (max-width: 430px) {
  .team-details__name {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .team-details__name {
    font-size: 28px;
  }
}
.team-details__text {
  margin: 0;
}
.team-details__text-box {
  background-color: var(--servsoft-black, #0d1a42);
  border-radius: 10px;
  margin-bottom: 35px;
  overflow: hidden;
  padding: 22px 30px 22px 40px;
  position: relative;
}
@media (max-width: 430px) {
  .team-details__text-box {
    padding-left: 35px;
    padding-right: 25px;
  }
}
.team-details__text-box:before {
  background: linear-gradient(180deg, #2b4c9b, #42bbef);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
}
.team-details__text-box__text {
  color: var(--servsoft-white, #fff);
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .team-details__text-box__text {
    font-size: 18px;
  }
}
@media (max-width: 430px) {
  .team-details__text-box__text {
    font-size: 16px;
  }
}
.team-details__text-box__shape {
  bottom: 0;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
}
.team-details__info {
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .team-details__info {
    margin-bottom: 25px;
  }
}
.team-details__info li + li {
  margin-top: 6px;
}
.team-details__info li {
  align-items: center;
  display: flex;
  gap: 12px;
}
.team-details__info__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
}
.team-details__info__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.team-details__info__content {
  align-items: flex-start;
  display: flex;
  font-size: 16px;
  gap: 5px;
  line-height: 1.625;
}
.team-details__info__text,
.team-details__info__title {
  display: inline-block;
}
.team-details__info__text {
  color: var(--servsoft-black, #0d1a42);
}
.team-details__info__text--link:hover {
  color: var(--servsoft-base, #e84144);
}
.team-details__skill {
  margin-bottom: 40px;
}
.team-details .progress-box + .progress-box {
  margin-top: 33px;
}
.team-education {
  background-color: var(--servsoft-white, #fff);
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
}
.team-education__sec-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.333;
  margin-bottom: 21px;
}
.team-education__sec-text {
  margin: 0;
}
.team-education__certificate {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.team-education__certificate img {
  height: auto;
  max-width: 100%;
}
.team-education__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 85px;
  padding-top: 40px;
  grid-gap: 30px 99px;
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
}
@media (max-width: 1199px) {
  .team-education__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 50px;
  }
}
@media (max-width: 767px) {
  .team-education__list {
    grid-gap: 30px 40px;
  }
}
@media (max-width: 575px) {
  .team-education__list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 120px;
    padding: 0;
    grid-gap: 75px;
    border: none;
  }
}
.team-education__list__item {
  position: relative;
}
.team-education__list__item:first-child:before,
.team-education__list__item:nth-child(2):before,
.team-education__list__item:nth-child(3):before,
.team-education__list__item:nth-child(4):before {
  background-color: var(--servsoft-text, #959cb2);
  border-radius: 50%;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: -48px;
  transition: all 0.5s ease;
  width: 15px;
}
@media (max-width: 575px) {
  .team-education__list__item:first-child:before,
  .team-education__list__item:nth-child(2):before,
  .team-education__list__item:nth-child(3):before,
  .team-education__list__item:nth-child(4):before {
    top: -35px;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .team-education__list__item:nth-child(3):before,
  .team-education__list__item:nth-child(4):before {
    display: none;
  }
}
.team-education__list__item:hover:before {
  background-color: var(--servsoft-base, #e84144);
}
.team-education__year {
  color: var(--servsoft-black, #0d1a42);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.team-education__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.team-education__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  margin: 0;
  text-transform: capitalize;
}
.gallery-page {
  background-color: var(--servsoft-white, #fff);
}
.gallery-page .container-fluid {
  max-width: 1672px;
}
.gallery-page__filter__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 50px;
}
.gallery-page__filter__list li .servsoft-btn__text {
  padding-bottom: 15px;
  padding-top: 15px;
}
.gallery-page__filter__list li.active .servsoft-btn__text:after,
.gallery-page__filter__list li:hover .servsoft-btn__text:after {
  background: var(--servsoft-primary, #2b4c9b);
  opacity: 1;
}
.gallery-page__card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.gallery-page__card img {
  border-radius: inherit;
  display: block;
  transition: all 0.5s ease;
  width: 100%;
}
.gallery-page__card__hover {
  align-items: center;
  border-radius: 20px;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
.gallery-page__card__hover:after {
  background-color: RGBA(var(--servsoft-black-rgb, 13, 26, 66), 0.7);
  border-radius: inherit;
  bottom: -100%;
  content: "";
  height: 100%;
  position: absolute;
  right: -100%;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 100%;
}
.gallery-page__card__hover .img-popup {
  align-items: center;
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 50%;
  display: flex;
  height: 76px;
  justify-content: center;
  opacity: 0;
  position: relative;
  transform: scale(0.5);
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 76px;
  z-index: 2;
}
@media (max-width: 430px) {
  .gallery-page__card__hover .img-popup {
    height: 60px;
    width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery-page__card__hover .img-popup {
    height: 60px;
    width: 60px;
  }
}
.gallery-page__card:hover .gallery-page__card__hover {
  visibility: visible;
}
.gallery-page__card:hover .gallery-page__card__hover:after {
  bottom: 0;
  right: 0;
  visibility: visible;
}
.gallery-page__card__icon {
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
}
.gallery-page__card__icon:after,
.gallery-page__card__icon:before {
  background-color: var(--servsoft-white, #fff);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
}
.gallery-page__card__icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.gallery-page__card:hover .img-popup {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.2s;
  visibility: visible;
}
.gallery-one {
  background-color: var(--servsoft-white, #fff);
  margin-bottom: -190px;
  position: relative;
}
@media (min-width: 576px) {
  .gallery-one .sec-title {
    margin-bottom: 0;
  }
  .gallery-one .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
.gallery-one__carousel {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1898 553"><g><path d="M 0.00,276.05 L 0.00,267.84 L 0.00,252.16 L 0.00,244.43 L 0.00,229.68 L 0.00,222.42 L 0.00,208.57 L 0.00,201.76 L 0.01,188.80 L 0.01,182.42 L 0.01,170.31 L 0.01,164.35 L 0.02,153.06 L 0.02,147.52 L 0.03,137.02 L 0.03,131.87 L 0.04,122.13 L 0.04,117.36 L 0.05,108.36 L 0.06,103.95 L 0.07,95.66 L 0.08,91.61 L 0.09,83.99 L 0.10,80.27 L 0.12,73.31 L 0.12,69.91 L 0.14,63.57 L 0.15,60.47 L 0.17,54.73 L 0.19,51.92 L 0.21,46.74 L 0.22,44.22 L 0.25,39.57 L 0.27,37.31 L 0.30,33.17 L 0.31,31.16 L 0.35,27.50 L 0.37,25.72 L 0.40,22.51 L 0.42,20.96 L 0.47,18.16 L 0.49,16.82 L 0.53,14.42 L 0.56,13.26 L 0.61,11.22 L 0.63,10.25 L 0.69,8.55 L 0.72,7.73 L 0.77,6.34 L 0.84,5.01 L 0.97,3.16 L 1.04,2.34 L 1.20,1.34 L 1.28,0.92 L 1.46,0.54 L 1.75,0.41 L 2.29,0.58 L 4.00,1.03 L 4.95,1.28 L 7.42,1.86 L 8.74,2.17 L 11.88,2.87 L 13.52,3.23 L 17.26,4.04 L 19.19,4.45 L 23.43,5.33 L 25.61,5.79 L 30.27,6.74 L 32.65,7.23 L 37.67,8.23 L 40.21,8.74 L 45.48,9.78 L 50.81,10.83 L 61.90,12.97 L 67.46,14.03 L 78.53,16.10 L 84.00,17.12 L 94.40,18.99 L 96.92,19.44 L 101.73,20.28 L 108.50,21.44 L 114.28,22.41 L 126.22,24.33 L 132.25,25.29 L 144.67,27.18 L 150.93,28.13 L 163.77,30.00 L 170.24,30.93 L 183.46,32.76 L 190.11,33.68 L 203.65,35.47 L 210.46,36.36 L 224.28,38.11 L 238.16,39.84 L 266.53,43.15 L 280.79,44.77 L 309.63,47.82 L 324.07,49.31 L 352.97,52.06 L 367.39,53.39 L 395.96,55.79 L 438.00,58.94 L 449.25,59.71 L 472.48,61.21 L 484.21,61.94 L 508.27,63.35 L 520.40,64.05 L 545.13,65.37 L 557.57,66.02 L 582.80,67.25 L 595.46,67.85 L 621.02,68.97 L 633.83,69.52 L 659.55,70.53 L 736.50,73.09 L 738.04,73.13 L 741.72,73.22 L 743.65,73.26 L 748.07,73.35 L 750.37,73.39 L 755.49,73.47 L 758.13,73.50 L 763.90,73.58 L 766.86,73.62 L 773.22,73.69 L 776.47,73.73 L 783.37,73.79 L 786.89,73.83 L 794.30,73.89 L 798.06,73.93 L 805.91,73.99 L 809.89,74.02 L 818.14,74.07 L 822.31,74.10 L 830.91,74.16 L 835.25,74.18 L 844.15,74.23 L 848.63,74.25 L 857.78,74.30 L 866.98,74.34 L 885.91,74.41 L 895.44,74.45 L 914.73,74.50 L 924.38,74.53 L 943.62,74.56 L 953.19,74.57 L 971.99,74.59 L 981.30,74.59 L 999.25,74.58 L 1003.67,74.58 L 1012.28,74.56 L 1016.54,74.56 L 1024.80,74.54 L 1028.89,74.53 L 1036.75,74.51 L 1040.63,74.49 L 1048.05,74.46 L 1051.70,74.45 L 1058.62,74.41 L 1062.02,74.39 L 1068.39,74.35 L 1071.51,74.33 L 1077.29,74.28 L 1080.11,74.25 L 1085.24,74.20 L 1087.73,74.17 L 1092.17,74.10 L 1098.00,74.00 L 1106.54,73.83 L 1124.10,73.41 L 1132.95,73.19 L 1151.01,72.69 L 1160.10,72.43 L 1178.55,71.85 L 1187.81,71.54 L 1206.51,70.89 L 1225.24,70.21 L 1262.93,68.67 L 1272.33,68.27 L 1291.01,67.43 L 1300.32,67.01 L 1318.75,66.12 L 1327.91,65.67 L 1345.94,64.74 L 1354.90,64.27 L 1372.40,63.30 L 1381.08,62.82 L 1397.94,61.82 L 1406.28,61.32 L 1422.36,60.30 L 1430.30,59.79 L 1445.47,58.75 L 1449.20,58.49 L 1456.47,57.97 L 1460.08,57.71 L 1467.08,57.19 L 1470.54,56.93 L 1477.25,56.40 L 1480.57,56.14 L 1486.98,55.61 L 1490.15,55.35 L 1496.24,54.83 L 1505.00,54.04 L 1514.37,53.17 L 1532.38,51.48 L 1541.28,50.63 L 1558.38,48.98 L 1566.82,48.15 L 1583.08,46.52 L 1591.11,45.71 L 1606.58,44.10 L 1614.23,43.30 L 1628.98,41.71 L 1636.27,40.91 L 1650.38,39.32 L 1657.35,38.53 L 1670.86,36.93 L 1677.55,36.14 L 1690.53,34.54 L 1696.97,33.73 L 1709.49,32.11 L 1715.70,31.30 L 1727.83,29.65 L 1733.84,28.82 L 1745.64,27.14 L 1751.50,26.30 L 1763.02,24.57 L 1774.49,22.84 L 1796.89,19.20 L 1830.20,13.45 L 1833.01,12.94 L 1839.33,11.77 L 1842.56,11.17 L 1849.42,9.87 L 1852.87,9.21 L 1859.87,7.86 L 1863.34,7.19 L 1870.07,5.86 L 1873.36,5.21 L 1879.41,4.00 L 1880.86,3.70 L 1883.57,3.15 L 1884.89,2.88 L 1887.29,2.38 L 1888.45,2.14 L 1890.50,1.70 L 1891.47,1.49 L 1893.11,1.13 L 1893.87,0.96 L 1895.05,0.69 L 1896.25,0.38 L 1896.35,0.35 L 1896.54,0.51 L 1896.64,0.65 L 1896.80,1.31 L 1896.88,1.73 L 1897.03,3.13 L 1897.10,3.95 L 1897.23,6.32 L 1897.26,6.98 L 1897.31,8.52 L 1897.34,9.34 L 1897.39,11.20 L 1897.42,12.18 L 1897.47,14.39 L 1897.49,15.54 L 1897.53,18.14 L 1897.56,19.48 L 1897.60,22.48 L 1897.62,24.03 L 1897.65,27.46 L 1897.67,29.23 L 1897.70,33.13 L 1897.72,35.14 L 1897.75,39.52 L 1897.76,41.78 L 1897.79,46.69 L 1897.80,49.21 L 1897.83,54.66 L 1897.84,57.46 L 1897.86,63.49 L 1897.87,66.59 L 1897.88,73.22 L 1897.89,76.62 L 1897.91,83.90 L 1897.92,87.62 L 1897.93,95.55 L 1897.94,99.61 L 1897.95,108.24 L 1897.95,112.64 L 1897.96,121.99 L 1897.96,126.76 L 1897.97,136.86 L 1897.98,142.00 L 1897.98,152.88 L 1897.98,158.42 L 1897.99,170.11 L 1897.99,176.05 L 1897.99,188.57 L 1897.99,194.94 L 1898.00,208.32 L 1898.00,215.12 L 1898.00,229.40 L 1898.00,236.65 L 1898.00,251.85 L 1898.00,275.71 L 1898.00,551.56 L 1866.86,545.33 L 1859.15,543.79 L 1843.25,540.77 L 1835.23,539.27 L 1818.69,536.34 L 1810.34,534.89 L 1793.16,532.05 L 1784.49,530.64 L 1766.67,527.89 L 1757.68,526.52 L 1739.21,523.86 L 1729.90,522.54 L 1710.78,519.97 L 1701.14,518.69 L 1681.38,516.21 L 1651.00,512.58 L 1648.08,512.24 L 1641.88,511.54 L 1638.73,511.19 L 1632.13,510.46 L 1625.45,509.74 L 1611.32,508.25 L 1604.19,507.50 L 1589.75,506.04 L 1582.56,505.31 L 1568.59,503.95 L 1565.16,503.62 L 1558.53,502.99 L 1555.26,502.68 L 1549.01,502.10 L 1545.94,501.81 L 1540.18,501.29 L 1537.37,501.04 L 1532.19,500.59 L 1529.68,500.38 L 1525.18,500.01 L 1523.02,499.83 L 1519.29,499.55 L 1517.54,499.42 L 1514.69,499.24 L 1511.50,499.08 L 1511.22,499.07 L 1510.17,499.02 L 1509.56,498.99 L 1507.90,498.88 L 1507.00,498.83 L 1504.81,498.68 L 1503.66,498.61 L 1501.04,498.43 L 1499.68,498.33 L 1496.70,498.12 L 1495.17,498.02 L 1491.91,497.78 L 1481.50,497.01 L 1468.04,496.00 L 1440.63,494.09 L 1426.86,493.15 L 1398.89,491.37 L 1384.85,490.50 L 1356.39,488.87 L 1342.11,488.07 L 1313.25,486.58 L 1298.77,485.86 L 1269.57,484.53 L 1254.94,483.88 L 1225.48,482.71 L 1136.50,479.78 L 1134.55,479.73 L 1130.05,479.62 L 1127.70,479.57 L 1122.45,479.48 L 1119.74,479.43 L 1113.80,479.34 L 1110.75,479.30 L 1104.17,479.22 L 1100.80,479.18 L 1093.62,479.11 L 1089.96,479.07 L 1082.24,479.00 L 1078.32,478.97 L 1070.10,478.91 L 1065.94,478.88 L 1057.28,478.82 L 1052.90,478.79 L 1043.85,478.75 L 1039.28,478.72 L 1029.89,478.68 L 1025.16,478.66 L 1015.48,478.63 L 1010.61,478.61 L 1000.68,478.58 L 990.71,478.55 L 970.26,478.52 L 959.98,478.51 L 939.22,478.50 L 928.84,478.50 L 908.17,478.52 L 897.89,478.53 L 877.73,478.58 L 872.73,478.59 L 862.91,478.63 L 858.04,478.64 L 848.48,478.68 L 843.74,478.70 L 834.50,478.75 L 829.92,478.77 L 821.05,478.82 L 816.66,478.85 L 808.20,478.91 L 804.02,478.94 L 796.03,479.00 L 792.09,479.03 L 784.61,479.11 L 780.94,479.14 L 774.02,479.22 L 770.64,479.26 L 764.35,479.35 L 761.28,479.39 L 755.65,479.48 L 752.92,479.53 L 748.01,479.63 L 741.50,479.78 L 726.23,480.19 L 695.35,481.17 L 679.88,481.69 L 648.81,482.86 L 633.27,483.46 L 602.28,484.81 L 586.82,485.51 L 556.17,487.02 L 540.92,487.80 L 510.89,489.47 L 495.97,490.32 L 466.83,492.12 L 459.61,492.58 L 445.38,493.52 L 438.31,493.99 L 424.40,494.96 L 417.48,495.45 L 403.92,496.45 L 384.00,497.97 L 382.28,498.11 L 378.44,498.40 L 376.49,498.55 L 372.53,498.84 L 370.58,498.98 L 366.98,499.23 L 362.50,499.53 L 361.75,499.58 L 359.71,499.73 L 358.61,499.82 L 355.92,500.05 L 354.50,500.17 L 351.23,500.46 L 349.53,500.62 L 345.75,500.97 L 343.80,501.15 L 339.59,501.55 L 337.44,501.76 L 332.87,502.21 L 328.22,502.66 L 318.16,503.67 L 307.93,504.70 L 286.74,506.93 L 281.57,507.48 L 271.78,508.54 L 269.41,508.80 L 264.88,509.31 L 258.50,510.03 L 247.44,511.30 L 225.74,513.95 L 214.97,515.29 L 193.91,518.07 L 183.47,519.47 L 163.12,522.37 L 153.03,523.84 L 133.44,526.85 L 123.75,528.37 L 105.00,531.49 L 95.73,533.06 L 77.88,536.26 L 69.07,537.88 L 52.18,541.16 L 28.00,546.18 L 24.77,546.88 L 18.70,548.19 L 17.24,548.51 L 14.50,549.10 L 13.17,549.39 L 10.74,549.91 L 9.58,550.16 L 7.53,550.61 L 6.57,550.81 L 4.98,551.16 L 4.25,551.32 L 3.18,551.55 L 2.25,551.75 L 0.00,552.23 L 0.00,276.05 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1898 553"><g><path d="M 0.00,276.05 L 0.00,267.84 L 0.00,252.16 L 0.00,244.43 L 0.00,229.68 L 0.00,222.42 L 0.00,208.57 L 0.00,201.76 L 0.01,188.80 L 0.01,182.42 L 0.01,170.31 L 0.01,164.35 L 0.02,153.06 L 0.02,147.52 L 0.03,137.02 L 0.03,131.87 L 0.04,122.13 L 0.04,117.36 L 0.05,108.36 L 0.06,103.95 L 0.07,95.66 L 0.08,91.61 L 0.09,83.99 L 0.10,80.27 L 0.12,73.31 L 0.12,69.91 L 0.14,63.57 L 0.15,60.47 L 0.17,54.73 L 0.19,51.92 L 0.21,46.74 L 0.22,44.22 L 0.25,39.57 L 0.27,37.31 L 0.30,33.17 L 0.31,31.16 L 0.35,27.50 L 0.37,25.72 L 0.40,22.51 L 0.42,20.96 L 0.47,18.16 L 0.49,16.82 L 0.53,14.42 L 0.56,13.26 L 0.61,11.22 L 0.63,10.25 L 0.69,8.55 L 0.72,7.73 L 0.77,6.34 L 0.84,5.01 L 0.97,3.16 L 1.04,2.34 L 1.20,1.34 L 1.28,0.92 L 1.46,0.54 L 1.75,0.41 L 2.29,0.58 L 4.00,1.03 L 4.95,1.28 L 7.42,1.86 L 8.74,2.17 L 11.88,2.87 L 13.52,3.23 L 17.26,4.04 L 19.19,4.45 L 23.43,5.33 L 25.61,5.79 L 30.27,6.74 L 32.65,7.23 L 37.67,8.23 L 40.21,8.74 L 45.48,9.78 L 50.81,10.83 L 61.90,12.97 L 67.46,14.03 L 78.53,16.10 L 84.00,17.12 L 94.40,18.99 L 96.92,19.44 L 101.73,20.28 L 108.50,21.44 L 114.28,22.41 L 126.22,24.33 L 132.25,25.29 L 144.67,27.18 L 150.93,28.13 L 163.77,30.00 L 170.24,30.93 L 183.46,32.76 L 190.11,33.68 L 203.65,35.47 L 210.46,36.36 L 224.28,38.11 L 238.16,39.84 L 266.53,43.15 L 280.79,44.77 L 309.63,47.82 L 324.07,49.31 L 352.97,52.06 L 367.39,53.39 L 395.96,55.79 L 438.00,58.94 L 449.25,59.71 L 472.48,61.21 L 484.21,61.94 L 508.27,63.35 L 520.40,64.05 L 545.13,65.37 L 557.57,66.02 L 582.80,67.25 L 595.46,67.85 L 621.02,68.97 L 633.83,69.52 L 659.55,70.53 L 736.50,73.09 L 738.04,73.13 L 741.72,73.22 L 743.65,73.26 L 748.07,73.35 L 750.37,73.39 L 755.49,73.47 L 758.13,73.50 L 763.90,73.58 L 766.86,73.62 L 773.22,73.69 L 776.47,73.73 L 783.37,73.79 L 786.89,73.83 L 794.30,73.89 L 798.06,73.93 L 805.91,73.99 L 809.89,74.02 L 818.14,74.07 L 822.31,74.10 L 830.91,74.16 L 835.25,74.18 L 844.15,74.23 L 848.63,74.25 L 857.78,74.30 L 866.98,74.34 L 885.91,74.41 L 895.44,74.45 L 914.73,74.50 L 924.38,74.53 L 943.62,74.56 L 953.19,74.57 L 971.99,74.59 L 981.30,74.59 L 999.25,74.58 L 1003.67,74.58 L 1012.28,74.56 L 1016.54,74.56 L 1024.80,74.54 L 1028.89,74.53 L 1036.75,74.51 L 1040.63,74.49 L 1048.05,74.46 L 1051.70,74.45 L 1058.62,74.41 L 1062.02,74.39 L 1068.39,74.35 L 1071.51,74.33 L 1077.29,74.28 L 1080.11,74.25 L 1085.24,74.20 L 1087.73,74.17 L 1092.17,74.10 L 1098.00,74.00 L 1106.54,73.83 L 1124.10,73.41 L 1132.95,73.19 L 1151.01,72.69 L 1160.10,72.43 L 1178.55,71.85 L 1187.81,71.54 L 1206.51,70.89 L 1225.24,70.21 L 1262.93,68.67 L 1272.33,68.27 L 1291.01,67.43 L 1300.32,67.01 L 1318.75,66.12 L 1327.91,65.67 L 1345.94,64.74 L 1354.90,64.27 L 1372.40,63.30 L 1381.08,62.82 L 1397.94,61.82 L 1406.28,61.32 L 1422.36,60.30 L 1430.30,59.79 L 1445.47,58.75 L 1449.20,58.49 L 1456.47,57.97 L 1460.08,57.71 L 1467.08,57.19 L 1470.54,56.93 L 1477.25,56.40 L 1480.57,56.14 L 1486.98,55.61 L 1490.15,55.35 L 1496.24,54.83 L 1505.00,54.04 L 1514.37,53.17 L 1532.38,51.48 L 1541.28,50.63 L 1558.38,48.98 L 1566.82,48.15 L 1583.08,46.52 L 1591.11,45.71 L 1606.58,44.10 L 1614.23,43.30 L 1628.98,41.71 L 1636.27,40.91 L 1650.38,39.32 L 1657.35,38.53 L 1670.86,36.93 L 1677.55,36.14 L 1690.53,34.54 L 1696.97,33.73 L 1709.49,32.11 L 1715.70,31.30 L 1727.83,29.65 L 1733.84,28.82 L 1745.64,27.14 L 1751.50,26.30 L 1763.02,24.57 L 1774.49,22.84 L 1796.89,19.20 L 1830.20,13.45 L 1833.01,12.94 L 1839.33,11.77 L 1842.56,11.17 L 1849.42,9.87 L 1852.87,9.21 L 1859.87,7.86 L 1863.34,7.19 L 1870.07,5.86 L 1873.36,5.21 L 1879.41,4.00 L 1880.86,3.70 L 1883.57,3.15 L 1884.89,2.88 L 1887.29,2.38 L 1888.45,2.14 L 1890.50,1.70 L 1891.47,1.49 L 1893.11,1.13 L 1893.87,0.96 L 1895.05,0.69 L 1896.25,0.38 L 1896.35,0.35 L 1896.54,0.51 L 1896.64,0.65 L 1896.80,1.31 L 1896.88,1.73 L 1897.03,3.13 L 1897.10,3.95 L 1897.23,6.32 L 1897.26,6.98 L 1897.31,8.52 L 1897.34,9.34 L 1897.39,11.20 L 1897.42,12.18 L 1897.47,14.39 L 1897.49,15.54 L 1897.53,18.14 L 1897.56,19.48 L 1897.60,22.48 L 1897.62,24.03 L 1897.65,27.46 L 1897.67,29.23 L 1897.70,33.13 L 1897.72,35.14 L 1897.75,39.52 L 1897.76,41.78 L 1897.79,46.69 L 1897.80,49.21 L 1897.83,54.66 L 1897.84,57.46 L 1897.86,63.49 L 1897.87,66.59 L 1897.88,73.22 L 1897.89,76.62 L 1897.91,83.90 L 1897.92,87.62 L 1897.93,95.55 L 1897.94,99.61 L 1897.95,108.24 L 1897.95,112.64 L 1897.96,121.99 L 1897.96,126.76 L 1897.97,136.86 L 1897.98,142.00 L 1897.98,152.88 L 1897.98,158.42 L 1897.99,170.11 L 1897.99,176.05 L 1897.99,188.57 L 1897.99,194.94 L 1898.00,208.32 L 1898.00,215.12 L 1898.00,229.40 L 1898.00,236.65 L 1898.00,251.85 L 1898.00,275.71 L 1898.00,551.56 L 1866.86,545.33 L 1859.15,543.79 L 1843.25,540.77 L 1835.23,539.27 L 1818.69,536.34 L 1810.34,534.89 L 1793.16,532.05 L 1784.49,530.64 L 1766.67,527.89 L 1757.68,526.52 L 1739.21,523.86 L 1729.90,522.54 L 1710.78,519.97 L 1701.14,518.69 L 1681.38,516.21 L 1651.00,512.58 L 1648.08,512.24 L 1641.88,511.54 L 1638.73,511.19 L 1632.13,510.46 L 1625.45,509.74 L 1611.32,508.25 L 1604.19,507.50 L 1589.75,506.04 L 1582.56,505.31 L 1568.59,503.95 L 1565.16,503.62 L 1558.53,502.99 L 1555.26,502.68 L 1549.01,502.10 L 1545.94,501.81 L 1540.18,501.29 L 1537.37,501.04 L 1532.19,500.59 L 1529.68,500.38 L 1525.18,500.01 L 1523.02,499.83 L 1519.29,499.55 L 1517.54,499.42 L 1514.69,499.24 L 1511.50,499.08 L 1511.22,499.07 L 1510.17,499.02 L 1509.56,498.99 L 1507.90,498.88 L 1507.00,498.83 L 1504.81,498.68 L 1503.66,498.61 L 1501.04,498.43 L 1499.68,498.33 L 1496.70,498.12 L 1495.17,498.02 L 1491.91,497.78 L 1481.50,497.01 L 1468.04,496.00 L 1440.63,494.09 L 1426.86,493.15 L 1398.89,491.37 L 1384.85,490.50 L 1356.39,488.87 L 1342.11,488.07 L 1313.25,486.58 L 1298.77,485.86 L 1269.57,484.53 L 1254.94,483.88 L 1225.48,482.71 L 1136.50,479.78 L 1134.55,479.73 L 1130.05,479.62 L 1127.70,479.57 L 1122.45,479.48 L 1119.74,479.43 L 1113.80,479.34 L 1110.75,479.30 L 1104.17,479.22 L 1100.80,479.18 L 1093.62,479.11 L 1089.96,479.07 L 1082.24,479.00 L 1078.32,478.97 L 1070.10,478.91 L 1065.94,478.88 L 1057.28,478.82 L 1052.90,478.79 L 1043.85,478.75 L 1039.28,478.72 L 1029.89,478.68 L 1025.16,478.66 L 1015.48,478.63 L 1010.61,478.61 L 1000.68,478.58 L 990.71,478.55 L 970.26,478.52 L 959.98,478.51 L 939.22,478.50 L 928.84,478.50 L 908.17,478.52 L 897.89,478.53 L 877.73,478.58 L 872.73,478.59 L 862.91,478.63 L 858.04,478.64 L 848.48,478.68 L 843.74,478.70 L 834.50,478.75 L 829.92,478.77 L 821.05,478.82 L 816.66,478.85 L 808.20,478.91 L 804.02,478.94 L 796.03,479.00 L 792.09,479.03 L 784.61,479.11 L 780.94,479.14 L 774.02,479.22 L 770.64,479.26 L 764.35,479.35 L 761.28,479.39 L 755.65,479.48 L 752.92,479.53 L 748.01,479.63 L 741.50,479.78 L 726.23,480.19 L 695.35,481.17 L 679.88,481.69 L 648.81,482.86 L 633.27,483.46 L 602.28,484.81 L 586.82,485.51 L 556.17,487.02 L 540.92,487.80 L 510.89,489.47 L 495.97,490.32 L 466.83,492.12 L 459.61,492.58 L 445.38,493.52 L 438.31,493.99 L 424.40,494.96 L 417.48,495.45 L 403.92,496.45 L 384.00,497.97 L 382.28,498.11 L 378.44,498.40 L 376.49,498.55 L 372.53,498.84 L 370.58,498.98 L 366.98,499.23 L 362.50,499.53 L 361.75,499.58 L 359.71,499.73 L 358.61,499.82 L 355.92,500.05 L 354.50,500.17 L 351.23,500.46 L 349.53,500.62 L 345.75,500.97 L 343.80,501.15 L 339.59,501.55 L 337.44,501.76 L 332.87,502.21 L 328.22,502.66 L 318.16,503.67 L 307.93,504.70 L 286.74,506.93 L 281.57,507.48 L 271.78,508.54 L 269.41,508.80 L 264.88,509.31 L 258.50,510.03 L 247.44,511.30 L 225.74,513.95 L 214.97,515.29 L 193.91,518.07 L 183.47,519.47 L 163.12,522.37 L 153.03,523.84 L 133.44,526.85 L 123.75,528.37 L 105.00,531.49 L 95.73,533.06 L 77.88,536.26 L 69.07,537.88 L 52.18,541.16 L 28.00,546.18 L 24.77,546.88 L 18.70,548.19 L 17.24,548.51 L 14.50,549.10 L 13.17,549.39 L 10.74,549.91 L 9.58,550.16 L 7.53,550.61 L 6.57,550.81 L 4.98,551.16 L 4.25,551.32 L 3.18,551.55 L 2.25,551.75 L 0.00,552.23 L 0.00,276.05 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 575px) {
  .gallery-one__carousel {
    -webkit-mask: unset;
    mask: unset;
  }
}
.gallery-one__card {
  overflow: hidden;
  position: relative;
}
@media (max-width: 575px) {
  .gallery-one__card {
    border-radius: 20px;
  }
}
.gallery-one__card img {
  display: block;
  transition: all 0.5s ease;
  width: 100%;
}
@media (max-width: 575px) {
  .gallery-one__card img {
    border-radius: 20px;
  }
}
.gallery-one__card__hover {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 575px) {
  .gallery-one__card__hover {
    border-radius: 20px;
  }
}
.gallery-one__card__hover:after {
  background-color: RGBA(var(--servsoft-black-rgb, 13, 26, 66), 0.7);
  bottom: -100%;
  content: "";
  height: 100%;
  position: absolute;
  right: -100%;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 100%;
}
.gallery-one__card__hover .img-popup {
  align-items: center;
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 50%;
  display: flex;
  height: 76px;
  justify-content: center;
  opacity: 0;
  position: relative;
  transform: scale(0.5);
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 76px;
  z-index: 2;
}
@media (max-width: 430px) {
  .gallery-one__card__hover .img-popup {
    height: 60px;
    width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery-one__card__hover .img-popup {
    height: 60px;
    width: 60px;
  }
}
.gallery-one__card:hover .gallery-one__card__hover {
  visibility: visible;
}
.gallery-one__card:hover .gallery-one__card__hover:after {
  bottom: 0;
  right: 0;
  visibility: visible;
}
.gallery-one__card__icon {
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
}
.gallery-one__card__icon:after,
.gallery-one__card__icon:before {
  background-color: var(--servsoft-white, #fff);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
}
.gallery-one__card__icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.gallery-one__card:hover .img-popup {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.2s;
  visibility: visible;
}
.service-card-three {
  border-radius: 30px;
  position: relative;
}
.service-card-three__bg {
  border-radius: 30px;
  filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.1));
  height: 100%;
  left: 0;
  overflow: hidden;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
.service-card-three__bg:after {
  background-color: var(--servsoft-white, #fff);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1317.000000"><g transform="translate(0.000000,1317.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M577 13156 c-3 -8 -23 -18 -44 -22 -21 -3 -83 -28 -139 -55 -190 -92 -323 -256 -380 -467 -12 -45 -14 -905 -14 -6037 0 -5300 2 -5991 15 -6042 8 -32 36 -99 61 -149 90 -184 263 -320 474 -373 60 -16 6265 -10 6325 5 75 19 194 84 287 157 51 39 120 92 152 117 33 25 141 108 242 185 100 77 292 223 425 325 134 102 266 203 294 225 28 22 134 103 236 179 202 153 280 223 343 306 45 59 101 181 111 243 4 23 11 37 20 37 22 0 23 10775 1 10783 -8 3 -18 23 -22 44 -3 21 -28 83 -55 139 -38 78 -65 118 -117 171 -100 105 -235 185 -350 208 -18 4 -36 13 -39 21 -8 21 -7818 21 -7826 0z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1317.000000"><g transform="translate(0.000000,1317.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M577 13156 c-3 -8 -23 -18 -44 -22 -21 -3 -83 -28 -139 -55 -190 -92 -323 -256 -380 -467 -12 -45 -14 -905 -14 -6037 0 -5300 2 -5991 15 -6042 8 -32 36 -99 61 -149 90 -184 263 -320 474 -373 60 -16 6265 -10 6325 5 75 19 194 84 287 157 51 39 120 92 152 117 33 25 141 108 242 185 100 77 292 223 425 325 134 102 266 203 294 225 28 22 134 103 236 179 202 153 280 223 343 306 45 59 101 181 111 243 4 23 11 37 20 37 22 0 23 10775 1 10783 -8 3 -18 23 -22 44 -3 21 -28 83 -55 139 -38 78 -65 118 -117 171 -100 105 -235 185 -350 208 -18 4 -36 13 -39 21 -8 21 -7818 21 -7826 0z"/> </g> </svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
}
.service-card-three:hover .service-card-three__bg:after {
  background-color: var(--servsoft-black, #0d1a42);
}
.service-card-three__content {
  padding: 35px 40px 55px;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (max-width: 575px) {
  .service-card-three__content {
    padding-bottom: 40px;
  }
}
@media (max-width: 412px) {
  .service-card-three__content {
    padding: 25px 30px 30px;
  }
}
.service-card-three__title {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.153;
  margin-bottom: 25px;
}
@media (max-width: 412px) {
  .service-card-three__title {
    font-size: 22px;
  }
}
.service-card-three__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.service-card-three__title a:hover {
  background-size: 100% 1px;
  color: var(--servsoft-base, #e84144);
}
.service-card-three__link::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.service-card-three:hover .service-card-three__title {
  color: var(--servsoft-white, #fff);
}
.service-card-three__image {
  border-radius: 50%;
  height: 269px;
  margin: 0 auto 20px;
  width: 269px !important;
}
@media (max-width: 375px) {
  .service-card-three__image {
    height: 228px;
    width: 228px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-card-three__image {
    height: 240px;
    width: 240px !important;
  }
}
.service-card-three__text {
  color: var(--servsoft-gray2, #a1aac7);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  line-height: 1.733;
  margin: 0;
  transition: all 0.5s ease;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-card-three__btn {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border-radius: 50%;
  bottom: 0;
  display: flex;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 56px;
  z-index: 2;
}
@media (max-width: 575px) {
  .service-card-three__btn {
    margin: 30px auto 0;
    position: static;
  }
}
.service-card-three__btn:hover {
  background-color: var(--servsoft-white, #fff);
}
.service-card-three__btn__icon {
  color: var(--servsoft-white, #fff);
  display: inline-flex;
  font-size: 17px;
}
.service-card-three__btn__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.service-card-three__btn:hover .service-card-three__btn__icon {
  animation: slideRight 0.5s;
  color: var(--servsoft-base, #e84144);
}
.service-card-three__shape {
  display: inline-block !important;
  height: auto;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
  width: auto !important;
  z-index: 1;
}
.service-card-three:hover .service-card-three__shape {
  opacity: 1;
}
.services-three,
.services-two__carousel.owl-carousel .owl-nav button {
  background-color: var(--servsoft-white, #fff);
}
.services-three__content {
  position: relative;
  z-index: 3;
}
.services-three .sec-title,
.services-three__text {
  margin-bottom: 21px;
}
@media (max-width: 1199px) {
  .services-three__carousel {
    padding: 0 15px;
  }
}
/* ==========================================================================
   SECTION: 06. SINGLE SERVICES (single-services.php)
   Single service template (.service-details): hero/intro, body content,
   feature imagery and section titles. A few .service-details__* rules also
   appear near the end of the file (search "service-details").
   ========================================================================== */
.service-details {
  background-color: var(--servsoft-white, #fff);
  padding-top: 30px;
}
.service-details__title {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.566;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .service-details__title {
    font-size: 25px;
  }
}
.service-details__sm-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.444;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .service-details__sm-title {
    font-size: 25px;
  }
}
.service-details__sm-title--base {
  color: var(--servsoft-base, #e84144);
  margin-bottom: 22px;
}
.service-details__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  margin: 0;
}
.service-details__thumbnail {
  margin-bottom: 18px;
}
.service-details__thumbnail img {
  border-radius: 20px;
  display: block;
  width: 100%;
}
.service-details__box--1 {
  margin-bottom: 20px;
}
.service-details__box--2 {
  margin-bottom: 40px;
}
.service-details__why-choose {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .service-details__why-choose {
    margin-bottom: 50px;
  }
}
.service-details__why-choose .service-details__title {
  margin-bottom: 27px;
}
.service-details__why-choose__card {
  align-items: center;
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 20px;
  display: flex;
  gap: 18px;
  padding: 24.5px 25px;
  position: relative;
  z-index: 1;
}
@media (max-width: 412px) {
  .service-details__why-choose__card {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-details__why-choose__card {
    align-items: flex-start;
    flex-direction: column;
  }
}
.service-details__why-choose__icon-box {
  align-items: center;
  background-color: var(--servsoft-border-color, #e6eaff);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 70px;
  justify-content: center;
  transition: all 0.5s ease;
  width: 70px;
}
.service-details__why-choose__card:hover
  .service-details__why-choose__icon-box {
  background-color: var(--servsoft-base, #e84144);
}
.service-details__why-choose__icon {
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  font-size: 31px;
  transition: all 0.5s ease;
}
.service-details__why-choose__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.service-details__why-choose__card:hover .service-details__why-choose__icon {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  color: var(--servsoft-white, #fff);
}
.service-details__why-choose__title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.444;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.service-details__why-choose__text {
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}
.service-details__benefits {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .service-details__benefits {
    margin-bottom: 50px;
  }
}
.service-details__benefits__col-1 {
  flex: 0 0 auto;
  width: 37.4%;
}
@media (max-width: 767px) {
  .service-details__benefits__col-1 {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-details__benefits__col-1 {
    width: 100%;
  }
}
.service-details__benefits__col-2 {
  flex: 0 0 auto;
  width: 62.6%;
}
@media (max-width: 767px) {
  .service-details__benefits__col-2 {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-details__benefits__col-2 {
    width: 100%;
  }
}
.service-details__benefits__image img {
  border-radius: 20px;
  height: auto;
  max-width: 100%;
}
.service-details__benefits__content {
  margin-top: -10px;
}
.service-details__benefits__title {
  margin-bottom: 12px;
}
.service-details__benefits__text {
  font-weight: 500;
  margin-bottom: 17px;
}
.service-details__benefits__sm-title {
  color: var(--servsoft-base, #e84144);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.444;
  margin-bottom: 22px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .service-details__benefits__sm-title {
    font-size: 20px;
  }
}
.service-details__benefits__list {
  margin: 0;
}
.service-details__benefits__list li + li {
  margin-top: 8px;
}
.service-details__benefits__list li {
  align-items: flex-start;
  color: var(--servsoft-black, #0d1a42);
  display: flex;
  font-size: 18px;
  font-weight: 500;
  gap: 10px;
  line-height: 1.625;
}
.service-details__benefits__list__icon {
  align-items: center;
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 100px;
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  display: flex;
  flex-shrink: 0;
  font-size: 7px;
  height: 18px;
  justify-content: center;
  position: relative;
  top: 6px;
  width: 18px;
}
.service-details__benefits__list__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.service-details .faq-accordion .accordion-content:before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 181"><g><path d="M 17.56,178.98 L 15.90,178.33 L 12.67,176.36 L 11.09,175.28 L 8.21,172.62 L 6.84,171.23 L 4.53,168.13 L 1.99,163.24 L 1.75,162.61 L 1.36,161.31 L 1.17,160.62 L 0.87,158.86 L 0.80,158.36 L 0.68,157.20 L 0.62,156.59 L 0.52,155.14 L 0.47,154.37 L 0.39,152.57 L 0.35,151.62 L 0.28,149.41 L 0.25,148.24 L 0.19,145.55 L 0.17,144.14 L 0.13,140.92 L 0.11,139.23 L 0.08,135.41 L 0.06,133.42 L 0.04,128.94 L 0.03,126.61 L 0.02,121.40 L 0.01,118.70 L 0.01,112.71 L 0.00,109.61 L 0.00,102.77 L -0.00,91.50 L -0.00,87.50 L 0.00,80.19 L 0.00,76.65 L 0.01,70.23 L 0.01,67.13 L 0.02,61.53 L 0.02,58.83 L 0.04,53.98 L 0.05,51.65 L 0.08,47.50 L 0.09,45.51 L 0.12,42.00 L 0.14,40.31 L 0.19,37.37 L 0.22,35.96 L 0.28,33.52 L 0.31,32.36 L 0.39,30.37 L 0.43,29.42 L 0.52,27.81 L 0.57,27.04 L 0.68,25.75 L 0.74,25.14 L 0.88,24.10 L 1.02,23.12 L 1.37,21.65 L 2.01,19.71 L 2.69,17.89 L 4.50,14.55 L 5.47,12.94 L 7.84,10.05 L 9.08,8.66 L 11.95,6.27 L 16.78,3.31 L 22.50,0.50 L 351.20,0.24 L 356.31,0.24 L 366.30,0.23 L 371.26,0.23 L 380.94,0.22 L 385.74,0.22 L 395.11,0.21 L 399.76,0.21 L 408.83,0.20 L 413.33,0.20 L 422.10,0.19 L 426.45,0.19 L 434.93,0.18 L 439.14,0.18 L 447.33,0.17 L 451.40,0.17 L 459.31,0.16 L 463.23,0.16 L 470.87,0.16 L 474.65,0.15 L 482.02,0.15 L 489.31,0.15 L 503.12,0.14 L 509.89,0.14 L 522.67,0.13 L 528.93,0.13 L 540.73,0.13 L 546.51,0.13 L 557.37,0.13 L 562.69,0.13 L 572.64,0.13 L 577.51,0.14 L 586.61,0.14 L 591.05,0.15 L 599.33,0.16 L 603.37,0.17 L 610.87,0.18 L 614.52,0.19 L 621.28,0.21 L 624.57,0.22 L 630.63,0.24 L 633.57,0.25 L 638.97,0.28 L 641.59,0.29 L 646.37,0.32 L 648.69,0.34 L 652.89,0.37 L 654.92,0.39 L 658.59,0.43 L 660.36,0.45 L 663.52,0.50 L 665.05,0.52 L 667.75,0.57 L 669.05,0.60 L 671.34,0.65 L 672.44,0.68 L 674.35,0.75 L 675.27,0.78 L 676.84,0.85 L 677.59,0.88 L 678.87,0.95 L 679.48,0.99 L 680.50,1.07 L 681.47,1.16 L 682.81,1.34 L 683.40,1.44 L 684.24,1.65 L 685.28,2.00 L 687.02,2.66 L 690.24,4.37 L 691.80,5.30 L 694.64,7.55 L 696.00,8.73 L 698.41,11.48 L 701.53,16.14 L 704.50,21.50 L 705.01,45.50 L 705.05,47.16 L 705.12,50.21 L 705.16,51.68 L 705.24,54.39 L 705.28,55.70 L 705.37,58.09 L 705.42,59.25 L 705.53,61.36 L 705.65,63.40 L 705.97,66.76 L 706.14,68.33 L 706.62,70.93 L 706.89,72.15 L 707.57,74.22 L 707.95,75.21 L 708.89,76.97 L 709.40,77.84 L 710.65,79.54 L 712.92,82.26 L 714.26,83.78 L 717.32,86.23 L 718.93,87.37 L 722.68,89.10 L 723.67,89.49 L 725.81,90.15 L 726.91,90.46 L 729.28,90.97 L 730.50,91.20 L 733.13,91.56 L 737.40,91.95 L 739.34,92.07 L 742.89,92.50 L 744.62,92.75 L 747.76,93.44 L 749.28,93.82 L 752.05,94.80 L 753.39,95.33 L 755.83,96.62 L 757.02,97.31 L 759.18,98.94 L 760.23,99.80 L 762.15,101.80 L 763.08,102.84 L 764.81,105.23 L 767.23,109.28 L 767.75,110.26 L 768.47,112.13 L 768.63,112.64 L 768.88,113.84 L 769.00,114.48 L 769.19,116.05 L 769.28,116.90 L 769.41,118.99 L 769.47,120.12 L 769.57,122.89 L 769.62,124.38 L 769.70,127.98 L 769.82,134.50 L 769.86,136.92 L 769.91,140.98 L 769.94,142.90 L 769.95,146.09 L 769.95,147.59 L 769.91,150.05 L 769.89,151.21 L 769.79,153.11 L 769.73,154.01 L 769.55,155.51 L 769.46,156.22 L 769.20,157.48 L 768.07,161.08 L 767.40,162.87 L 765.67,166.15 L 764.73,167.74 L 762.48,170.60 L 761.30,171.97 L 758.54,174.40 L 753.86,177.53 L 748.50,180.50 L 385.50,180.71 L 379.93,180.71 L 369.04,180.72 L 363.64,180.72 L 353.09,180.73 L 347.86,180.73 L 337.63,180.73 L 332.56,180.74 L 322.67,180.74 L 317.76,180.74 L 308.18,180.75 L 303.43,180.75 L 294.17,180.76 L 289.57,180.76 L 280.62,180.76 L 276.18,180.77 L 267.53,180.77 L 263.24,180.77 L 254.88,180.77 L 250.74,180.78 L 242.68,180.78 L 238.69,180.78 L 230.91,180.78 L 227.06,180.78 L 219.57,180.79 L 215.85,180.79 L 208.64,180.79 L 205.07,180.79 L 198.12,180.79 L 191.24,180.79 L 178.28,180.79 L 171.93,180.79 L 159.98,180.79 L 154.13,180.78 L 143.15,180.78 L 137.79,180.78 L 127.74,180.77 L 122.84,180.76 L 113.68,180.75 L 109.21,180.74 L 100.91,180.73 L 96.85,180.72 L 89.35,180.70 L 85.70,180.69 L 78.95,180.67 L 75.67,180.66 L 69.65,180.63 L 66.72,180.62 L 61.38,180.59 L 58.78,180.57 L 54.07,180.54 L 51.79,180.52 L 47.67,180.48 L 45.68,180.46 L 42.10,180.42 L 40.38,180.39 L 37.32,180.34 L 35.84,180.32 L 33.24,180.26 L 31.99,180.24 L 29.81,180.18 L 28.77,180.15 L 26.96,180.08 L 26.10,180.05 L 24.64,179.98 L 23.94,179.94 L 22.77,179.86 L 21.66,179.79 L 20.14,179.61 L 19.47,179.52 L 18.58,179.32 L 18.18,179.21 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 181"><g><path d="M 17.56,178.98 L 15.90,178.33 L 12.67,176.36 L 11.09,175.28 L 8.21,172.62 L 6.84,171.23 L 4.53,168.13 L 1.99,163.24 L 1.75,162.61 L 1.36,161.31 L 1.17,160.62 L 0.87,158.86 L 0.80,158.36 L 0.68,157.20 L 0.62,156.59 L 0.52,155.14 L 0.47,154.37 L 0.39,152.57 L 0.35,151.62 L 0.28,149.41 L 0.25,148.24 L 0.19,145.55 L 0.17,144.14 L 0.13,140.92 L 0.11,139.23 L 0.08,135.41 L 0.06,133.42 L 0.04,128.94 L 0.03,126.61 L 0.02,121.40 L 0.01,118.70 L 0.01,112.71 L 0.00,109.61 L 0.00,102.77 L -0.00,91.50 L -0.00,87.50 L 0.00,80.19 L 0.00,76.65 L 0.01,70.23 L 0.01,67.13 L 0.02,61.53 L 0.02,58.83 L 0.04,53.98 L 0.05,51.65 L 0.08,47.50 L 0.09,45.51 L 0.12,42.00 L 0.14,40.31 L 0.19,37.37 L 0.22,35.96 L 0.28,33.52 L 0.31,32.36 L 0.39,30.37 L 0.43,29.42 L 0.52,27.81 L 0.57,27.04 L 0.68,25.75 L 0.74,25.14 L 0.88,24.10 L 1.02,23.12 L 1.37,21.65 L 2.01,19.71 L 2.69,17.89 L 4.50,14.55 L 5.47,12.94 L 7.84,10.05 L 9.08,8.66 L 11.95,6.27 L 16.78,3.31 L 22.50,0.50 L 351.20,0.24 L 356.31,0.24 L 366.30,0.23 L 371.26,0.23 L 380.94,0.22 L 385.74,0.22 L 395.11,0.21 L 399.76,0.21 L 408.83,0.20 L 413.33,0.20 L 422.10,0.19 L 426.45,0.19 L 434.93,0.18 L 439.14,0.18 L 447.33,0.17 L 451.40,0.17 L 459.31,0.16 L 463.23,0.16 L 470.87,0.16 L 474.65,0.15 L 482.02,0.15 L 489.31,0.15 L 503.12,0.14 L 509.89,0.14 L 522.67,0.13 L 528.93,0.13 L 540.73,0.13 L 546.51,0.13 L 557.37,0.13 L 562.69,0.13 L 572.64,0.13 L 577.51,0.14 L 586.61,0.14 L 591.05,0.15 L 599.33,0.16 L 603.37,0.17 L 610.87,0.18 L 614.52,0.19 L 621.28,0.21 L 624.57,0.22 L 630.63,0.24 L 633.57,0.25 L 638.97,0.28 L 641.59,0.29 L 646.37,0.32 L 648.69,0.34 L 652.89,0.37 L 654.92,0.39 L 658.59,0.43 L 660.36,0.45 L 663.52,0.50 L 665.05,0.52 L 667.75,0.57 L 669.05,0.60 L 671.34,0.65 L 672.44,0.68 L 674.35,0.75 L 675.27,0.78 L 676.84,0.85 L 677.59,0.88 L 678.87,0.95 L 679.48,0.99 L 680.50,1.07 L 681.47,1.16 L 682.81,1.34 L 683.40,1.44 L 684.24,1.65 L 685.28,2.00 L 687.02,2.66 L 690.24,4.37 L 691.80,5.30 L 694.64,7.55 L 696.00,8.73 L 698.41,11.48 L 701.53,16.14 L 704.50,21.50 L 705.01,45.50 L 705.05,47.16 L 705.12,50.21 L 705.16,51.68 L 705.24,54.39 L 705.28,55.70 L 705.37,58.09 L 705.42,59.25 L 705.53,61.36 L 705.65,63.40 L 705.97,66.76 L 706.14,68.33 L 706.62,70.93 L 706.89,72.15 L 707.57,74.22 L 707.95,75.21 L 708.89,76.97 L 709.40,77.84 L 710.65,79.54 L 712.92,82.26 L 714.26,83.78 L 717.32,86.23 L 718.93,87.37 L 722.68,89.10 L 723.67,89.49 L 725.81,90.15 L 726.91,90.46 L 729.28,90.97 L 730.50,91.20 L 733.13,91.56 L 737.40,91.95 L 739.34,92.07 L 742.89,92.50 L 744.62,92.75 L 747.76,93.44 L 749.28,93.82 L 752.05,94.80 L 753.39,95.33 L 755.83,96.62 L 757.02,97.31 L 759.18,98.94 L 760.23,99.80 L 762.15,101.80 L 763.08,102.84 L 764.81,105.23 L 767.23,109.28 L 767.75,110.26 L 768.47,112.13 L 768.63,112.64 L 768.88,113.84 L 769.00,114.48 L 769.19,116.05 L 769.28,116.90 L 769.41,118.99 L 769.47,120.12 L 769.57,122.89 L 769.62,124.38 L 769.70,127.98 L 769.82,134.50 L 769.86,136.92 L 769.91,140.98 L 769.94,142.90 L 769.95,146.09 L 769.95,147.59 L 769.91,150.05 L 769.89,151.21 L 769.79,153.11 L 769.73,154.01 L 769.55,155.51 L 769.46,156.22 L 769.20,157.48 L 768.07,161.08 L 767.40,162.87 L 765.67,166.15 L 764.73,167.74 L 762.48,170.60 L 761.30,171.97 L 758.54,174.40 L 753.86,177.53 L 748.50,180.50 L 385.50,180.71 L 379.93,180.71 L 369.04,180.72 L 363.64,180.72 L 353.09,180.73 L 347.86,180.73 L 337.63,180.73 L 332.56,180.74 L 322.67,180.74 L 317.76,180.74 L 308.18,180.75 L 303.43,180.75 L 294.17,180.76 L 289.57,180.76 L 280.62,180.76 L 276.18,180.77 L 267.53,180.77 L 263.24,180.77 L 254.88,180.77 L 250.74,180.78 L 242.68,180.78 L 238.69,180.78 L 230.91,180.78 L 227.06,180.78 L 219.57,180.79 L 215.85,180.79 L 208.64,180.79 L 205.07,180.79 L 198.12,180.79 L 191.24,180.79 L 178.28,180.79 L 171.93,180.79 L 159.98,180.79 L 154.13,180.78 L 143.15,180.78 L 137.79,180.78 L 127.74,180.77 L 122.84,180.76 L 113.68,180.75 L 109.21,180.74 L 100.91,180.73 L 96.85,180.72 L 89.35,180.70 L 85.70,180.69 L 78.95,180.67 L 75.67,180.66 L 69.65,180.63 L 66.72,180.62 L 61.38,180.59 L 58.78,180.57 L 54.07,180.54 L 51.79,180.52 L 47.67,180.48 L 45.68,180.46 L 42.10,180.42 L 40.38,180.39 L 37.32,180.34 L 35.84,180.32 L 33.24,180.26 L 31.99,180.24 L 29.81,180.18 L 28.77,180.15 L 26.96,180.08 L 26.10,180.05 L 24.64,179.98 L 23.94,179.94 L 22.77,179.86 L 21.66,179.79 L 20.14,179.61 L 19.47,179.52 L 18.58,179.32 L 18.18,179.21 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 1199px) {
  .service-details .faq-accordion .accordion-content:before {
    -webkit-mask: unset;
    mask: unset;
  }
}
.service-details .faq-accordion .accordion-content:after {
  height: calc(100% - 4px);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 181"><g><path d="M 17.56,178.98 L 15.90,178.33 L 12.67,176.36 L 11.09,175.28 L 8.21,172.62 L 6.84,171.23 L 4.53,168.13 L 1.99,163.24 L 1.75,162.61 L 1.36,161.31 L 1.17,160.62 L 0.87,158.86 L 0.80,158.36 L 0.68,157.20 L 0.62,156.59 L 0.52,155.14 L 0.47,154.37 L 0.39,152.57 L 0.35,151.62 L 0.28,149.41 L 0.25,148.24 L 0.19,145.55 L 0.17,144.14 L 0.13,140.92 L 0.11,139.23 L 0.08,135.41 L 0.06,133.42 L 0.04,128.94 L 0.03,126.61 L 0.02,121.40 L 0.01,118.70 L 0.01,112.71 L 0.00,109.61 L 0.00,102.77 L -0.00,91.50 L -0.00,87.50 L 0.00,80.19 L 0.00,76.65 L 0.01,70.23 L 0.01,67.13 L 0.02,61.53 L 0.02,58.83 L 0.04,53.98 L 0.05,51.65 L 0.08,47.50 L 0.09,45.51 L 0.12,42.00 L 0.14,40.31 L 0.19,37.37 L 0.22,35.96 L 0.28,33.52 L 0.31,32.36 L 0.39,30.37 L 0.43,29.42 L 0.52,27.81 L 0.57,27.04 L 0.68,25.75 L 0.74,25.14 L 0.88,24.10 L 1.02,23.12 L 1.37,21.65 L 2.01,19.71 L 2.69,17.89 L 4.50,14.55 L 5.47,12.94 L 7.84,10.05 L 9.08,8.66 L 11.95,6.27 L 16.78,3.31 L 22.50,0.50 L 351.20,0.24 L 356.31,0.24 L 366.30,0.23 L 371.26,0.23 L 380.94,0.22 L 385.74,0.22 L 395.11,0.21 L 399.76,0.21 L 408.83,0.20 L 413.33,0.20 L 422.10,0.19 L 426.45,0.19 L 434.93,0.18 L 439.14,0.18 L 447.33,0.17 L 451.40,0.17 L 459.31,0.16 L 463.23,0.16 L 470.87,0.16 L 474.65,0.15 L 482.02,0.15 L 489.31,0.15 L 503.12,0.14 L 509.89,0.14 L 522.67,0.13 L 528.93,0.13 L 540.73,0.13 L 546.51,0.13 L 557.37,0.13 L 562.69,0.13 L 572.64,0.13 L 577.51,0.14 L 586.61,0.14 L 591.05,0.15 L 599.33,0.16 L 603.37,0.17 L 610.87,0.18 L 614.52,0.19 L 621.28,0.21 L 624.57,0.22 L 630.63,0.24 L 633.57,0.25 L 638.97,0.28 L 641.59,0.29 L 646.37,0.32 L 648.69,0.34 L 652.89,0.37 L 654.92,0.39 L 658.59,0.43 L 660.36,0.45 L 663.52,0.50 L 665.05,0.52 L 667.75,0.57 L 669.05,0.60 L 671.34,0.65 L 672.44,0.68 L 674.35,0.75 L 675.27,0.78 L 676.84,0.85 L 677.59,0.88 L 678.87,0.95 L 679.48,0.99 L 680.50,1.07 L 681.47,1.16 L 682.81,1.34 L 683.40,1.44 L 684.24,1.65 L 685.28,2.00 L 687.02,2.66 L 690.24,4.37 L 691.80,5.30 L 694.64,7.55 L 696.00,8.73 L 698.41,11.48 L 701.53,16.14 L 704.50,21.50 L 705.01,45.50 L 705.05,47.16 L 705.12,50.21 L 705.16,51.68 L 705.24,54.39 L 705.28,55.70 L 705.37,58.09 L 705.42,59.25 L 705.53,61.36 L 705.65,63.40 L 705.97,66.76 L 706.14,68.33 L 706.62,70.93 L 706.89,72.15 L 707.57,74.22 L 707.95,75.21 L 708.89,76.97 L 709.40,77.84 L 710.65,79.54 L 712.92,82.26 L 714.26,83.78 L 717.32,86.23 L 718.93,87.37 L 722.68,89.10 L 723.67,89.49 L 725.81,90.15 L 726.91,90.46 L 729.28,90.97 L 730.50,91.20 L 733.13,91.56 L 737.40,91.95 L 739.34,92.07 L 742.89,92.50 L 744.62,92.75 L 747.76,93.44 L 749.28,93.82 L 752.05,94.80 L 753.39,95.33 L 755.83,96.62 L 757.02,97.31 L 759.18,98.94 L 760.23,99.80 L 762.15,101.80 L 763.08,102.84 L 764.81,105.23 L 767.23,109.28 L 767.75,110.26 L 768.47,112.13 L 768.63,112.64 L 768.88,113.84 L 769.00,114.48 L 769.19,116.05 L 769.28,116.90 L 769.41,118.99 L 769.47,120.12 L 769.57,122.89 L 769.62,124.38 L 769.70,127.98 L 769.82,134.50 L 769.86,136.92 L 769.91,140.98 L 769.94,142.90 L 769.95,146.09 L 769.95,147.59 L 769.91,150.05 L 769.89,151.21 L 769.79,153.11 L 769.73,154.01 L 769.55,155.51 L 769.46,156.22 L 769.20,157.48 L 768.07,161.08 L 767.40,162.87 L 765.67,166.15 L 764.73,167.74 L 762.48,170.60 L 761.30,171.97 L 758.54,174.40 L 753.86,177.53 L 748.50,180.50 L 385.50,180.71 L 379.93,180.71 L 369.04,180.72 L 363.64,180.72 L 353.09,180.73 L 347.86,180.73 L 337.63,180.73 L 332.56,180.74 L 322.67,180.74 L 317.76,180.74 L 308.18,180.75 L 303.43,180.75 L 294.17,180.76 L 289.57,180.76 L 280.62,180.76 L 276.18,180.77 L 267.53,180.77 L 263.24,180.77 L 254.88,180.77 L 250.74,180.78 L 242.68,180.78 L 238.69,180.78 L 230.91,180.78 L 227.06,180.78 L 219.57,180.79 L 215.85,180.79 L 208.64,180.79 L 205.07,180.79 L 198.12,180.79 L 191.24,180.79 L 178.28,180.79 L 171.93,180.79 L 159.98,180.79 L 154.13,180.78 L 143.15,180.78 L 137.79,180.78 L 127.74,180.77 L 122.84,180.76 L 113.68,180.75 L 109.21,180.74 L 100.91,180.73 L 96.85,180.72 L 89.35,180.70 L 85.70,180.69 L 78.95,180.67 L 75.67,180.66 L 69.65,180.63 L 66.72,180.62 L 61.38,180.59 L 58.78,180.57 L 54.07,180.54 L 51.79,180.52 L 47.67,180.48 L 45.68,180.46 L 42.10,180.42 L 40.38,180.39 L 37.32,180.34 L 35.84,180.32 L 33.24,180.26 L 31.99,180.24 L 29.81,180.18 L 28.77,180.15 L 26.96,180.08 L 26.10,180.05 L 24.64,179.98 L 23.94,179.94 L 22.77,179.86 L 21.66,179.79 L 20.14,179.61 L 19.47,179.52 L 18.58,179.32 L 18.18,179.21 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 181"><g><path d="M 17.56,178.98 L 15.90,178.33 L 12.67,176.36 L 11.09,175.28 L 8.21,172.62 L 6.84,171.23 L 4.53,168.13 L 1.99,163.24 L 1.75,162.61 L 1.36,161.31 L 1.17,160.62 L 0.87,158.86 L 0.80,158.36 L 0.68,157.20 L 0.62,156.59 L 0.52,155.14 L 0.47,154.37 L 0.39,152.57 L 0.35,151.62 L 0.28,149.41 L 0.25,148.24 L 0.19,145.55 L 0.17,144.14 L 0.13,140.92 L 0.11,139.23 L 0.08,135.41 L 0.06,133.42 L 0.04,128.94 L 0.03,126.61 L 0.02,121.40 L 0.01,118.70 L 0.01,112.71 L 0.00,109.61 L 0.00,102.77 L -0.00,91.50 L -0.00,87.50 L 0.00,80.19 L 0.00,76.65 L 0.01,70.23 L 0.01,67.13 L 0.02,61.53 L 0.02,58.83 L 0.04,53.98 L 0.05,51.65 L 0.08,47.50 L 0.09,45.51 L 0.12,42.00 L 0.14,40.31 L 0.19,37.37 L 0.22,35.96 L 0.28,33.52 L 0.31,32.36 L 0.39,30.37 L 0.43,29.42 L 0.52,27.81 L 0.57,27.04 L 0.68,25.75 L 0.74,25.14 L 0.88,24.10 L 1.02,23.12 L 1.37,21.65 L 2.01,19.71 L 2.69,17.89 L 4.50,14.55 L 5.47,12.94 L 7.84,10.05 L 9.08,8.66 L 11.95,6.27 L 16.78,3.31 L 22.50,0.50 L 351.20,0.24 L 356.31,0.24 L 366.30,0.23 L 371.26,0.23 L 380.94,0.22 L 385.74,0.22 L 395.11,0.21 L 399.76,0.21 L 408.83,0.20 L 413.33,0.20 L 422.10,0.19 L 426.45,0.19 L 434.93,0.18 L 439.14,0.18 L 447.33,0.17 L 451.40,0.17 L 459.31,0.16 L 463.23,0.16 L 470.87,0.16 L 474.65,0.15 L 482.02,0.15 L 489.31,0.15 L 503.12,0.14 L 509.89,0.14 L 522.67,0.13 L 528.93,0.13 L 540.73,0.13 L 546.51,0.13 L 557.37,0.13 L 562.69,0.13 L 572.64,0.13 L 577.51,0.14 L 586.61,0.14 L 591.05,0.15 L 599.33,0.16 L 603.37,0.17 L 610.87,0.18 L 614.52,0.19 L 621.28,0.21 L 624.57,0.22 L 630.63,0.24 L 633.57,0.25 L 638.97,0.28 L 641.59,0.29 L 646.37,0.32 L 648.69,0.34 L 652.89,0.37 L 654.92,0.39 L 658.59,0.43 L 660.36,0.45 L 663.52,0.50 L 665.05,0.52 L 667.75,0.57 L 669.05,0.60 L 671.34,0.65 L 672.44,0.68 L 674.35,0.75 L 675.27,0.78 L 676.84,0.85 L 677.59,0.88 L 678.87,0.95 L 679.48,0.99 L 680.50,1.07 L 681.47,1.16 L 682.81,1.34 L 683.40,1.44 L 684.24,1.65 L 685.28,2.00 L 687.02,2.66 L 690.24,4.37 L 691.80,5.30 L 694.64,7.55 L 696.00,8.73 L 698.41,11.48 L 701.53,16.14 L 704.50,21.50 L 705.01,45.50 L 705.05,47.16 L 705.12,50.21 L 705.16,51.68 L 705.24,54.39 L 705.28,55.70 L 705.37,58.09 L 705.42,59.25 L 705.53,61.36 L 705.65,63.40 L 705.97,66.76 L 706.14,68.33 L 706.62,70.93 L 706.89,72.15 L 707.57,74.22 L 707.95,75.21 L 708.89,76.97 L 709.40,77.84 L 710.65,79.54 L 712.92,82.26 L 714.26,83.78 L 717.32,86.23 L 718.93,87.37 L 722.68,89.10 L 723.67,89.49 L 725.81,90.15 L 726.91,90.46 L 729.28,90.97 L 730.50,91.20 L 733.13,91.56 L 737.40,91.95 L 739.34,92.07 L 742.89,92.50 L 744.62,92.75 L 747.76,93.44 L 749.28,93.82 L 752.05,94.80 L 753.39,95.33 L 755.83,96.62 L 757.02,97.31 L 759.18,98.94 L 760.23,99.80 L 762.15,101.80 L 763.08,102.84 L 764.81,105.23 L 767.23,109.28 L 767.75,110.26 L 768.47,112.13 L 768.63,112.64 L 768.88,113.84 L 769.00,114.48 L 769.19,116.05 L 769.28,116.90 L 769.41,118.99 L 769.47,120.12 L 769.57,122.89 L 769.62,124.38 L 769.70,127.98 L 769.82,134.50 L 769.86,136.92 L 769.91,140.98 L 769.94,142.90 L 769.95,146.09 L 769.95,147.59 L 769.91,150.05 L 769.89,151.21 L 769.79,153.11 L 769.73,154.01 L 769.55,155.51 L 769.46,156.22 L 769.20,157.48 L 768.07,161.08 L 767.40,162.87 L 765.67,166.15 L 764.73,167.74 L 762.48,170.60 L 761.30,171.97 L 758.54,174.40 L 753.86,177.53 L 748.50,180.50 L 385.50,180.71 L 379.93,180.71 L 369.04,180.72 L 363.64,180.72 L 353.09,180.73 L 347.86,180.73 L 337.63,180.73 L 332.56,180.74 L 322.67,180.74 L 317.76,180.74 L 308.18,180.75 L 303.43,180.75 L 294.17,180.76 L 289.57,180.76 L 280.62,180.76 L 276.18,180.77 L 267.53,180.77 L 263.24,180.77 L 254.88,180.77 L 250.74,180.78 L 242.68,180.78 L 238.69,180.78 L 230.91,180.78 L 227.06,180.78 L 219.57,180.79 L 215.85,180.79 L 208.64,180.79 L 205.07,180.79 L 198.12,180.79 L 191.24,180.79 L 178.28,180.79 L 171.93,180.79 L 159.98,180.79 L 154.13,180.78 L 143.15,180.78 L 137.79,180.78 L 127.74,180.77 L 122.84,180.76 L 113.68,180.75 L 109.21,180.74 L 100.91,180.73 L 96.85,180.72 L 89.35,180.70 L 85.70,180.69 L 78.95,180.67 L 75.67,180.66 L 69.65,180.63 L 66.72,180.62 L 61.38,180.59 L 58.78,180.57 L 54.07,180.54 L 51.79,180.52 L 47.67,180.48 L 45.68,180.46 L 42.10,180.42 L 40.38,180.39 L 37.32,180.34 L 35.84,180.32 L 33.24,180.26 L 31.99,180.24 L 29.81,180.18 L 28.77,180.15 L 26.96,180.08 L 26.10,180.05 L 24.64,179.98 L 23.94,179.94 L 22.77,179.86 L 21.66,179.79 L 20.14,179.61 L 19.47,179.52 L 18.58,179.32 L 18.18,179.21 Z" fill="rgba(0,0,0,1)"/></g></svg>');
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: calc(100% - 4px);
}
@media (max-width: 1199px) {
  .service-details .faq-accordion .accordion-content:after {
    -webkit-mask: unset;
    mask: unset;
  }
}
.service-details .faq-accordion .accordion-title {
  background-color: var(--servsoft-white2, #f1f3ff);
  padding-left: 40px;
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .service-details .faq-accordion .accordion-title {
    padding-left: 30px;
  }
}
@media (max-width: 440px) {
  .service-details .faq-accordion .accordion-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.service-details .faq-accordion .accordion-title__icon {
  background-color: var(--servsoft-white, #fff);
}
.service-details .faq-accordion .accordion-content__inner {
  display: block;
}
.service-details .faq-accordion .accordion-content__box {
  padding: 18px 4px 22px 40px;
}
@media (max-width: 1199px) {
  .service-details .faq-accordion .accordion-content__box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 440px) {
  .service-details .faq-accordion .accordion-content__box {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.service-details .faq-accordion .accordion-content p {
  margin: 0;
}
@media (max-width: 1199px) {
  .service-details .faq-accordion .accordion-content p {
    margin-top: 15px;
    padding-right: 0;
  }
}
.project-card {
  position: relative;
}
.project-card,
.project-card__image {
  border-radius: 30px;
  overflow: hidden;
}
.project-card__image img {
  border-radius: inherit;
  display: block;
  transition: all 0.6s cubic-bezier(0, 0, 0.44, 1.18);
  width: 100% !important;
}
.project-card:hover .project-card__image img {
  transform: scale(1.1);
}
.project-card__content {
  border-radius: 0 0 30px 30px;
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 40px 40px 33px;
  position: relative;
  position: absolute;
  transform: translateY(50%);
  transition: all 0.5s ease;
  width: 100%;
  z-index: 1;
}
@media (max-width: 390px) {
  .project-card__content {
    padding: 30px 30px 23px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-card__content {
    padding: 30px 30px 23px;
  }
}
.project-card__content:after {
  background: linear-gradient(270deg, #2b4c9b, #42bbef);
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: calc(100% - 70px);
  left: 0;
  opacity: 0.9;
  position: absolute;
  width: 100%;
}
@media (max-width: 390px) {
  .project-card__content:after {
    height: calc(100% - 60px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-card__content:after {
    height: calc(100% - 55px);
  }
}
.project-card:hover .project-card__content {
  opacity: 1;
  transform: translateY(0);
}
.project-card__inner {
  position: relative;
  z-index: 1;
}
.project-card__btn {
  align-items: center;
  background-color: var(--servsoft-white, #fff);
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  margin-bottom: 22px;
  width: 60px;
}
@media (max-width: 390px) {
  .project-card__btn {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-card__btn {
    height: 50px;
    width: 50px;
  }
}
.project-card__btn:hover {
  background-color: var(--servsoft-black, #0d1a42);
}
.project-card__btn__icon {
  color: var(--servsoft-base, #e84144);
  display: inline-flex;
  font-size: 18px;
  transition: all 0.5s ease;
}
@media (max-width: 390px) {
  .project-card__btn__icon {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-card__btn__icon {
    font-size: 16px;
  }
}
.project-card__btn__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.project-card__btn:hover .project-card__btn__icon {
  animation: slideRight 0.5s;
  color: var(--servsoft-white, #fff);
}
.project-card__title {
  color: var(--servsoft-white, #fff);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 5px;
}
@media (max-width: 390px) {
  .project-card__title {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-card__title {
    font-size: 20px;
  }
}
.project-card__title a {
  background: linear-gradient(90deg, currentcolor 0, currentcolor) 0 95%/0 1px
    no-repeat;
  color: inherit;
  transition: all 0.5s ease;
}
.project-card__title a:hover {
  background-size: 100% 1px;
}
.project-card__tagline {
  color: var(--servsoft-white, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.685;
  margin: 0;
  text-transform: uppercase;
}
.projects-one {
  background-color: var(--servsoft-black, #0d1a42);
  border-radius: 60px 60px 0 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 575px) {
  .projects-one {
    border-radius: 30px 30px 0 0;
  }
}
.projects-one .container {
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .projects-one .container {
    max-width: 1600px;
  }
}
.projects-one .sec-title {
  color: var(--servsoft-white, #fff);
}
.projects-one--project-details {
  background-color: var(--servsoft-white, #fff);
}
.projects-one--project-details .sec-title {
  color: var(--servsoft-black, #0d1a42);
}
.projects-two {
  background-color: var(--servsoft-white, #fff);
  position: relative;
}
.projects-two__bg {
  background-color: var(--servsoft-black, #0d1a42);
  border-radius: 0 0 60px 60px;
  height: calc(100% - 181px);
  left: 0;
  overflow: hidden;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 575px) {
  .projects-two__bg {
    border-radius: 0 0 30px 30px;
  }
}
.projects-two__bg__1,
.projects-two__bg__2 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.projects-two__bg__1 {
  animation: zoomIn 8s linear 0s infinite;
  mix-blend-mode: color-dodge;
}
.projects-two__bg__2 {
  mix-blend-mode: soft-light;
  z-index: 1;
}
.projects-two__slider {
  margin-top: 129px;
}
@media (max-width: 767px) {
  .projects-two__slider {
    margin-top: 111px;
  }
}
@media (max-width: 575px) {
  .projects-two__slider {
    margin-top: 73px;
  }
}
.projects-two__container {
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .projects-two__container {
    max-width: 1600px;
  }
}
.projects-two .sec-title {
  color: var(--servsoft-white, #fff);
}
.project-details {
  background-color: var(--servsoft-white, #fff);
}
@media (max-width: 767px) {
  .project-details {
  }
}
.project-details__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.project-details__title--top {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .project-details__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .project-details__title {
    font-size: 30px;
  }
}
.project-details__text {
  margin: 0;
}
.project-details__text--base {
  color: var(--servsoft-base, #e84144);
  font-size: 18px;
  line-height: 1.666;
}
.project-details__text-box {
  margin-bottom: 25px;
}
.project-details__text-box .project-details__text + .project-details__text {
  margin-top: 20px;
}
.project-details__top {
  align-items: center;
  display: flex;
  gap: 30px 40px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .project-details__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.project-details__date {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: 50px;
  color: var(--servsoft-white, #fff);
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.625;
  margin: 0;
  padding: 7px 20px;
  text-transform: capitalize;
}
.project-details__image {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .project-details__image {
    margin-bottom: 0;
  }
}
.project-details__image img {
  border-radius: 20px;
  display: block;
  width: 100%;
}
.project-details__list {
  margin-bottom: 27px;
}
.project-details__list li + li {
  margin-top: 13px;
}
.project-details__list li {
  align-items: flex-start;
  color: var(--servsoft-black, #0d1a42);
  display: flex;
  gap: 13px;
  line-height: 1.625;
}
.project-details__list__icon {
  align-items: center;
  background-color: var(--servsoft-base, #e84144);
  border-radius: 50%;
  color: var(--servsoft-white, #fff);
  display: flex;
  flex-shrink: 0;
  font-size: 6px;
  height: 16px;
  justify-content: center;
  position: relative;
  top: 4px;
  width: 16px;
}
.project-details__list__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.project-details__info {
  background-color: var(--servsoft-white, #fff);
  border: 1px solid var(--servsoft-border-color, #e6eaff);
  border-radius: 20px;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  padding: 40px;
  position: relative;
}
@media (max-width: 375px) {
  .project-details__info {
    padding: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-details__info {
    padding: 30px;
  }
}
.project-details__info:before {
  background-color: var(--servsoft-base, #e84144);
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - 38px);
}
.project-details__info__item + .project-details__info__item {
  margin-top: 25px;
}
.project-details__info__title {
  color: var(--servsoft-text, #959cb2);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625;
  margin-bottom: 2px;
  text-transform: capitalize;
}
.project-details__info__text {
  color: var(--servsoft-black, #0d1a42);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625;
  margin: 0;
  text-transform: capitalize;
}
.project-details .social-links {
  margin-top: 32px;
}
.project-details__pagination {
  align-items: center;
  border-bottom: 1px solid var(--servsoft-border-color, #e6eaff);
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-top: 40px;
  padding: 20px 0;
}
.project-details__pagination__next,
.project-details__pagination__prev {
  align-items: center;
  display: flex;
  gap: 20px;
}
.project-details__pagination__btn {
  align-items: center;
  background-color: var(--servsoft-white2, #f1f3ff);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
  width: 40px;
  z-index: 1;
}
.project-details__pagination__btn:after {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: -1;
}
.project-details__pagination__next:hover
  .project-details__pagination__btn:after,
.project-details__pagination__prev:hover
  .project-details__pagination__btn:after {
  opacity: 1;
}
.project-details__pagination__icon {
  color: var(--servsoft-black, #0d1a42);
  display: inline-flex;
  font-size: 14px;
  transition: all 0.5s ease;
}
.project-details__pagination__icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.project-details__pagination__next:hover .project-details__pagination__icon,
.project-details__pagination__prev:hover .project-details__pagination__icon {
  color: var(--servsoft-white, #fff);
}
.project-details__pagination__prev:hover .project-details__pagination__icon {
  animation: slideLeft 0.4s;
}
.project-details__pagination__next:hover .project-details__pagination__icon {
  animation: slideRight 0.4s;
}
.project-details__pagination__text {
  color: var(--servsoft-black, #0d1a42);
  font-size: 16px;
  font-weight: 700;
  transition: all 0.5s ease;
}
.project-details__pagination__text:hover {
  color: var(--servsoft-base, #e84144);
}
.blog-details {
  background-color: var(--servsoft-white, #fff);
}
.blog-details .blog-card-three {
  margin-bottom: 41px;
}
.blog-details__meta {
  align-items: center;
  border-bottom: 1px solid var(--servsoft-border-color, #e6eaff);
  border-top: 1px solid var(--servsoft-border-color, #e6eaff);
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-top: 30px;
}
.blog-details__meta__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
  text-transform: capitalize;
}
.blog-details__post,
.blog-details__tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.blog-details__post__box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.blog-details__post .servsoft-btn .servsoft-btn__text {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 20px;
  text-transform: capitalize;
}
.blog-details__tags__box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.blog-details__tags__btn {
  position: relative;
}
.blog-details__tags__btn,
.blog-details__tags__btn:not(:last-child):after {
  color: var(--servsoft-text, #959cb2);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.blog-details__tags__btn:not(:last-child):after {
  content: ",";
}
.blog-details__tags__btn:hover {
  color: var(--servsoft-base, #e84144);
}
.error-404 {
  background-color: var(--servsoft-white, #fff);
}
.error-404__content {
  position: relative;
  text-align: center;
}
.error-404__top {
  position: relative;
}
.error-404__image {
  height: auto;
  margin-bottom: 29px;
  margin-top: 231px;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.error-404__bottom {
  background-color: var(--servsoft-white, #fff);
  margin-top: -15.7%;
  padding-top: 103px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .error-404__bottom {
    margin-top: -19.8%;
  }
}
@media (max-width: 991px) {
  .error-404__bottom {
    margin-top: -22.9%;
  }
}
@media (max-width: 767px) {
  .error-404__bottom {
    margin-top: -24.2%;
  }
}
@media (max-width: 440px) {
  .error-404__bottom {
    margin-top: -25.4%;
  }
}
@media (max-width: 430px) {
  .error-404__bottom {
    margin-top: -25.6%;
  }
}
@media (max-width: 425px) {
  .error-404__bottom {
    margin-top: -25.9%;
  }
}
@media (max-width: 412px) {
  .error-404__bottom {
    margin-top: -26.2%;
  }
}
@media (max-width: 390px) {
  .error-404__bottom {
    margin-top: -26.6%;
  }
}
@media (max-width: 375px) {
  .error-404__bottom {
    margin-top: -26.9%;
  }
}
@media (max-width: 360px) {
  .error-404__bottom {
    margin-top: -27.2%;
  }
}
@media (max-width: 320px) {
  .error-404__bottom {
    margin-top: -28.3%;
  }
}
.error-404__bottom__bg {
  animation: moveBackground 35s linear 0s infinite;
  background-blend-mode: normal;
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 50px;
  left: 50%;
  max-width: 730px;
  position: absolute;
  top: 28px;
  transform: translateX(-50%);
  width: 100%;
}
.error-404__bottom__inner {
  position: relative;
  z-index: 1;
}
.error-404 .sec-title {
  margin-bottom: 9px;
}
.error-404__text {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .error-404__text {
    font-size: 16px;
  }
}
.error-404__shape-1,
.error-404__shape-2,
.error-404__shape-3 {
  animation: moveX 2.5s linear infinite;
  position: absolute;
}
@media (max-width: 767px) {
  .error-404__shape-1,
  .error-404__shape-2,
  .error-404__shape-3 {
    width: 100px;
  }
}
@media (max-width: 425px) {
  .error-404__shape-1,
  .error-404__shape-2,
  .error-404__shape-3 {
    width: 70px;
  }
}
.error-404__shape-1 {
  right: 29.2%;
  top: 0;
}
.error-404__shape-2 {
  right: 10.7%;
  top: 23.2%;
}
.error-404__shape-3 {
  left: 6%;
  top: 10.5%;
}
.error-404__shape-4,
.error-404__shape-5,
.error-404__shape-6,
.error-404__shape-7 {
  -webkit-animation: rainMove 1.5s infinite;
  animation: rainMove 1.5s infinite;
  position: absolute;
}
@media (max-width: 767px) {
  .error-404__shape-4,
  .error-404__shape-5,
  .error-404__shape-6,
  .error-404__shape-7 {
    width: 13px;
  }
}
.error-404__shape-4 {
  right: 28.8%;
  top: 18.5%;
}
@media (max-width: 991px) {
  .error-404__shape-4 {
    right: 50%;
  }
}
.error-404__shape-5 {
  right: 13%;
  top: 42%;
}
@media (max-width: 991px) {
  .error-404__shape-5 {
    right: 0;
  }
}
.error-404__shape-6 {
  left: 16.5%;
  top: 33.4%;
}
.error-404__shape-7 {
  left: 3.5%;
  top: 26.2%;
}
.error-404__shape-8 {
  animation: zoomOut 4s linear infinite;
  left: 0;
  position: absolute;
  top: 0;
}
@media (max-width: 1199px) {
  .error-404__shape-8 {
    width: 500px;
  }
}
@media (max-width: 991px) {
  .error-404__shape-8 {
    display: none;
  }
}
.hero-three.hero-slider-modern {
  overflow: hidden;
  padding-bottom: 42px;
  padding-top: 0;
  position: relative;
}
.hero-three.hero-slider-modern .hero-three__bg {
  position: relative;
}
.hero-three.hero-slider-modern .hero-three__bg__inner {
  background-image: none !important;
  padding: 0;
  position: relative;
}
.hero-three.hero-slider-modern .hero-three__carousel {
  position: relative;
}
.hero-slide-modern__figure {
  aspect-ratio: 16/9;
  background: #0f172a;
  height: auto;
  isolation: isolate;
  max-height: 760px;
  min-height: 480px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hero-slide-modern__backdrop {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(28px) saturate(1.15) brightness(0.85);
  inset: 0;
  position: absolute;
  transform: scale(1.15);
  transform-origin: center;
  z-index: 0;
}
.hero-slide-modern__img {
  display: block;
  height: 100%;
  image-rendering: auto;
  inset: 0;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.hero-slide-modern__img,
.hero-three__carousel .owl-item .hero-slide-modern__img,
.hero-three__carousel .owl-item.active .hero-slide-modern__img,
.owl-item.active .hero-three__image img {
  animation: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
.hero-slide-modern__overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.hero-three__carousel
  .owl-item:not(.active)
  .hero-slide-modern__content__inner
  > * {
  opacity: 0;
  transform: translateY(24px);
}
.hero-three__carousel .owl-item.active .hero-slide-modern__title {
  transition-delay: 0.15s;
}
.hero-three__carousel .owl-item.active .hero-slide-modern__text {
  transition-delay: 0.3s;
}
.hero-three__carousel .owl-item.active .hero-slide-modern__btn {
  transition-delay: 0.45s;
}
.hero-three__carousel.owl-theme .owl-nav {
  margin: 0;
}
.hero-three__carousel.owl-theme .owl-nav [class*="owl-"] {
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: hsla(0, 0%, 100%, 0.12);
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 56px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition:
    background 0.3s ease,
    transform 0.3s ease;
  width: 56px;
  z-index: 4;
}
.hero-three__carousel.owl-theme .owl-nav [class*="owl-"]:hover {
  background: rgba(232, 65, 68, 0.85);
  transform: translateY(-50%) scale(1.06);
}
.hero-three__carousel.owl-theme .owl-nav .owl-prev {
  left: 24px;
}
.hero-three__carousel.owl-theme .owl-nav .owl-next {
  right: 24px;
}
.hero-three__carousel.owl-theme .owl-dots {
  bottom: 28px;
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 4;
}
.hero-three__carousel.owl-theme .owl-dots .owl-dot {
  background: hsla(0, 0%, 100%, 0.45);
  border-radius: 50%;
  height: 10px;
  margin: 0;
  transition:
    width 0.3s ease,
    background 0.3s ease;
  width: 10px;
}
.hero-three__carousel.owl-theme .owl-dots .owl-dot.active {
  background: #42bbef;
  border-radius: 999px;
  width: 28px;
}
.hero-three__carousel .owl-item {
  backface-visibility: hidden;
}
@media (max-width: 991px) {
  .hero-slide-modern__figure {
    aspect-ratio: 16/9;
    height: auto;
    max-height: 620px;
    min-height: 460px;
  }
}
@media (max-width: 575px) {
  .hero-slide-modern__figure {
    aspect-ratio: 4/0;
    height: auto;
    max-height: 560px;
    min-height: 320px;
  }
  .hero-three__carousel.owl-theme .owl-nav [class*="owl-"] {
    font-size: 15px;
    height: 44px;
    width: 44px;
  }
  .hero-three__carousel.owl-theme .owl-nav .owl-prev {
    left: 12px;
  }
  .hero-three__carousel.owl-theme .owl-nav .owl-next {
    right: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide-modern__img,
  .hero-three__carousel .owl-item.active .hero-slide-modern__img {
    transform: none;
    transition: none;
  }
}
.main-header__container {
  position: relative;
}
.main-header .main-menu__list > li.servsoft-mega {
  position: static !important;
}
.main-header .servsoft-mega__trigger {
  align-items: center;
  border-radius: 8px;
  display: inline-flex !important;
  gap: 6px;
  padding: 8px 14px;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease;
}
.main-header .servsoft-mega:focus-within > .servsoft-mega__trigger,
.main-header .servsoft-mega:hover > .servsoft-mega__trigger {
  background-color: rgba(43, 76, 155, 0.08);
  color: #2b4c9b !important;
  transform: translateY(-1px);
}
.servsoft-mega__caret {
  flex-shrink: 0;
  opacity: 0.55;
  transition:
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease,
    color 0.25s ease;
}
.main-header
  .servsoft-mega:focus-within
  > .servsoft-mega__trigger
  .servsoft-mega__caret,
.main-header
  .servsoft-mega:hover
  > .servsoft-mega__trigger
  .servsoft-mega__caret {
  color: #2b4c9b;
  opacity: 1;
  transform: rotate(180deg);
}
.servsoft-mega__panel {
  background: linear-gradient(180deg, #162447, #101b37);
  border: 1px solid hsla(0, 0%, 100%, 0.08);
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(2, 8, 23, 0.55);
  left: 193px;
  max-width: 940px;
  opacity: 0;
  padding: 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 89%;
  transform: translateY(8px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
.servsoft-mega__panel:before {
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  right: 0;
  top: -16px;
}
@media (min-width: 992px) {
  .servsoft-mega:focus-within > .servsoft-mega__panel,
  .servsoft-mega:hover > .servsoft-mega__panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }
}
@media (min-width: 1700px) {
  .servsoft-mega__panel {
    left: 850px;
  }
}
.servsoft-mega__grid {
  column-gap: 40px;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
}
.servsoft-mega__col {
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 4px 40px 4px 0;
}
.servsoft-mega__col:last-child {
  border-right: 0;
  padding-right: 0;
}
.servsoft-mega__eyebrow {
  color: #e84144;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.servsoft-mega__headline {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 10px;
}
.servsoft-mega__title {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.servsoft-mega__desc {
  color: #94a3b8;
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0 0 18px;
}
.main-header .servsoft-mega .servsoft-mega__links {
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  list-style: none;
  margin: 0;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
}
.main-header .servsoft-mega .servsoft-mega__links li {
  display: block;
  position: static !important;
}
.servsoft-mega__links li {
  margin-bottom: 10px;
}
.servsoft-mega__links li:last-child {
  margin-bottom: 0;
}
.main-header .servsoft-mega .servsoft-mega__links a {
  align-items: center;
  background-color: transparent;
  border-radius: 6px;
  color: #cbd5e1 !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.4;
  padding: 6px 10px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-header
  .servsoft-mega
  .servsoft-mega__links:not(.servsoft-mega__links--dot)
  a:before {
  background: #42bbef;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(66, 187, 239, 0.7);
  content: "";
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  width: 2px;
}
.main-header
  .servsoft-mega
  .servsoft-mega__links:not(.servsoft-mega__links--dot)
  a:focus:before,
.main-header
  .servsoft-mega
  .servsoft-mega__links:not(.servsoft-mega__links--dot)
  a:hover:before {
  height: 60%;
  opacity: 1;
}
.main-header .servsoft-mega .servsoft-mega__links--dot a > span {
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-header .servsoft-mega .servsoft-mega__links--dot li:after {
  content: "\2192";
  font-size: 13px;
  line-height: 1;
  margin-left: 6px;
  opacity: 0;
  transform: translateX(-6px);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-header .servsoft-mega .servsoft-mega__links--dot a:focus:after,
.main-header .servsoft-mega .servsoft-mega__links--dot a:hover:after {
  opacity: 1;
  transform: translateX(0);
}
.main-header .servsoft-mega .servsoft-mega__links a i {
  color: #42bbef !important;
  flex-shrink: 0;
  font-size: 14px;
}
.servsoft-mega__col--promo .servsoft-mega__links a {
  justify-content: flex-start;
}
.servsoft-mega__col--promo .servsoft-mega__links a i {
  margin-left: 4px;
}
.main-header .servsoft-mega .servsoft-mega__links--dot a {
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.4;
}
.servsoft-mega__links--dot a:before {
  background: #42bbef;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 5px;
  margin-top: 12px;
  width: 5px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .servsoft-mega__grid {
    column-gap: 28px;
  }
  .servsoft-mega__col {
    padding: 4px 28px 4px 0;
  }
}
@media (max-width: 991px) {
  .servsoft-mega__panel {
    display: none !important;
  }
  .servsoft-mega__caret {
    display: none;
  }
}
.mobile-nav__container .servsoft-mega__panel {
  display: none !important;
}
.sf-faq {
  background: #f8fafc;
}
.sf-faq .container {
  max-width: 860px;
}
.sf-faq__head {
  margin-bottom: 36px;
  text-align: center;
}
.sf-faq__eyebrow {
  background: rgba(66, 187, 239, 0.12);
  border-radius: 999px;
  color: #2b4c9b;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  padding: 6px 14px;
  text-transform: uppercase;
}
.sf-faq__title {
  color: #1e293b;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 14px;
}
.sf-faq__subtitle {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 28px;
  max-width: 560px;
}
.sf-faq__search {
  margin: 0 auto;
  max-width: 520px;
  position: relative;
}
.sf-faq__search-icon {
  color: #94a3b8;
  font-size: 16px;
  left: 18px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sf-faq__search-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  color: #1e293b;
  font-size: 15px;
  padding: 15px 18px 15px 46px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  width: 100%;
}
.sf-faq__search-input:focus {
  border-color: #42bbef;
  box-shadow: 0 0 0 4px rgba(66, 187, 239, 0.12);
  outline: none;
}
.sf-faq__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 32px;
}
.sf-faq__pill {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  color: #64748b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 18px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-faq__pill:hover {
  border-color: rgba(43, 76, 155, 0.3);
  color: #2b4c9b;
  transform: translateY(-1px);
}
.sf-faq__pill.is-active {
  background: #2b4c9b;
  border-color: #2b4c9b;
  box-shadow: 0 6px 18px rgba(43, 76, 155, 0.25);
  color: #fff;
}
.sf-faq__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sf-faq__item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 3px solid transparent;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  position: relative;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    border-left-color 0.25s ease;
}
.sf-faq__item.is-open {
  border-left-color: #2b4c9b;
  box-shadow: 0 10px 34px rgba(43, 76, 155, 0.1);
}
.sf-faq__item[hidden] {
  display: none;
}
.sf-faq__q {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 20px 22px;
  text-align: left;
  width: 100%;
}
.sf-faq__q-text {
  color: #1e293b;
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.2s ease;
}
.sf-faq__item.is-open .sf-faq__q-text,
.sf-faq__q:hover .sf-faq__q-text {
  color: #2b4c9b;
}
.sf-faq__icon {
  align-items: center;
  background: rgba(66, 187, 239, 0.1);
  border-radius: 50%;
  color: #2b4c9b;
  display: inline-flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: center;
  transition:
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    background 0.25s ease,
    color 0.25s ease;
  width: 34px;
}
.sf-faq__item.is-open .sf-faq__icon {
  background: #2b4c9b;
  color: #fff;
  transform: rotate(135deg);
}
.sf-faq__a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.sf-faq__a-inner {
  color: #64748b;
  font-size: 15px;
  line-height: 1.6;
  padding: 0 22px 22px;
}
.sf-faq__a-inner p {
  margin: 0 0 12px;
}
.sf-faq__a-inner p:last-child {
  margin-bottom: 0;
}
.sf-faq__empty {
  color: #64748b;
  font-size: 15px;
  margin: 28px 0;
  text-align: center;
}
.sf-faq__cta {
  margin-top: 44px;
}
.sf-faq__cta-inner {
  background: linear-gradient(135deg, #2b4c9b, #1e293b);
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(43, 76, 155, 0.25);
  color: #fff;
  overflow: hidden;
  padding: 44px 32px;
  position: relative;
  text-align: center;
}
.sf-faq__cta-inner:after {
  background: radial-gradient(
    circle at 80% 0,
    rgba(66, 187, 239, 0.35) 0,
    transparent 55%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.sf-faq__cta-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 10px;
  position: relative;
}
.sf-faq__cta-text {
  color: hsla(0, 0%, 100%, 0.82);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 auto 24px;
  max-width: 460px;
  position: relative;
}
.sf-faq__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  position: relative;
}
.sf-faq__cta-btn {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 26px;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}
.sf-faq__cta-btn--primary {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  box-shadow: 0 8px 22px rgba(232, 65, 68, 0.3);
  color: #fff;
}
.sf-faq__cta-btn--primary:hover {
  box-shadow: 0 12px 28px rgba(232, 65, 68, 0.4);
  transform: translateY(-2px);
}
.sf-faq__cta-btn--ghost {
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  color: #fff;
}
.sf-faq__cta-btn--ghost:hover {
  background: hsla(0, 0%, 100%, 0.18);
  transform: translateY(-2px);
}
@media (max-width: 575px) {
  .sf-faq__q {
    padding: 16px;
  }
  .sf-faq__q-text {
    font-size: 15px;
  }
  .sf-faq__cta-inner {
    padding: 32px 20px;
  }
}
/* ==========================================================================
   SECTION: 07. PORTFOLIO GRID (.sf-work__*)
   Projects/portfolio listing grid: cards, thumbnails, filters and the CTA
   inner block. Mobile grid tweaks are inline via @media in this section.
   ========================================================================== */
.sf-work {
  background: #f8fafc;
  padding-top: 135px;
}
.sf-work__head {
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}
.sf-work__eyebrow {
  background: rgba(232, 65, 68, 0.1);
  border-radius: 999px;
  color: #e84144;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 18px 0;
  padding: 6px 14px;
  text-transform: uppercase;
}
.sf-work__title {
  color: #1e293b;
  font-size: clamp(30px, 4.4vw, 50px);
  font-weight: 700;
  line-height: 1.12;
  margin: 0 0 14px;
}
.sf-work__subtitle {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.sf-work__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 36px;
}
.sf-work__pill {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  color: #64748b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 18px;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-work__pill:hover {
  border-color: rgba(43, 76, 155, 0.3);
  color: #2b4c9b;
  transform: translateY(-1px);
}
.sf-work__pill.is-active {
  background: #2b4c9b;
  border-color: #2b4c9b;
  box-shadow: 0 6px 18px rgba(43, 76, 155, 0.25);
  color: #fff;
}
.sf-work__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.sf-work__card--wide {
  grid-column: span 2;
}
.sf-work__card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s ease,
    opacity 0.3s ease;
}
.sf-work__card--wide {
  flex-direction: row;
}
.sf-work__card:hover {
  box-shadow: 0 20px 44px rgba(43, 76, 155, 0.12);
  transform: translateY(-4px);
}
.sf-work__card[hidden] {
  display: none;
}
.sf-work__card-link {
  inset: 0;
  position: absolute;
  z-index: 3;
}
.sf-work__media {
  background: #eef2f9;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.03),
    inset 0 8px 24px rgba(0, 0, 0, 0.04);
  height: 240px;
  overflow: hidden;
  position: relative;
}
.sf-work__card--wide .sf-work__media {
  flex: 0 0 52%;
  height: 320px;
}
.sf-work__img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.sf-work__card:hover .sf-work__img {
  transform: scale(1.03);
}
.sf-work__arrow {
  align-items: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: hsla(0, 0%, 100%, 0.85);
  border-radius: 50%;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  color: #2b4c9b;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  transform: translate(0);
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.25s ease,
    color 0.25s ease;
  width: 40px;
  z-index: 4;
}
.sf-work__card:hover .sf-work__arrow {
  background: #2b4c9b;
  color: #fff;
  transform: translate(3px, -3px);
}
.sf-work__body {
  display: flex;
  flex-direction: column;
  padding: 22px;
}
.sf-work__card--wide .sf-work__body {
  flex: 1;
  justify-content: center;
  padding: 32px;
}
.sf-work__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.sf-work__chip {
  background: rgba(66, 187, 239, 0.1);
  border-radius: 6px;
  color: #2b4c9b;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 4px 10px;
}
.sf-work__card-title {
  color: #1e293b;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 6px;
  transition: color 0.2s ease;
}
.sf-work__card--wide .sf-work__card-title {
  font-size: 24px;
}
.sf-work__card:hover .sf-work__card-title {
  color: #2b4c9b;
}
.sf-work__card-tagline {
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.sf-work__metric {
  align-items: center;
  align-self: flex-start;
  background: linear-gradient(
    90deg,
    rgba(232, 65, 68, 0.1),
    rgba(43, 76, 155, 0.1)
  );
  border-radius: 8px;
  color: #2b4c9b;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  padding: 6px 12px;
}
.sf-work__empty {
  color: #64748b;
  font-size: 15px;
  margin: 28px 0;
  text-align: center;
}
.sf-work__cta {
  margin-top: 48px;
}
.sf-work__cta-inner {
  background: linear-gradient(120deg, #e84144, #2b4c9b);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(43, 76, 155, 0.28);
  color: #fff;
  overflow: hidden;
  padding: 52px 32px;
  position: relative;
  text-align: center;
}
.sf-work__cta-inner:after {
  background: radial-gradient(
    circle at 85% 10%,
    rgba(66, 187, 239, 0.35) 0,
    transparent 55%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.sf-work__cta-title {
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  margin: 0 0 10px;
  position: relative;
}
.sf-work__cta-text {
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 auto 26px;
  max-width: 480px;
  position: relative;
}
.sf-work__cta-btn {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  color: #2b4c9b;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  position: relative;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.sf-work__cta-btn:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .sf-work__grid {
    gap: 18px;
    grid-template-columns: 1fr;
  }
  .sf-work__card,
  .sf-work__card--wide {
    flex-direction: column;
    grid-column: auto;
  }
  .sf-work__card--wide .sf-work__media {
    flex: none;
    height: 240px;
  }
  .sf-work__cta-inner {
    padding: 36px 22px;
  }
}
.sf-team {
  background: #f8fafc;
  padding-top: 135px;
}
.sf-team__head {
  margin: 44px auto;
  max-width: 680px;
  text-align: center;
}
.sf-team__eyebrow {
  background: rgba(66, 187, 239, 0.12);
  border-radius: 999px;
  color: #2b4c9b;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  padding: 6px 14px;
  text-transform: uppercase;
}
.sf-team__title {
  color: #1e293b;
  font-size: clamp(30px, 4.4vw, 48px);
  font-weight: 700;
  line-height: 1.14;
  margin: 0 0 14px;
}
.sf-team__subtitle {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.sf-team__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1199px) {
  .sf-team__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .sf-team__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .sf-team__grid {
    grid-template-columns: 1fr;
  }
}
.sf-team__card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  position: relative;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s ease;
}
.sf-team__card:hover {
  box-shadow: 0 20px 40px rgba(43, 76, 155, 0.12);
  transform: translateY(-4px);
}
.sf-team__card-link {
  inset: 0;
  position: absolute;
  z-index: 3;
}
.sf-team__photo {
  aspect-ratio: 1/1;
  background: #eef2f9;
  overflow: hidden;
  position: relative;
}
.sf-team__img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.sf-team__card:hover .sf-team__img {
  transform: scale(1.04);
}
.sf-team__photo-overlay {
  background: linear-gradient(
    180deg,
    rgba(43, 76, 155, 0) 55%,
    rgba(43, 76, 155, 0.28)
  );
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
}
.sf-team__card:hover .sf-team__photo-overlay {
  opacity: 1;
}
.sf-team__body {
  padding: 18px 18px 20px;
  text-align: center;
}
.sf-team__name {
  color: #1e293b;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 4px;
  transition: color 0.2s ease;
}
.sf-team__card:hover .sf-team__name {
  color: #2b4c9b;
}
.sf-team__role {
  color: #42bbef;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sf-team__bio {
  color: #64748b;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.sf-team__social {
  display: flex;
  gap: 8px;
  justify-content: center;
  position: relative;
  z-index: 4;
}
.sf-team__soc {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  color: #64748b;
  display: inline-flex;
  font-size: 13px;
  height: 34px;
  justify-content: center;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  width: 34px;
}
.sf-team__soc:hover {
  background: #2b4c9b;
  border-color: #2b4c9b;
  box-shadow: 0 6px 16px rgba(43, 76, 155, 0.35);
  color: #fff;
  transform: translateY(-2px);
}
.sf-team__values {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 56px;
}
@media (max-width: 767px) {
  .sf-team__values {
    gap: 16px;
    grid-template-columns: 1fr;
  }
}
.sf-team__value {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 28px 22px;
  text-align: center;
}
.sf-team__value-icon {
  align-items: center;
  background: rgba(66, 187, 239, 0.12);
  border-radius: 14px;
  color: #2b4c9b;
  display: inline-flex;
  font-size: 22px;
  height: 52px;
  justify-content: center;
  margin-bottom: 14px;
  width: 52px;
}
.sf-team__value-title {
  color: #1e293b;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 8px;
}
.sf-team__value-text {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.sf-team__cta {
  margin-top: 56px;
}
.sf-team__cta-inner {
  background: linear-gradient(120deg, #e84144, #2b4c9b);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(43, 76, 155, 0.28);
  color: #fff;
  overflow: hidden;
  padding: 52px 32px;
  position: relative;
  text-align: center;
}
.sf-team__cta-inner:after {
  background: radial-gradient(
    circle at 85% 10%,
    rgba(66, 187, 239, 0.35) 0,
    transparent 55%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.sf-team__cta-title {
  color: #fff;
  font-size: clamp(23px, 3vw, 32px);
  font-weight: 700;
  margin: 0 0 10px;
  margin-inline: auto;
  max-width: 640px;
  position: relative;
}
.sf-team__cta-text {
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 auto 26px;
  max-width: 480px;
  position: relative;
}
.sf-team__cta-btn {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  color: #2b4c9b;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  position: relative;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.sf-team__cta-btn:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}
@media (max-width: 575px) {
  .sf-team__cta-inner {
    padding: 36px 22px;
  }
}
.sf-about {
  background: #f8fafc;
}
.sf-about__content {
  color: #475569;
  font-size: 16px;
  line-height: 1.75;
  margin-left: 0;
  margin-right: 0;
  margin-top: 64px;
  max-width: none;
}
.sf-about__content > :first-child {
  margin-top: 0;
}
.sf-about__content > .wp-block-separator,
.sf-about__content > h1,
.sf-about__content > h2,
.sf-about__content > h3,
.sf-about__content > h4,
.sf-about__content > ol,
.sf-about__content > p,
.sf-about__content > ul {
  margin-left: auto;
  margin-right: auto;
  max-width: 820px;
}
.sf-about__content h2,
.sf-about__content h3,
.sf-about__content h4 {
  color: #1e293b;
  font-weight: 700;
  line-height: 1.25;
  margin: 1.4em 0 0.5em;
}
.sf-about__content p {
  margin: 0 0 1.1em;
}
.sf-about__content a {
  color: #2b4c9b;
  text-decoration: underline;
}
.sf-about__content a:hover {
  color: #42bbef;
}
.sf-about__content img {
  border-radius: 14px;
  height: auto;
  max-width: 100%;
}
.sf-about__content ol,
.sf-about__content ul {
  margin: 0 0 1.1em 1.25em;
}
.sf-about__content li {
  margin-bottom: 0.4em;
}
.sf-about__content {
  --sf-ink: #0d1a42;
  --sf-primary: #2b4c9b;
  --sf-sky: #42bbef;
  --sf-coral: #e84144;
  --sf-muted: #64748b;
  --sf-line: rgba(13, 26, 66, 0.08);
  --sf-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-about__content h1,
.sf-about__content h2 {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.sf-about__content h2 {
  font-size: clamp(26px, 3.4vw, 38px);
}
.sf-about__content h1 strong,
.sf-about__content h2 strong {
  background: linear-gradient(100deg, var(--sf-primary) 0, var(--sf-sky) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sf-about__content .wp-block-columns {
  gap: 20px !important;
}
.sf-about__content .wp-block-column {
  background:
    radial-gradient(
      120% 120% at 0 0,
      rgba(66, 187, 239, 0.06) 0,
      hsla(0, 0%, 100%, 0) 55%
    ),
    #fff;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(13, 26, 66, 0.04);
  list-style: none;
  margin: 0;
  padding: 26px 24px;
  position: relative;
  transition:
    transform 0.4s var(--sf-ease),
    box-shadow 0.4s var(--sf-ease),
    border-color 0.4s var(--sf-ease);
}
.sf-about__content .wp-block-column:hover {
  border-color: rgba(66, 187, 239, 0.55);
  box-shadow:
    0 22px 48px rgba(43, 76, 155, 0.14),
    0 0 0 1px rgba(66, 187, 239, 0.2);
  transform: translateY(-6px);
}
.sf-about__content .wp-block-columns {
  margin: 28px 0;
}
.sf-about__content .wp-block-column {
  text-align: center;
}
.sf-about__content .wp-block-column > .wp-block-heading,
.sf-about__content .wp-block-column > h3 {
  background: linear-gradient(120deg, var(--sf-primary) 0, var(--sf-sky) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0 0 6px;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sf-about__content .wp-block-column > p {
  color: var(--sf-muted);
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}
.sf-about__content .sf-stepper > .wp-block-group__inner-container {
  counter-reset: sf-step;
  margin: 32px 0;
  padding-left: 8px;
  position: relative;
}
.sf-about__content .wp-block-buttons {
  gap: 14px;
  margin-top: 8px;
}
.sf-about__content .wp-block-button__link {
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  text-decoration: none;
  transition:
    transform 0.3s var(--sf-ease),
    box-shadow 0.3s var(--sf-ease);
}
.sf-about__content
  .wp-block-button:not(.is-style-outline)
  .wp-block-button__link {
  background: linear-gradient(
    120deg,
    var(--sf-coral) 0,
    var(--sf-primary) 100%
  );
  box-shadow: 0 12px 30px rgba(43, 76, 155, 0.28);
  color: #fff;
}
.sf-about__content .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border: 1.5px solid var(--sf-primary);
  color: var(--sf-primary);
}
.sf-about__content .wp-block-button__link:hover {
  box-shadow: 0 18px 40px rgba(43, 76, 155, 0.34);
  transform: translateY(-3px);
}
.sf-about__content .wp-block-separator {
  background: linear-gradient(
    90deg,
    transparent,
    var(--sf-line) 20%,
    var(--sf-line) 80%,
    transparent
  );
  border: 0;
  height: 1px;
  margin: 44px 0;
  max-width: 100%;
}
@media (max-width: 767px) {
  .sf-about__content {
    margin-top: 40px;
  }
  .sf-about__content .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .sf-about__content .wp-block-column {
    flex-basis: calc(50% - 10px) !important;
  }
}
@media (max-width: 575px) {
  .sf-about__content .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-about__content .wp-block-button__link,
  .sf-about__content .wp-block-column {
    transition: none;
  }
}
.sf-about__cta {
  margin-top: 64px;
}
.sf-about__cta-inner {
  background: linear-gradient(120deg, #e84144, #2b4c9b);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(43, 76, 155, 0.28);
  color: #fff;
  overflow: hidden;
  padding: 56px 32px;
  position: relative;
  text-align: center;
}
.sf-about__cta-inner:after {
  background: radial-gradient(
    circle at 85% 10%,
    rgba(66, 187, 239, 0.35) 0,
    transparent 55%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.sf-about__cta-title {
  color: #fff;
  font-size: clamp(24px, 3.2vw, 36px);
  font-weight: 700;
  margin: 0 0 24px;
  margin-inline: auto;
  max-width: 640px;
  position: relative;
}
.sf-about__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  position: relative;
}
.sf-about__cta-btn {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.sf-about__cta-btn--solid {
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  color: #2b4c9b;
}
.sf-about__cta-btn--solid:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}
.sf-about__cta-btn--ghost {
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  color: #fff;
}
.sf-about__cta-btn--ghost:hover {
  background: hsla(0, 0%, 100%, 0.18);
  transform: translateY(-2px);
}
@media (max-width: 575px) {
  .sf-about__cta-inner {
    padding: 36px 22px;
  }
}
.sf-blog {
  background: #f8fafc;
}
.sf-blog__head {
  margin: 44px auto 28px;
  max-width: 720px;
  text-align: center;
}
.sf-blog__eyebrow {
  background: rgba(66, 187, 239, 0.12);
  border-radius: 999px;
  color: #2b4c9b;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  padding: 6px 14px;
  text-transform: uppercase;
}
.sf-blog__title {
  color: #1e293b;
  font-size: clamp(28px, 4.2vw, 46px);
  font-weight: 700;
  line-height: 1.14;
  margin: 0 0 12px;
}
.sf-blog__subtitle {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
.sf-blog__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 40px;
}
.sf-blog__pill {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 18px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-blog__pill:hover {
  border-color: rgba(43, 76, 155, 0.3);
  color: #2b4c9b;
  transform: translateY(-1px);
}
.sf-blog__pill.is-active {
  background: #2b4c9b;
  border-color: #2b4c9b;
  box-shadow: 0 6px 18px rgba(43, 76, 155, 0.25);
  color: #fff;
}
.sf-blog__meta {
  align-items: center;
  color: #94a3b8;
  display: flex;
  flex-wrap: wrap;
  font-size: 12.5px;
  gap: 8px;
  margin-bottom: 12px;
}
.sf-blog__dot {
  color: #cbd5e1;
}
.sf-blog__tag {
  background: rgba(66, 187, 239, 0.12);
  border-radius: 6px;
  color: #2b4c9b;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 4px 10px;
}
.sf-blog__author {
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 4;
}
.sf-blog__avatar {
  border-radius: 50%;
  display: block;
}
.sf-blog__author-name {
  color: #1e293b;
  font-size: 13px;
  font-weight: 600;
}
.sf-blog__lead {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  display: grid;
  gap: 32px;
  grid-template-columns: 1.1fr 1fr;
  margin-bottom: 44px;
  padding: 20px;
}
.sf-blog__lead-media {
  aspect-ratio: 16/10;
  border-radius: 16px;
  display: block;
  overflow: hidden;
}
.sf-blog__lead-img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.sf-blog__lead-media:hover .sf-blog__lead-img {
  transform: scale(1.04);
}
.sf-blog__lead-title {
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 12px;
}
.sf-blog__lead-title a {
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
}
.sf-blog__lead-title a:hover {
  color: #2b4c9b;
}
.sf-blog__lead-excerpt {
  color: #64748b;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px;
}
.sf-blog__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, 1fr);
}
.sf-blog__card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s ease;
}
.sf-blog__card:hover {
  box-shadow: 0 18px 38px rgba(43, 76, 155, 0.12);
  transform: translateY(-4px);
}
.sf-blog__card-link {
  inset: 0;
  position: absolute;
  z-index: 3;
}
.sf-blog__thumb {
  aspect-ratio: 16/9;
  background: #eef2f9;
  overflow: hidden;
}
.sf-blog__thumb-img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.sf-blog__card:hover .sf-blog__thumb-img {
  transform: scale(1.03);
}
.sf-blog__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}
.sf-blog__card-title {
  color: #1e293b;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 8px;
  transition: color 0.2s ease;
}
.sf-blog__card:hover .sf-blog__card-title {
  color: #2b4c9b;
}
.sf-blog__card-excerpt {
  color: #64748b;
  display: -webkit-box;
  font-size: 13.5px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 1.55;
  margin: 0 0 16px;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sf-blog__card-foot {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.sf-blog__readmore {
  align-items: center;
  background: rgba(43, 76, 155, 0.08);
  border-radius: 50%;
  color: #2b4c9b;
  display: inline-flex;
  font-size: 15px;
  height: 30px;
  justify-content: center;
  position: relative;
  transition:
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.25s ease,
    color 0.25s ease;
  width: 30px;
  z-index: 4;
}
.sf-blog__card:hover .sf-blog__readmore {
  background: #2b4c9b;
  color: #fff;
  transform: translateX(3px);
}
.sf-blog__news {
  align-items: center;
  background: linear-gradient(120deg, #2b4c9b, #1e293b);
  border-radius: 20px;
  box-shadow: 0 18px 44px rgba(43, 76, 155, 0.2);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  margin-top: 44px;
  padding: 32px;
}
.sf-blog__news-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px;
}
.sf-blog__news-sub {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 14px;
  margin: 0;
}
.sf-blog__news-form {
  display: flex;
  flex: 1;
  gap: 10px;
  max-width: 460px;
  min-width: 280px;
}
.sf-blog__news-input {
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 10px;
  color: #fff;
  flex: 1;
  font-size: 14px;
  padding: 13px 16px;
}
.sf-blog__news-input::placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}
.sf-blog__news-input:focus {
  border-color: #42bbef;
  outline: none;
}
.sf-blog__news-btn {
  background: linear-gradient(90deg, #e84144, #2b4c9b);
  border: 0;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 24px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.sf-blog__news-btn:hover {
  box-shadow: 0 8px 20px rgba(232, 65, 68, 0.35);
  transform: translateY(-2px);
}
.sf-blog__pagination {
  margin-top: 40px;
}
.sf-blog__pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.sf-blog__pagination .page-numbers {
  align-items: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #64748b;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  padding: 0 12px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.sf-blog__pagination .page-numbers:hover {
  border-color: rgba(43, 76, 155, 0.3);
  color: #2b4c9b;
}
.sf-blog__pagination .page-numbers.current {
  background: #2b4c9b;
  border-color: #2b4c9b;
  color: #fff;
}
.sf-blog__empty {
  color: #64748b;
  font-size: 15px;
  margin: 40px 0;
  text-align: center;
}
@media (max-width: 991px) {
  .sf-blog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .sf-blog__lead {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .sf-blog__lead-media {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .sf-blog__grid {
    gap: 18px;
    grid-template-columns: 1fr;
  }
  .sf-blog__news {
    align-items: stretch;
    flex-direction: column;
    padding: 26px 20px;
    text-align: center;
  }
  .sf-blog__news-form {
    max-width: none;
  }
}
/* ==========================================================================
   SECTION: 08. SINGLE PROJECT / EDITORIAL LAYOUT (.sf-post__*)
   Medium/Substack-style single article layout shared by single.php (blog
   posts) and single-aigence_project.php: reading container, eyebrow, byline,
   lead, cover, content typography, project facts and gallery. The base
   .sf-post rules live here; the custom overrides merged from style.css that
   refine them sit in SECTION 09 at the very end (after these, so they win).
   ========================================================================== */
.sf-post {
  background: #f8fafc;
  padding-top: 135px;
}
.sf-post .container {
  max-width: 760px;
}
.sf-post__progress {
  background: transparent;
  height: 3px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.admin-bar .sf-post__progress {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .sf-post__progress {
    top: 46px;
  }
}
.sf-post__progress-bar {
  background: linear-gradient(90deg, #2b4c9b, #42bbef);
  display: block;
  height: 100%;
  transition: width 0.1s linear;
  width: 0;
}
.sf-post__head {
  margin-bottom: 28px;
  margin-top: 44px;
  text-align: center;
}
.sf-post__meta {
  align-items: center;
  color: #94a3b8;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 8px;
  justify-content: center;
  margin-bottom: 16px;
}
.sf-post__dot {
  color: #cbd5e1;
}
.sf-post__tag {
  background: rgba(66, 187, 239, 0.12);
  border-radius: 999px;
  color: #2b4c9b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 4px 12px;
  text-decoration: none;
  text-transform: uppercase;
}
.sf-post__title {
  color: #1e293b;
  font-size: clamp(30px, 4.4vw, 46px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 20px;
}
.sf-post__byline {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}
.sf-post__avatar {
  border-radius: 50%;
}
.sf-post__by-name {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
}
.sf-post__cover {
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 36px;
  overflow: hidden;
}
.sf-post__cover-img {
  display: block;
  height: auto;
  width: 100%;
}
.sf-post__content {
  color: #334155;
  font-size: 17px;
  line-height: 1.75;
}
.sf-post__content > * {
  margin: 0 0 1.4em;
}
.sf-post__content h2 {
  color: #1e293b;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.25;
  margin: 1.8em 0 0.6em;
}
.sf-post__content h3 {
  color: #1e293b;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin: 1.6em 0 0.5em;
}
.sf-post__content a {
  color: #2b4c9b;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sf-post__content a:hover {
  color: #42bbef;
}
.sf-post__content ol,
.sf-post__content ul {
  padding-left: 1.4em;
}
.sf-post__content li {
  margin-bottom: 0.5em;
}
.sf-post__content img {
  border-radius: 12px;
  height: auto;
  max-width: 100%;
}
.sf-post__content pre {
  background: #0f172a;
  border-radius: 12px;
  color: #e2e8f0;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
  padding: 20px;
}
.sf-post__content code {
  background: rgba(43, 76, 155, 0.08);
  border-radius: 5px;
  color: #2b4c9b;
  font-size: 0.9em;
  padding: 2px 6px;
}
.sf-post__content pre code {
  background: none;
  color: inherit;
  padding: 0;
}
.sf-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 32px 0;
}
.sf-post__tagchip {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
}
.sf-post__tagchip a {
  color: inherit;
  text-decoration: none;
}
.sf-post__author {
  align-items: flex-start;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
  display: flex;
  gap: 18px;
  margin-top: 40px;
  padding: 26px;
}
.sf-post__author-avatar {
  border-radius: 50%;
  flex-shrink: 0;
}
.sf-post__author-label {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.sf-post__author-name {
  color: #1e293b;
  font-size: 18px;
  font-weight: 700;
  margin: 4px 0 8px;
}
.sf-post__author-bio {
  color: #64748b;
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0;
}
.sf-post__related {
  background: #f8fafc;
}
.sf-post__related-title {
  color: #1e293b;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 28px;
  text-align: center;
}
.sf-post__related-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .sf-post__related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .sf-post__related-grid {
    grid-template-columns: 1fr;
  }
  .sf-post__content {
    font-size: 16px;
  }
}
.sf-post__comments .comments-area {
  max-width: 100%;
}
.sf-post__comments .comments-title {
  color: #1e293b;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 24px;
}
.sf-post__comments .comment-list,
.sf-post__comments .comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-post__comments .comment-list .children {
  border-left: 2px solid rgba(43, 76, 155, 0.1);
  margin-top: 20px;
  padding-left: 28px;
}
@media (max-width: 575px) {
  .sf-post__comments .comment-list .children {
    padding-left: 14px;
  }
}
.sf-post__comments .comment-body {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  margin-bottom: 20px;
  padding: 22px;
  position: relative;
}
.sf-post__comments .comment-author {
  align-items: center;
  display: flex;
  font-style: normal;
  gap: 12px;
}
.sf-post__comments .comment-author .avatar {
  border: 2px solid #f1f5f9;
  border-radius: 50%;
  flex-shrink: 0;
  height: 44px;
  width: 44px;
}
.sf-post__comments .comment-author .fn {
  color: #1e293b;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}
.sf-post__comments .comment-author .fn a {
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
}
.sf-post__comments .comment-author .fn a:hover {
  color: #2b4c9b;
}
.sf-post__comments .comment-author .says {
  display: none;
}
.sf-post__comments .comment-metadata {
  margin-top: 2px;
}
.sf-post__comments .comment-metadata a {
  color: #94a3b8;
  font-size: 13px;
  text-decoration: none;
}
.sf-post__comments .comment-metadata a:hover {
  color: #64748b;
}
.sf-post__comments .comment-content {
  margin-top: 12px;
}
.sf-post__comments .comment-content p {
  color: #334155;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 10px;
}
.sf-post__comments .comment-content p:last-child {
  margin-bottom: 0;
}
.sf-post__comments .comment-reply-link {
  align-items: center;
  background: rgba(43, 76, 155, 0.07);
  border-radius: 20px;
  color: #2b4c9b;
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.sf-post__comments .comment-reply-link:hover {
  background: #2b4c9b;
  box-shadow: 0 6px 14px rgba(43, 76, 155, 0.25);
  color: #fff;
  transform: translateY(-1px);
}
.sf-post__comments .comment-awaiting-moderation {
  color: #e84144;
  display: inline-block;
  font-size: 12.5px;
  font-style: italic;
  margin-top: 8px;
}
.sf-post__comments .comments-pagination {
  margin: 24px 0;
}
.sf-post__comments .comments-pagination .page-numbers {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  color: #64748b;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  min-width: 38px;
  padding: 0 10px;
  text-decoration: none;
}
.sf-post__comments .comments-pagination .page-numbers.current {
  background: #2b4c9b;
  border-color: #2b4c9b;
  color: #fff;
}
.sf-post__comments .comment-respond {
  background: #f8fafc;
  border: 1px solid rgba(43, 76, 155, 0.12);
  border-radius: 18px;
  margin-top: 36px;
  padding: 24px;
}
.sf-post__comments .comment .comment-respond {
  margin-top: 20px;
}
.sf-post__comments .comment-reply-title {
  align-items: center;
  color: #1e293b;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  gap: 10px;
  margin: 0 0 6px;
}
.sf-post__comments .comment-reply-title:before {
  background: linear-gradient(135deg, #e84144, #2b4c9b);
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}
.sf-post__comments .comment-reply-title small {
  font-weight: 500;
}
.sf-post__comments .comment-reply-title small a {
  color: #2b4c9b;
  text-decoration: none;
}
.sf-post__comments .comment-notes {
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 16px;
}
.sf-post__comments .comment-notes a {
  color: #2b4c9b;
  text-decoration: none;
}
.sf-post__comments #comment,
.sf-post__comments .comment-form input[type="email"],
.sf-post__comments .comment-form input[type="text"],
.sf-post__comments .comment-form input[type="url"] {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  color: #1e293b;
  font-size: 14px;
  outline: none;
  padding: 14px 16px;
  transition: all 0.2s ease;
  width: 100%;
}
.sf-post__comments #comment {
  min-height: 130px;
  resize: vertical;
}
.sf-post__comments #comment:focus,
.sf-post__comments .comment-form input[type="email"]:focus,
.sf-post__comments .comment-form input[type="text"]:focus,
.sf-post__comments .comment-form input[type="url"]:focus {
  border-color: #2b4c9b;
  box-shadow: 0 0 0 3px rgba(66, 187, 239, 0.18);
}
.sf-post__comments .comment-form p {
  margin: 0 0 16px;
}
.sf-post__comments .comment-form label {
  color: #475569;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.sf-post__comments .comment-form-cookies-consent {
  align-items: center;
  display: flex;
  gap: 8px;
}
.sf-post__comments .comment-form-cookies-consent label {
  color: #64748b;
  font-weight: 500;
  margin: 0;
}
.sf-contact {
  background: #f8fafc;
  padding: 46px 0;
}
.sf-contact__grid {
  align-items: start;
  display: grid;
  gap: 48px;
}
.sf-contact__eyebrow {
  align-items: center;
  background: rgba(66, 187, 239, 0.1);
  border: 1px solid rgba(66, 187, 239, 0.28);
  border-radius: 999px;
  color: #2b4c9b;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 9px;
  letter-spacing: 0.06em;
  margin-bottom: 18px;
  padding: 7px 15px;
  text-transform: uppercase;
}
.sf-contact__dot {
  background: #e84144;
  border-radius: 50%;
  height: 8px;
  position: relative;
  width: 8px;
}
.sf-contact__dot:after {
  animation: sf-contact-pulse 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
  background: inherit;
  border-radius: 50%;
  content: "";
  inset: 0;
  position: absolute;
}
@keyframes sf-contact-pulse {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(2.8);
  }
  to {
    opacity: 0;
    transform: scale(2.8);
  }
}
.sf-contact__title {
  color: #0f172a;
  font-size: clamp(28px, 3.6vw, 40px);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.12;
  margin: 0 0 16px;
}
.sf-contact__lead {
  color: #475569;
  font-size: 16.5px;
  line-height: 1.7;
  margin: 0 0 32px;
  max-width: 46ch;
}
.sf-contact__slas {
  display: grid;
  gap: 18px;
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}
.sf-contact__sla {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.sf-contact__sla-ic {
  align-items: center;
  background: linear-gradient(135deg, #2b4c9b, #42bbef);
  border-radius: 13px;
  box-shadow: 0 8px 18px rgba(43, 76, 155, 0.24);
  color: #fff;
  display: inline-flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}
.sf-contact__sla-ic svg {
  height: 22px;
  width: 22px;
}
.sf-contact__sla-body {
  color: #64748b;
  font-size: 14.5px;
  line-height: 1.6;
}
.sf-contact__sla-body strong {
  color: #0f172a;
  display: block;
  font-size: 15.5px;
  font-weight: 700;
  margin-bottom: 3px;
}
.sf-contact__channels {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.sf-contact__channel {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  color: #0f172a;
  display: inline-flex;
  font-size: 14.5px;
  font-weight: 600;
  gap: 10px;
  padding: 12px 18px;
  text-decoration: none;
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-contact__channel:hover {
  border-color: rgba(66, 187, 239, 0.5);
  color: #2b4c9b;
  transform: translateY(-2px);
}
.sf-contact__channel-ic {
  color: #42bbef;
  display: inline-flex;
  font-size: 18px;
}
.sf-contact__form-wrap {
  position: relative;
}
.sf-contact__card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 26px;
  box-shadow:
    0 30px 70px rgba(15, 23, 42, 0.1),
    0 4px 16px rgba(15, 23, 42, 0.04);
  padding: 40px 36px;
  position: relative;
}
@media (min-width: 992px) {
  .sf-contact__form-wrap {
    margin-top: -25px;
  }
}
.sf-contact__card-title {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.sf-contact__card-sub {
  color: #64748b;
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0 0 24px;
}
.sf-field {
  margin-bottom: 18px;
}
.sf-field__label {
  color: #334155;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-bottom: 7px;
}
.sf-field__input {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 12px;
  color: #0f172a;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.4;
  padding: 13px 15px;
  transition:
    border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.25s;
  width: 100%;
}
.sf-field__input::placeholder {
  color: #94a3b8;
}
.sf-field__input:focus {
  background: #fff;
  border-color: #42bbef;
  box-shadow: 0 0 0 4px rgba(66, 187, 239, 0.14);
  outline: none;
}
.sf-field__textarea {
  min-height: 108px;
  resize: vertical;
}
.sf-field__select {
  position: relative;
}
.sf-field__select:after {
  border-bottom: 2px solid #64748b;
  border-right: 2px solid #64748b;
  content: "";
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  width: 9px;
}
.sf-field__select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 40px;
}
.sf-contact__submit {
  align-items: center;
  background: linear-gradient(120deg, #e84144, #2b4c9b);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(43, 76, 155, 0.28);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 15.5px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  margin-top: 6px;
  padding: 15px 24px;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.sf-contact__submit svg {
  height: 19px;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 19px;
}
.sf-contact__submit:hover {
  box-shadow: 0 20px 42px rgba(43, 76, 155, 0.34);
  transform: translateY(-3px);
}
.sf-contact__submit:hover svg {
  transform: translateX(4px);
}
.sf-contact__legal {
  color: #94a3b8;
  font-size: 12.5px;
  margin: 14px 0 0;
  text-align: center;
}
.sf-contact__card .servsoft-form-notice {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .sf-contact__grid {
    gap: 36px;
    grid-template-columns: 1fr;
  }
  .sf-contact__form-wrap {
    margin-top: 0;
  }
  .sf-contact__lead {
    max-width: none;
  }
}
@media (max-width: 575px) {
  .sf-contact__card {
    padding: 28px 22px;
  }
  .sf-contact__sla-ic {
    height: 40px;
    width: 40px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-contact__dot:after {
    animation: none;
  }
  .sf-contact__channel,
  .sf-contact__submit,
  .sf-contact__submit svg {
    transition: none;
  }
}
.sf-hero-bento {
  --sf-primary: #2b4c9b;
  --sf-sky: #42bbef;
  --sf-coral: #e84144;
  --sf-ink: #0f172a;
  --sf-muted: #64748b;
  --sf-line: rgba(15, 23, 42, 0.08);
  --sf-ease: cubic-bezier(0.16, 1, 0.3, 1);
  color: var(--sf-ink);
  font-family:
    Plus Jakarta Sans,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    sans-serif;
  margin: 0 auto;
  max-width: 100%;
  padding: 8px 0;
  -webkit-font-smoothing: antialiased;
}
.sf-hero-bento * {
  box-sizing: border-box;
}
.sf-hero-bento__grid {
  align-items: stretch;
  display: grid;
  gap: 24px;
  grid-template-columns: 1.4fr 1fr;
}
.sf-hero-bento__eyebrow {
  align-items: center;
  background: rgba(66, 187, 239, 0.1);
  border: 1px solid rgba(66, 187, 239, 0.28);
  border-radius: 999px;
  color: var(--sf-primary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 9px;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
  padding: 7px 15px;
  text-transform: uppercase;
}
.sf-hero-bento__title {
  color: var(--sf-ink);
  font-size: clamp(32px, 4.4vw, 52px);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.08;
  margin: 0 0 20px;
}
.sf-hero-bento__grad {
  background: linear-gradient(100deg, var(--sf-primary) 0, var(--sf-sky) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sf-hero-bento__lead {
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 16px;
  max-width: 60ch;
}
.sf-hero-bento__sub {
  color: var(--sf-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 24px;
  max-width: 58ch;
}
.sf-hero-bento__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.sf-hero-bento__live {
  align-items: center;
  background: #fff;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  color: var(--sf-ink);
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 9px;
  padding: 8px 16px;
}
.sf-hero-bento__dot {
  background: var(--sf-coral);
  border-radius: 50%;
  flex-shrink: 0;
  height: 9px;
  position: relative;
  width: 9px;
}
.sf-hero-bento__dot--sm {
  background: #22c55e;
  height: 8px;
  width: 8px;
}
.sf-hero-bento__dot:after {
  animation: sf-hero-pulse 1.8s var(--sf-ease) infinite;
  background: inherit;
  border-radius: 50%;
  content: "";
  inset: 0;
  position: absolute;
}
@keyframes sf-hero-pulse {
  0% {
    opacity: 0.65;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(2.8);
  }
  to {
    opacity: 0;
    transform: scale(2.8);
  }
}
.sf-hero-bento__side {
  display: grid;
  gap: 24px;
  grid-template-rows: 1fr 1fr;
}
.sf-hero-bento__card {
  background:
    radial-gradient(
      130% 130% at 100% 0,
      rgba(66, 187, 239, 0.07),
      hsla(0, 0%, 100%, 0) 55%
    ),
    #fff;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 26px;
  transition:
    transform 0.45s var(--sf-ease),
    box-shadow 0.45s var(--sf-ease),
    border-color 0.45s var(--sf-ease);
}
.sf-hero-bento__card:hover {
  border-color: rgba(66, 187, 239, 0.5);
  box-shadow: 0 22px 46px rgba(43, 76, 155, 0.14);
  transform: translateY(-6px);
}
.sf-hero-bento__card--accent {
  background:
    radial-gradient(
      130% 140% at 0 100%,
      rgba(232, 65, 68, 0.1),
      hsla(0, 0%, 100%, 0) 55%
    ),
    linear-gradient(135deg, #f8fbff, #fff 65%);
}
.sf-hero-bento__card-tag {
  align-self: flex-start;
  background: rgba(43, 76, 155, 0.07);
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-primary);
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  padding: 5px 12px;
  text-transform: uppercase;
}
.sf-hero-bento__card--accent .sf-hero-bento__card-tag {
  background: rgba(232, 65, 68, 0.08);
  border-color: rgba(232, 65, 68, 0.2);
  color: var(--sf-coral);
}
.sf-hero-bento__card-text {
  color: var(--sf-muted);
  font-size: 14.5px;
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 900px) {
  .sf-hero-bento__grid {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .sf-hero-bento__side {
    grid-template-rows: auto auto;
  }
}
@media (max-width: 520px) {
  .sf-hero-bento {
    padding: 4px 16px;
  }
  .sf-hero-bento__card {
    padding: 24px 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-hero-bento__dot:after {
    animation: none;
  }
  .sf-hero-bento__card {
    transition: none;
  }
}
.service-sidebar__nav li.active a {
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
  color: var(--servsoft-black, #0d1a42);
}
.service-sidebar__nav li.active a:before {
  left: 0;
  width: 100%;
}
.service-sidebar__nav li.active a:after {
  color: var(--servsoft-base, #e84144);
}
.service-details__image {
  margin-bottom: 30px;
}
.service-details__image img {
  border-radius: 20px;
  height: auto;
  width: 100%;
}
.service-details__title {
  margin: 0 0 20px;
}

/* ==========================================================================
   SECTION: 09. CONSOLIDATED OVERRIDES (from style.css, v2.3.5)
   The theme's hand-authored overrides and custom component classes that were
   previously served by the separate style.css enqueue: WP integration
   helpers, Font Awesome icon-font fallbacks, form notices, and the .sf-*
   editorial layer. Kept LAST (after the baseline rules above) so the
   cascade/override order is unchanged; style.css is now dequeued on the
   front end (only this bundle loads) but keeps its WordPress theme header.
   ========================================================================== */

/* WordPress integration helpers. */
.admin-bar .sticky-header--cloned { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .sticky-header--cloned { top: 0px; } }
.custom-logo-link img { max-height: 64px; width: auto; }
.main-menu__list .sub-menu { margin: 0; }
.current-menu-item > a, .current_page_item > a { color: var(--servsoft-base, inherit); }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Compatibility fallback: placeholder icon-font binaries mapped to Font Awesome Free. */
.icon-ai-chip::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f2db"!important}
.icon-ai-connectivity::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f6ff"!important}
.icon-ai-face::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f544"!important}
.icon-ai-network::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f542"!important}
.icon-cross-platform::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f3cd"!important}
.icon-effectiveness::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f201"!important}
.icon-portfolio::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f0b1"!important}
.icon-light::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f0eb"!important}
.icon-bubble-chat::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f086"!important}
.icon-check::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f00c"!important}
.icon-clock::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f017"!important}
.icon-close::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f00d"!important}
.icon-email::before,.icon-email-2::before,.icon-email-3::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f0e0"!important}
.icon-location::before,.icon-location-2::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f3c5"!important}
.icon-phone::before,.icon-phone-2::before,.icon-phone-3::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f095"!important}
.icon-left-arrow::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f060"!important}
.icon-right-arrow::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f061"!important}
.icon-search::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f002"!important}
.icon-user-2::before,.icon-user-3::before{font-family:"Font Awesome 6 Free"!important;font-weight:900;content:"\f007"!important}
.icon-facebook::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\f39e"!important}
.icon-twitter-x::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\e61f"!important}
.icon-pinterest::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\f0d2"!important}
.icon-youtube::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\f167"!important}
.icon-google-play::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\f3ab"!important}
.icon-apple-store::before{font-family:"Font Awesome 6 Brands"!important;font-weight:400;content:"\f179"!important}

/* CMS admin/frontend compatibility */
.servsoft-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.servsoft-form-notice{padding:14px 18px;margin-bottom:20px;border-radius:8px;background:#eef7ef;color:#245c2a;}
.servsoft-form-notice--error{background:#fff0f0;color:#8b2323;}

/* Single post / project — Medium / Substack-style editorial layout. */
.sf-post .container{ max-width:760px; margin:0 auto; padding:40px 20px; }
.sf-post__head{ text-align:left; margin-top:0; margin-bottom:0; }
.sf-post__eyebrow{ display:inline-block; font-size:14px; font-weight:600; color:#2563eb; text-decoration:none; text-transform:none; letter-spacing:0; margin-bottom:0; }
.sf-post__eyebrow:hover{text-decoration:underline;}
.sf-post__title{ font-size:clamp(28px,4vw,42px); line-height:1.25; font-weight:800; color:#0f172a; margin:16px 0 24px; }
.sf-post__byline{ display:flex; align-items:center; gap:14px; margin-bottom:32px; }
.sf-post__avatar{ width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.sf-post__byline-stack{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.sf-post__by-name{ display:inline-flex; align-items:center; gap:10px; color:#0f172a; font-size:15px; font-weight:600; }
.sf-post__follow{ font-size:12px; font-weight:600; color:#2563eb; border:1px solid #cbd5e1; border-radius:4px; padding:2px 8px; text-decoration:none; line-height:1.4; }
.sf-post__follow:hover{border-color:#2563eb;}
.sf-post__byline-meta{ color:#64748b; font-size:13px; }
.sf-post__lead{ font-size:18px; line-height:1.7; color:#475569; margin:0 0 30px; }
.sf-post__cover{ width:100%; border-radius:12px; overflow:hidden; box-shadow:none; margin:0 0 36px 0; }
.sf-post__cover-img{ width:100%; height:auto; max-height:480px; object-fit:cover; display:block; }
.sf-post__content{ color:#334155; font-size:17px; line-height:1.75; }
.sf-post__content h2, .sf-post__content h3{ font-weight:700; color:#0f172a; margin:36px 0 16px; }
.sf-post__content ol, .sf-post__content ul{ margin-bottom:24px; line-height:1.7; }
.sf-post__facts{ margin:36px 0; padding:24px 28px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; }
.sf-post__fact{ display:flex; flex-wrap:wrap; gap:2px 10px; padding:12px 0; border-bottom:1px solid #e2e8f0; }
.sf-post__fact:first-child{padding-top:0;}
.sf-post__fact-label{ color:#0f172a; font-weight:600; font-size:14px; min-width:110px; }
.sf-post__fact-value{ color:#64748b; font-size:14px; }
.sf-post__fact-cta{margin:18px 0 0;}
.sf-post__gallery{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:36px 0 0; }
.sf-post__gallery-img{ width:100%; height:100%; object-fit:cover; border-radius:12px; display:block; }
@media (max-width:575.98px){ .sf-post__gallery{grid-template-columns:1fr;} }

/* --------------------------------------------------------------------------
   SINGLE PROJECT — "All Projects" sidebar (.project-sidebar) + 2-col context.
   Mirrors the service sidebar structure; active state uses #1e60d5 per spec.
   Also neutralises the base .sf-post page-background/top-padding now that the
   project article is nested inside the col-lg-8 main column.
   -------------------------------------------------------------------------- */
/* The project article is no longer a full-page single; strip the page chrome. */
.service-details .sf-post--project{ background:transparent; padding-top:0; }

.project-sidebar__single + .project-sidebar__single{ margin-top:30px; }
.project-sidebar__pages__title{
background: linear-gradient(90deg, #e84144, #2b4c9b);
  border-radius:20px 20px 0 0;
  color:#fff;
  font-size:24px;
  font-weight:800;
  line-height:1.5;
  margin:0;
  padding:20px 30px 21px;
  text-transform:capitalize;
}
.project-sidebar__pages__list{
  border:1px solid var(--servsoft-border-color,#e6eaff);
  border-radius:0 0 20px 20px;
  border-top:none;
  padding:40px 30px;
}
/* Sticky card so the project list follows the reader on desktop. */
.project-sidebar{ position:sticky; top:100px; }
.project-sidebar__nav{ margin:0; }
.project-sidebar__nav li + li{ margin-top:10px; }
.project-sidebar__nav li a{
background-color: var(--servsoft-white, #fff);
    border: 1px solid var(--servsoft-border-color, #e6eaff);
    border-radius: 10px;
    color: var(--servsoft-black, #0d1a42);
    display: block;
    font-size: 16px;
    line-height: 1.625;
    overflow: hidden;
    padding: 13px 55px 13px 30px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.5s ease;
    z-index: 1;
}
.project-sidebar__nav li a:before{
    background-color: var(--servsoft-border-color, #e6eaff);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease;
    width: 0;
    z-index: -1;
}
.project-sidebar__nav__arrow{
  align-items:center;
  color:var(--servsoft-black,#0d1a42);
  display:inline-flex;
  justify-content:center;
  line-height:0;
  position:absolute;
  right:30px;
  top:50%;
  transform:translateY(-50%);
  transition:all 0.4s ease;
}
.project-sidebar__nav__arrow svg{ display:block; height:14px; width:14px; }
/* Hover: fill with the border tint and lift. Active/current: solid #1e60d5. */
.project-sidebar__nav li:hover a{
      box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 30px 0px;
    color: var(--servsoft-black, #0d1a42);
}
.project-sidebar__nav li:hover a:before{ left:0; width:100%; background-color:var(--servsoft-border-color,#e6eaff); }
.project-sidebar__nav li:hover a .project-sidebar__nav__arrow{ color:#1e60d5; }
.project-sidebar__nav li.active a,
.project-sidebar__nav li.current a,
.project-sidebar__nav li.current-menu-item a{
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    color: var(--servsoft-black, #0d1a42);
}
.project-sidebar__nav li.active a:before,
.project-sidebar__nav li.current a:before,
.project-sidebar__nav li.current-menu-item a:before{ width:100%; }
.project-sidebar__nav li.active a .project-sidebar__nav__arrow,
.project-sidebar__nav li.current a .project-sidebar__nav__arrow,
.project-sidebar__nav li.current-menu-item a .project-sidebar__nav__arrow{ color: var(--servsoft-base, #e84144); }
@media (max-width:991px){
  .project-sidebar{ position:static; top:auto; margin-bottom:40px; }
}
/* ==== end consolidated style.css ==== */















































































































/* ==== BEGIN servsoft-enterprise-form (merged) ==== */
.sf-contact__card:has(.sf-eform){background:#0f172a;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 24px 60px -24px rgba(13,26,66,.65)}.sf-eform{--sf-eform-primary:var(--servsoft-primary,var(--sf-primary,#2b4c9b));--sf-eform-primary-dark:var(--sf-ink,#0d1a42);--sf-eform-accent:var(--sf-sky,#42bbef);--sf-eform-surface:#0f172a;--sf-eform-surface-border:hsla(0,0%,100%,.08);--sf-eform-line:#334155;--sf-eform-text:#f1f5f9;--sf-eform-placeholder:#64748b;--sf-eform-muted:var(--sf-muted,#94a3b8);color:var(--sf-eform-text);font-family:inherit}.sf-eform__row{display:grid;gap:28px;grid-template-columns:1fr 1fr}.sf-eform__row--3{grid-template-columns:repeat(3,1fr)}.sf-eform__field{margin-bottom:26px;position:relative}.sf-eform__label{color:var(--sf-eform-muted);display:block;font-size:13px;font-weight:500;letter-spacing:.02em;margin-bottom:8px;transition:color .25s var(--sf-ease,ease)}.sf-eform__field:focus-within .sf-eform__label{color:var(--sf-eform-primary)}.sf-eform__req{color:var(--sf-eform-primary);margin-left:2px}.sf-eform__control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;border-bottom:1.5px solid var(--sf-eform-line);border-radius:0;color:var(--sf-eform-text);font-size:15px;font-weight:500;line-height:1.5;padding:10px 0;transition:border-color .25s var(--sf-ease,ease),box-shadow .25s var(--sf-ease,ease);width:100%}.sf-eform__control::placeholder{color:var(--sf-eform-placeholder);font-weight:400;opacity:1}.sf-eform__control:focus,.sf-eform__control:focus-within{border-bottom-color:var(--sf-eform-primary);box-shadow:0 1.5px 0 0 var(--sf-eform-primary);outline:none}.sf-eform__control:-webkit-autofill,.sf-eform__control:-webkit-autofill:focus{-webkit-text-fill-color:var(--sf-eform-text);transition:background-color 9999s ease-in-out 0s}textarea.sf-eform__control{min-height:120px;resize:vertical}.sf-eform__select-wrap{position:relative}select.sf-eform__control{cursor:pointer;padding-right:28px}select.sf-eform__control option{background:#fff;color:#0f172a}.sf-eform__select-wrap:after{border-bottom:2px solid var(--sf-eform-muted);border-right:2px solid var(--sf-eform-muted);content:"";height:9px;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-70%) rotate(45deg);transition:border-color .25s var(--sf-ease,ease);width:9px}.sf-eform__select-wrap:focus-within:after{border-color:var(--sf-eform-primary)}.sf-eform__counter{color:var(--sf-eform-muted);display:block;font-size:12px;font-variant-numeric:tabular-nums;margin-top:6px;text-align:right}.sf-eform__counter.is-limit{color:var(--sf-eform-primary)}.sf-eform__check{align-items:flex-start;color:var(--sf-eform-muted);cursor:pointer;display:flex;font-size:13.5px;gap:12px;line-height:1.5;margin-bottom:16px}.sf-eform__check input{height:0;opacity:0;position:absolute;width:0}.sf-eform__check-box{background:transparent;border:1.5px solid var(--sf-eform-line);border-radius:5px;flex:0 0 auto;height:20px;margin-top:1px;position:relative;transition:border-color .2s ease,background .2s ease;width:20px}.sf-eform__check-box:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:transform .15s ease;width:5px}.sf-eform__check input:checked~.sf-eform__check-box{background:var(--sf-eform-primary);border-color:var(--sf-eform-primary)}.sf-eform__check input:checked~.sf-eform__check-box:after{transform:rotate(45deg) scale(1)}.sf-eform__check input:focus-visible~.sf-eform__check-box{box-shadow:0 0 0 3px rgba(43,76,155,.35)}.sf-eform__submit{align-items:center;background-image:linear-gradient(135deg,var(--sf-eform-primary) 0,var(--sf-eform-accent) 100%);border:0;border-radius:999px;box-shadow:0 6px 18px -6px rgba(43,76,155,.6);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;margin-top:8px;padding:14px 30px;transition:transform .18s var(--sf-ease,ease),box-shadow .18s var(--sf-ease,ease),opacity .2s ease}.sf-eform__submit:hover{box-shadow:0 10px 26px -6px rgba(43,76,155,.75);transform:translateY(-2px)}.sf-eform__submit:active{transform:translateY(0)}.sf-eform__submit svg{height:18px;width:18px}.sf-eform.is-submitting .sf-eform__submit,.sf-eform__submit:disabled{box-shadow:none;cursor:wait;opacity:.65;pointer-events:none;transform:none}.sf-contact__card .servsoft-form-notice{animation:sf-toast-in .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)) both;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:rgba(15,23,42,.72);border:1px solid hsla(0,0%,100%,.14);border-left:3px solid var(--sf-eform-accent,#42bbef);border-radius:14px;bottom:clamp(16px,4vw,32px);box-shadow:0 16px 40px -12px rgba(2,6,23,.65);color:#e2e8f0;font-size:14px;line-height:1.5;margin:0;max-width:min(380px,calc(100vw - 32px));overflow:hidden;padding:16px 20px 18px;position:fixed;right:clamp(16px,4vw,32px);z-index:9999}.sf-contact__card .servsoft-form-notice--error{border-left-color:#f87171;color:#fecaca}.sf-contact__card .servsoft-form-notice.is-hiding{animation:sf-toast-out .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)) both}.sf-contact__card .servsoft-form-notice__bar{animation:sf-toast-progress var(--sf-toast-duration,3s) linear both;background:var(--sf-eform-accent,#42bbef);bottom:0;height:3px;left:0;opacity:.85;position:absolute;transform-origin:left center;width:100%}.sf-contact__card .servsoft-form-notice--error .servsoft-form-notice__bar{background:#f87171}@keyframes sf-toast-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sf-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes sf-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.sf-contact__card .servsoft-form-notice{animation:sf-toast-fade .2s ease both}.sf-contact__card .servsoft-form-notice.is-hiding{animation:sf-toast-fade-out .2s ease both}@keyframes sf-toast-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-toast-fade-out{0%{opacity:1}to{opacity:0}}}@media (max-width:860px){.sf-eform__row--3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sf-eform__row,.sf-eform__row--3{gap:0;grid-template-columns:1fr}}
/* ==== END servsoft-enterprise-form (merged) ==== */
/* ==== BEGIN servsoft-footer-bar (merged) ==== */
.sf-foot-bar{--sf-foot-primary:var(--servsoft-primary,var(--sf-primary,#2b4c9b));--sf-foot-muted:var(--sf-muted,#94a3b8);--sf-foot-surface:#0b1120;--sf-foot-pill:hsla(0,0%,100%,.04);--sf-foot-border:hsla(0,0%,100%,.08);align-items:center;display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:space-between}.main-footer__bottom{background:#0b1120;border-top:1px solid hsla(0,0%,100%,.08)}.sf-foot-bar__social{align-items:center;display:flex;gap:10px;margin:0;padding:0}.sf-foot-bar__social li{list-style:none;margin:0;padding:0}.sf-foot-bar__social-link{align-items:center;background:var(--sf-foot-pill);border:1px solid var(--sf-foot-border);border-radius:10px;color:var(--sf-foot-muted);display:inline-flex;height:38px;justify-content:center;transition:color .25s var(--sf-ease,ease),border-color .25s var(--sf-ease,ease),background .25s var(--sf-ease,ease),transform .2s var(--sf-ease,ease),box-shadow .25s var(--sf-ease,ease);width:38px}.sf-foot-bar__social-link:focus-visible,.sf-foot-bar__social-link:hover{background:var(--sf-foot-primary);border-color:var(--sf-foot-primary);box-shadow:0 8px 18px -6px rgba(43,76,155,.6);color:#fff;outline:none;transform:translateY(-2px)}.sf-foot-bar__social-ic{display:block}.sf-foot-bar__legal{gap:18px;justify-content:flex-end}.sf-foot-bar__legal,.sf-foot-bar__links{align-items:center;display:flex;flex-wrap:wrap}.sf-foot-bar__links{gap:8px 18px}.sf-foot-bar__link{color:var(--sf-foot-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .25s var(--sf-ease,ease)}.sf-foot-bar__link:focus-visible,.sf-foot-bar__link:hover{color:var(--sf-foot-primary)}.sf-foot-bar__divider{background:var(--sf-foot-border);height:18px;width:1px}.sf-foot-bar__copyright{color:var(--sf-foot-muted);font-size:14px;font-weight:500;margin:0}@media (max-width:767px){.sf-foot-bar{flex-direction:column;gap:18px;text-align:center}.sf-foot-bar,.sf-foot-bar__legal,.sf-foot-bar__social{justify-content:center}.sf-foot-bar__legal{flex-direction:column;gap:12px}.sf-foot-bar__links{justify-content:center}.sf-foot-bar__divider{display:none}}
/* ==== END servsoft-footer-bar (merged) ==== */
/* ==== BEGIN servsoft-services-carousel-fix (merged) ==== */
.services-three{max-width:100%;overflow-x:clip}body{overflow-x:hidden}.services-three__carousel .owl-stage-outer{padding-bottom:25px}
/* ==== END servsoft-services-carousel-fix (merged) ==== */
/* ==== BEGIN servsoft-contact-intro (merged) ==== */
.sf-intro{--sf-intro-green:#10b981;--sf-intro-sky:#38bdf8;--sf-intro-surface:#0f172a;--sf-intro-surface-2:#0b1120;--sf-intro-border:hsla(0,0%,100%,.08);--sf-intro-text:#e2e8f0;--sf-intro-muted:#94a3b8;--sf-intro-ease:var(--sf-ease,cubic-bezier(0.16,1,0.3,1));background:var(--sf-intro-surface);border:1px solid var(--sf-intro-border);border-radius:20px;color:var(--sf-intro-text);padding:36px}.sf-intro__badge{align-items:center;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:999px;color:var(--sf-intro-green);display:inline-flex;font-size:12px;font-weight:700;gap:10px;letter-spacing:.08em;padding:7px 14px;text-transform:uppercase}.sf-intro__dot{flex:0 0 auto;height:8px;position:relative;width:8px}.sf-intro__dot,.sf-intro__dot:after{background:var(--sf-intro-green);border-radius:50%}.sf-intro__dot:after{animation:sf-intro-pulse 1.8s var(--sf-intro-ease) infinite;content:"";inset:0;position:absolute}@keyframes sf-intro-pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(3)}}.sf-intro__title{color:#f8fafc;font-size:clamp(27px,3.4vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.14;margin:20px 0 14px}.sf-intro__accent{background:linear-gradient(90deg,var(--sf-intro-green) 0,var(--sf-intro-sky) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.sf-intro__lead{color:var(--sf-intro-muted);font-size:15.5px;line-height:1.65;margin:0 0 28px;max-width:46ch}.sf-intro__cards{display:grid;gap:14px;list-style:none;margin:0 0 28px;padding:0}.sf-intro__card{align-items:flex-start;background:var(--sf-intro-surface-2);border:1px solid var(--sf-intro-border);border-radius:14px;display:flex;gap:14px;padding:16px 18px;transition:border-color .25s var(--sf-intro-ease),transform .2s var(--sf-intro-ease)}.sf-intro__card:hover{border-color:rgba(16,185,129,.45);transform:translateY(-2px)}.sf-intro__card-ic{align-items:center;background:rgba(16,185,129,.12);border-radius:11px;color:var(--sf-intro-green);display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.sf-intro__card-ic svg{height:20px;width:20px}.sf-intro__card-body{display:flex;flex-direction:column;gap:3px}.sf-intro__card-title{color:#f1f5f9;font-size:15px;font-weight:700}.sf-intro__card-desc{color:var(--sf-intro-muted);font-size:13.5px;line-height:1.55}.sf-intro__chips{display:flex;flex-wrap:wrap;gap:12px}.sf-intro__chip{align-items:center;background:var(--sf-intro-surface-2);border:1px solid var(--sf-intro-border);border-radius:999px;color:var(--sf-intro-text);display:inline-flex;font-size:14.5px;font-weight:600;gap:10px;padding:11px 18px;text-decoration:none;transition:border-color .25s var(--sf-intro-ease),color .25s var(--sf-intro-ease),transform .2s var(--sf-intro-ease),box-shadow .25s var(--sf-intro-ease)}.sf-intro__chip:focus-visible,.sf-intro__chip:hover{border-color:var(--sf-intro-green);box-shadow:0 10px 22px -10px rgba(16,185,129,.55);color:#fff;outline:none;transform:translateY(-2px)}.sf-intro__chip-ic{color:var(--sf-intro-green);display:inline-flex}.sf-intro__chip-ic svg{height:18px;width:18px}@media (max-width:575px){.sf-intro{padding:26px 22px}}
/* ==== END servsoft-contact-intro (merged) ==== */
/* ==== BEGIN servsoft-tcs-cards (merged) ==== */
.sf-tcs{position:relative}.sf-tcs__header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:34px}.sf-tcs__title{margin:0}.sf-tcs__nav{align-items:center;display:flex;flex:0 0 auto;gap:18px}.sf-tcs__arrow{align-items:center;background:transparent;border:0;color:var(--servsoft-black,#0d1a42);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:color .25s var(--sf-ease,ease),transform .2s var(--sf-ease,ease);width:34px}.sf-tcs__arrow svg{height:26px;width:26px}.sf-tcs__arrow:focus-visible,.sf-tcs__arrow:hover{color:var(--sf-sky,#42bbef);outline:none}.sf-tcs__arrow--prev:hover{transform:translateX(-2px)}.sf-tcs__arrow--next:hover{transform:translateX(2px)}.sf-tcs__arrow.swiper-button-disabled{opacity:.35;pointer-events:none}.sf-tcs-card{background:var(--servsoft-black,#0d1a42);border-radius:14px;display:block;height:480px;isolation:isolate;overflow:hidden;position:relative;text-decoration:none}.sf-tcs-card__img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .6s var(--sf-ease,ease);width:100%;z-index:0}.sf-tcs-card:focus-visible .sf-tcs-card__img,.sf-tcs-card:hover .sf-tcs-card__img{transform:scale(1.06)}.sf-tcs-card__overlay{background:linear-gradient(to bottom,rgba(var(--servsoft-black-rgb,13,26,66),0) 30%,rgba(var(--servsoft-black-rgb,13,26,66),.95) 100%);inset:0;position:absolute;z-index:1}.sf-tcs-card__body{display:flex;flex-direction:column;gap:10px;inset:auto 0 0 0;padding:26px;position:absolute;z-index:2}.sf-tcs-card__title{color:var(--servsoft-white,#fff);font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.26;margin:0}.sf-tcs-card__desc{color:rgba(var(--servsoft-white-rgb,255,255,255),.75);display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.55;margin:0;-webkit-box-orient:vertical;overflow:hidden}.sf-tcs-card__more{align-items:center;color:var(--servsoft-white,#fff);display:inline-flex;font-size:12.5px;font-weight:700;gap:9px;letter-spacing:.1em;margin-top:4px;text-transform:uppercase;transition:gap .25s var(--sf-ease,ease)}.sf-tcs-card__more-ic{color:var(--sf-sky,#42bbef);flex:0 0 auto;height:17px;width:17px}.sf-tcs-card:focus-visible .sf-tcs-card__more,.sf-tcs-card:hover .sf-tcs-card__more{gap:15px}@media (max-width:760px){.sf-tcs-card{height:420px}.sf-tcs__header{margin-bottom:24px}.sf-tcs__carousel .swiper-slide{margin-right:0!important;width:100%!important}.sf-tcs__carousel{padding-bottom:4px}}
/* ==== END servsoft-tcs-cards (merged) ==== */
/* ==== BEGIN servsoft-service-request (merged) ==== */
.sf-srf{background:rgba(var(--servsoft-black-rgb,13,26,66),1);border:1px solid rgba(var(--servsoft-white-rgb,255,255,255),.08);border-radius:18px;box-shadow:0 24px 60px -24px rgba(var(--servsoft-black-rgb,13,26,66),.65);margin:0 auto;max-width:720px;padding:36px}.sf-srf__heading{color:var(--servsoft-white,#fff);font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.sf-srf__heading+.servsoft-form-notice{margin-top:18px}.sf-srf .servsoft-form-notice{animation:sf-toast-in .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)) both;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:rgba(var(--servsoft-black-rgb,13,26,66),.72);border:1px solid rgba(var(--servsoft-white-rgb,255,255,255),.14);border-left:3px solid var(--sf-sky,#42bbef);border-radius:14px;bottom:clamp(16px,4vw,32px);box-shadow:0 16px 40px -12px rgba(var(--servsoft-black-rgb,13,26,66),.7);color:var(--servsoft-white,#fff);font-size:14px;line-height:1.5;margin:0;max-width:min(380px,calc(100vw - 32px));overflow:hidden;padding:16px 20px 18px;position:fixed;right:clamp(16px,4vw,32px);z-index:9999}.sf-srf .servsoft-form-notice--error{border-left-color:rgba(var(--servsoft-base-rgb,232,65,68),1);color:#fecaca}.sf-srf .servsoft-form-notice.is-hiding{animation:sf-toast-out .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)) both}.sf-srf .servsoft-form-notice__bar{animation:sf-toast-progress var(--sf-toast-duration,3s) linear both;background:var(--sf-sky,#42bbef);bottom:0;height:3px;left:0;opacity:.85;position:absolute;transform-origin:left center;width:100%}.sf-srf .servsoft-form-notice--error .servsoft-form-notice__bar{background:rgba(var(--servsoft-base-rgb,232,65,68),1)}@keyframes sf-toast-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sf-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes sf-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.sf-srf .servsoft-form-notice{animation:sf-toast-fade .2s ease both}.sf-srf .servsoft-form-notice.is-hiding{animation:sf-toast-fade-out .2s ease both}@keyframes sf-toast-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-toast-fade-out{0%{opacity:1}to{opacity:0}}}@media (max-width:575px){.sf-srf{padding:24px 20px}}.sf-contact__card .sf-srf{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0}
/* ==== END servsoft-service-request (merged) ==== */
/* ==== BEGIN servsoft-headings (merged) ==== */
.footer-widget__title,.page-header__title,.sec-title,.sf-contact__card-title{overflow-wrap:break-word;word-wrap:break-word;hyphens:none}.sec-title{font-family:var(--servsoft-font,inherit);font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.18}.page-header__title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12}.footer-widget__title{font-size:clamp(1.125rem,1.6vw,1.375rem)}.sf-contact__card-title{font-size:clamp(1.25rem,2.4vw,1.5rem)}
/* ==== END servsoft-headings (merged) ==== */
/* ==== BEGIN servsoft-careers (merged) ==== */
.sf-careers{--sf-ink:var(--servsoft-black,#0d1a42);--sf-sky:#42bbef;--sf-muted:#64748b;--sf-ease:cubic-bezier(0.16,1,0.3,1);color:var(--servsoft-black,#0d1a42);font-family:var(--servsoft-font,"Plus Jakarta Sans",sans-serif);overflow-x:clip}.sf-careers *{box-sizing:border-box}.sf-careers img,.sf-careers svg{max-width:100%}.sf-careers__intro-inner{margin:0 auto;max-width:820px;text-align:center}.sf-careers__eyebrow{color:var(--servsoft-primary,#2b4c9b);display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.sf-careers__heading{color:var(--servsoft-black,#0d1a42);font-size:clamp(1.9rem,4.5vw,3.25rem);font-weight:700;line-height:1.12;margin:0 0 1.25rem;overflow-wrap:break-word}.sf-careers__lead{color:var(--servsoft-text,#959cb2);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7;margin:0;overflow-wrap:break-word}.sf-careers__perks{background:var(--servsoft-black,#0d1a42);border-radius:28px;color:var(--servsoft-white,#fff);position:relative}.sf-careers__perks-head{margin:0 auto 3rem;max-width:720px;text-align:center}.sf-careers__perks-title{color:var(--servsoft-white,#fff);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin:0 0 .85rem;overflow-wrap:break-word}.sf-careers__perks-sub{color:rgba(var(--servsoft-white-rgb,255,255,255),.72);font-size:clamp(.95rem,1.2vw,1.0625rem);line-height:1.65;margin:0;overflow-wrap:break-word}.sf-careers__perk-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(3,1fr)}.sf-careers__perk{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(var(--servsoft-white-rgb,255,255,255),.06);border:1px solid rgba(var(--servsoft-white-rgb,255,255,255),.12);border-radius:20px;padding:2.25rem 1.75rem;transition:transform .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),border-color .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),background .4s var(--sf-ease,cubic-bezier(.16,1,.3,1))}.sf-careers__perk:hover{background:rgba(var(--servsoft-white-rgb,255,255,255),.09);border-color:rgba(var(--servsoft-white-rgb,255,255,255),.28);transform:translateY(-6px)}.sf-careers__perk-icon{align-items:center;background:rgba(var(--servsoft-white-rgb,255,255,255),.08);border:1px solid rgba(var(--servsoft-white-rgb,255,255,255),.14);border-radius:16px;color:var(--sf-sky,#42bbef);display:inline-flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.sf-careers__perk-title{color:var(--servsoft-white,#fff);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;overflow-wrap:break-word}.sf-careers__perk-text{color:rgba(var(--servsoft-white-rgb,255,255,255),.7);font-size:.9375rem;line-height:1.7;margin:0;overflow-wrap:break-word}.sf-careers__jobs-head{margin:0 auto 2.75rem;max-width:720px;text-align:center}.sf-careers__jobs-title{color:var(--servsoft-black,#0d1a42);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin:0 0 .85rem;overflow-wrap:break-word}.sf-careers__jobs-sub{color:var(--servsoft-text,#959cb2);font-size:clamp(.95rem,1.2vw,1.0625rem);line-height:1.65;margin:0;overflow-wrap:break-word}.sf-careers__job-list{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:920px}.sf-careers__job{align-items:center;background:var(--servsoft-white,#fff);border:1px solid rgba(var(--servsoft-black-rgb,13,26,66),.08);border-radius:18px;box-shadow:0 10px 30px rgba(var(--servsoft-black-rgb,13,26,66),.05);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.75rem 2rem;transition:transform .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),border-color .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),box-shadow .4s var(--sf-ease,cubic-bezier(.16,1,.3,1))}.sf-careers__job:hover{border-color:rgba(var(--servsoft-primary-rgb,43,76,155),.35);box-shadow:0 18px 44px rgba(var(--servsoft-black-rgb,13,26,66),.1);transform:translateY(-4px)}.sf-careers__job-main{flex:1 1 320px;min-width:0}.sf-careers__job-title{color:var(--servsoft-black,#0d1a42);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700;line-height:1.25;margin:0 0 .5rem;overflow-wrap:break-word}.sf-careers__job-summary{color:var(--servsoft-text,#959cb2);font-size:.9375rem;line-height:1.6;margin:0 0 1rem;overflow-wrap:break-word}.sf-careers__job-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.sf-careers__job-chip{align-items:center;background:rgba(var(--servsoft-primary-rgb,43,76,155),.08);border:1px solid rgba(var(--servsoft-primary-rgb,43,76,155),.16);border-radius:999px;color:var(--servsoft-primary,#2b4c9b);display:inline-flex;font-size:.8125rem;font-weight:600;line-height:1;padding:.5rem .9rem}.sf-careers__job-action{flex:0 0 auto}.sf-careers__apply{white-space:nowrap}@media (max-width:991px){.sf-careers__perk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.sf-careers__perks{border-radius:20px}.sf-careers__perk-grid{gap:1.25rem;grid-template-columns:1fr}.sf-careers__job{align-items:flex-start;flex-direction:column;padding:1.5rem 1.35rem}.sf-careers__job-action{width:100%}.sf-careers__apply{justify-content:center;width:100%}}
/* ==== END servsoft-careers (merged) ==== */
/* ==== BEGIN servsoft-legal (merged) ==== */
.sf-legal{--sf-ink:var(--servsoft-black,#0d1a42);--sf-sky:#42bbef;--sf-muted:#64748b;--sf-ease:cubic-bezier(0.16,1,0.3,1);color:var(--servsoft-black,#0d1a42);font-family:var(--servsoft-font,"Plus Jakarta Sans",sans-serif);overflow-x:clip}.sf-legal .sf-legal__wrap{align-items:start;display:grid;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:minmax(0,260px) minmax(0,1fr)}.sf-legal .sf-legal__toc{align-self:start;background:rgba(var(--servsoft-primary-rgb,43,76,155),.05);border:1px solid rgba(var(--servsoft-black-rgb,13,26,66),.08);border-radius:16px;padding:1.5rem 1.25rem;position:sticky;top:100px}.sf-legal .sf-legal__toc-label{color:var(--sf-muted,#64748b);display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.sf-legal .sf-legal__toc-list{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:0}.sf-legal .sf-legal__toc-list li{margin:0}.sf-legal .sf-legal__toc-list a{border-left:2px solid transparent;border-radius:8px;color:var(--sf-muted,#64748b);display:block;font-size:.9rem;line-height:1.4;padding:.45rem .6rem;text-decoration:none;transition:color .2s var(--sf-ease,cubic-bezier(.16,1,.3,1)),background-color .2s var(--sf-ease,cubic-bezier(.16,1,.3,1)),border-color .2s var(--sf-ease,cubic-bezier(.16,1,.3,1))}.sf-legal .sf-legal__toc-list a:focus-visible,.sf-legal .sf-legal__toc-list a:hover{background:rgba(var(--servsoft-primary-rgb,43,76,155),.08);border-left-color:var(--sf-sky,#42bbef);color:var(--servsoft-primary,#2b4c9b);outline:none}.sf-legal .sf-legal__body{color:var(--servsoft-text,#959cb2);font-size:1.0625rem;line-height:1.75;max-width:760px;min-width:0;width:100%}.sf-legal .sf-legal__updated{color:var(--sf-muted,#64748b);font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0 0 1.25rem;text-transform:uppercase}.sf-legal .sf-legal__notice{background:rgba(var(--servsoft-primary-rgb,43,76,155),.06);border:1px solid rgba(var(--servsoft-primary-rgb,43,76,155),.25);border-radius:12px;color:var(--servsoft-primary,#2b4c9b);font-size:.95rem;font-weight:600;line-height:1.6;margin:0 0 2.75rem;padding:1rem 1.25rem}.sf-legal .sf-legal__section{margin:0 0 2.5rem;scroll-margin-top:110px}.sf-legal .sf-legal__section:last-child{margin-bottom:0}.sf-legal .sf-legal__h{font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.25;margin:0 0 .85rem;word-wrap:break-word}.sf-legal .sf-legal__body h3,.sf-legal .sf-legal__h{color:var(--servsoft-black,#0d1a42);font-weight:700;overflow-wrap:break-word}.sf-legal .sf-legal__body h3{font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.3;margin:1.75rem 0 .6rem}.sf-legal .sf-legal__body p{margin:0 0 1.1rem;overflow-wrap:break-word;word-wrap:break-word}.sf-legal .sf-legal__body p:last-child{margin-bottom:0}.sf-legal .sf-legal__body a,.sf-legal .sf-legal__link{color:var(--servsoft-primary,#2b4c9b);text-decoration:underline;text-underline-offset:2px;transition:color .2s var(--sf-ease,cubic-bezier(.16,1,.3,1));word-break:break-word}.sf-legal .sf-legal__body a:focus-visible,.sf-legal .sf-legal__body a:hover,.sf-legal .sf-legal__link:focus-visible,.sf-legal .sf-legal__link:hover{color:var(--sf-sky,#42bbef)}@media (max-width:900px){.sf-legal .sf-legal__wrap{gap:2rem;grid-template-columns:minmax(0,1fr)}.sf-legal .sf-legal__toc{position:static;top:auto}.sf-legal .sf-legal__body{max-width:100%}}@media (max-width:560px){.sf-legal .sf-legal__toc{padding:1.25rem 1rem}.sf-legal .sf-legal__body{font-size:1rem}}
/* ==== END servsoft-legal (merged) ==== */
/* ==== BEGIN servsoft-pillars (merged) ==== */
.sf-pillars{margin-top: 60px;background-color:var(--servsoft-black,#0d1a42);background-image:linear-gradient(180deg,rgba(var(--servsoft-black-rgb,13,26,66),.92) 0,rgba(var(--servsoft-black-rgb,13,26,66),.82) 45%,rgba(var(--servsoft-black-rgb,13,26,66),.94) 100%),url(../../../../uploads/2026/09/funfact-3-1.jpg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;color:var(--servsoft-white,#fff);overflow-x:clip;position:relative}.sf-pillars__head{margin:0 auto 3rem;max-width:760px;text-align:center}.sf-pillars__title{color:var(--servsoft-white,#fff);font-family:var(--servsoft-font,inherit);font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:700;line-height:1.18;margin:0;overflow-wrap:break-word}.sf-pillars__card{-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);background:rgba(var(--servsoft-white-rgb,255,255,255),.05);border:1px solid rgba(var(--servsoft-white-rgb,255,255,255),.12);border-radius:20px;box-shadow:0 18px 48px -24px rgba(0,0,0,.6);height:100%;padding:2.25rem 2rem;transition:transform .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),border-color .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),box-shadow .4s var(--sf-ease,cubic-bezier(.16,1,.3,1)),background .4s var(--sf-ease,cubic-bezier(.16,1,.3,1))}.sf-pillars__card:hover{background:rgba(var(--servsoft-white-rgb,255,255,255),.08);border-color:rgba(var(--servsoft-base-rgb,232,65,68),.65);box-shadow:0 26px 60px -24px rgba(var(--servsoft-base-rgb,232,65,68),.35);transform:translateY(-6px)}.sf-pillars__index{align-items:center;background:rgba(var(--servsoft-base-rgb,232,65,68),.16);border:1px solid rgba(var(--servsoft-base-rgb,232,65,68),.4);border-radius:12px;display:inline-flex;font-size:1.05rem;height:46px;justify-content:center;margin-bottom:1.25rem;width:46px}.sf-pillars__card-title,.sf-pillars__index{color:var(--servsoft-white,#fff);font-weight:700}.sf-pillars__card-title{font-size:1.25rem;line-height:1.3;margin:0 0 .75rem;overflow-wrap:break-word}.sf-pillars__card-text{color:rgba(var(--servsoft-white-rgb,255,255,255),.72);font-size:.9375rem;line-height:1.7;margin:0;overflow-wrap:break-word}.sf-pillars__card-text br{content:"";display:block;margin-bottom:.4rem}@media (prefers-reduced-motion:reduce){.sf-pillars__card{transition:border-color .2s ease}.sf-pillars__card:hover{transform:none}}
/* ==== END servsoft-pillars (merged) ==== */