/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 26 2026 | 14:47:59 */
 :root {
      --flip-duration: 0.9s;
      --flip-ease: cubic-bezier(0.4, 0.2, 0.2, 1);
    }


    @keyframes flipTopIn {
      0% {
        transform: rotateX(-90deg);
        opacity: 0;
      }

      100% {
        transform: rotateX(0deg);
        opacity: 1;
      }
    }

    .custom-text-swiper-wrapper {
      background: transparent;
      padding: 0 20px;
    
    }

    .custom-text-swiper {
      width: 100%;
      margin: auto;
      perspective: 1000px;
    }

    .custom-text-swiper .swiper-slide {
      padding: 5px 20px;
      text-align: left;
      box-sizing: border-box;
      opacity: 0;
      pointer-events: none;
    }

    .custom-text-swiper .swiper-slide.swiper-slide-active {
      opacity: 1;
      pointer-events: auto;
    }

    .custom-text-swiper .swiper-slide-content {
      transform-origin: top center;
      animation: none;
      backface-visibility: hidden;
      transition: transform 0.8s ease, opacity 0.8s ease;
    }

    .custom-text-swiper .swiper-slide.flip-active .swiper-slide-content {
      animation: flipTopIn 0.8s ease;
    }
/*
    .custom-text-swiper .swiper-slide h2 {
      margin-bottom: 10px;
      color: #fff;
      font-size: 40px;
      line-height: 50px;
      font-weight: 500;
    }

    .custom-text-swiper .swiper-slide h4 {
      z-index: 1;
      font-size: 16px;
      font-weight: 500;
      position: relative;
      margin-bottom: 26px;
      color: #fff;
      padding: 0 36px 6px 0;
      text-transform: uppercase;
      background-size: auto 18px;
      background-repeat: no-repeat;
      background-position: right bottom;
    }

    .custom-text-swiper .swiper-slide p {
      margin-bottom: 20px;
      color: #fff;
    }
*/
    .custom-text-swiper .slide-btn {
      display: inline-block;
      margin-top: 5px;
      padding: 10px 25px;
      background-color: #0073e6;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      transition: background 0.3s;
    }

    .custom-text-swiper .slide-btn:hover {
      background-color: #005bb5;
    }

    .custom-text-swiper-nav {
      text-align: left;
      margin-top: 20px;
      padding-left: 20px;
      position: relative;
      display: block;
      width: 100% !important;
    }

    .custom-text-swiper .swiper-button-prev,
    .custom-text-swiper .swiper-button-next {
      position: static;
      display: inline-block;
      margin-right: 15px;
      color: #333;
      width: auto;
      height: auto;
      font-size: 14px;
      cursor: pointer;
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 6px 10px;
      background: #f5f5f5;
    }

    .custom-text-swiper-wrapper .swiper-button-prev:after,
    .custom-text-swiper-wrapper .swiper-button-next:after {
      content: '' !important;
    }

    .custom-text-swiper-wrapper .swiper-button-prev,
    .custom-text-swiper-wrapper .swiper-button-next {
      position: absolute !important;
      top: auto !important;
      bottom: 0 !important;
      color: #fff !important;
      width: auto;
      height: auto;
      display: inline-block;
      font-size: 31px !important;
      left: 30px;
      background: none !important;
      border: none !important;
    }

    .custom-text-swiper-wrapper .swiper-button-next {
      left: 70px !important;
    }

    .software_company_hero_section .step_list {
      display: none !important;
    }

.custom-text-swiper .swiper-slide {
  transition: opacity 0.5s ease-in-out;
}

.custom-text-swiper .swiper-slide-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.custom-text-swiper .swiper-slide.swiper-slide-active .swiper-slide-content {
  opacity: 1;
}