.contact-sec {
  position: relative; 
  overflow: visible;  
      margin: 40px 0px 0px 0px;
}
.contact1 {
  padding:40px 0px 0px 0px;
}
.contact1 .cont-imgs {
     position: absolute;
     /* top: 0;  */
    left: 0;
    z-index: 10;
     bottom: -302px;
}




      .trust-vd {
         width: 100%;
         position: absolute;
         right: 0;
         top: 0;
         left: 48%;
         height: 100%;
         object-fit: cover;
      }

      .cmntoplgbg .video-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         /* background: rgba(0, 0, 0, 0.55);  */
         z-index: -1;
      }

      .cmntoplgbg {
         background: #f1f8ff !important;
      }

      .cmntoplgbg {
         position: relative;
         overflow: hidden;
         z-index: 1;
         padding: 100px 0px;
      }

      .cmntoplgbg .bg-video {
         position: absolute;
         top: 0px;
         /* left: 0; */
         width: 50%;
         height: 100%;
         object-fit: cover;
         /* Makes video cover full section */
         z-index: -1;
         right: 0;
         /* Keeps video behind content */
      }

      .cmntoplgbg .container {
         position: relative;
         z-index: 2;
         /* Keeps text above video */
      }



      .icon-bar {
         position: fixed;
         top: 50%;
         right: 10px;
         transform: translateY(-50%);
         display: flex;
         flex-direction: column;
         gap: 20px;
         z-index: 1000;
      }

      .icon-container {
         position: relative;
         display: flex;
         align-items: center;
         cursor: pointer;
      }

      .icon-container img {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         transition: transform 0.2s ease;
      }

      .icon-label {
         background-color: #fff;
         padding: 8px 12px;
         border-radius: 20px;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
         margin-right: 10px;
         opacity: 0;
         white-space: nowrap;
         transform: scaleX(0);
         transform-origin: right;
         transition: transform 0.3s ease, opacity 0.3s ease;
         position: absolute;
         right: 50px;
         font-size: 14px;
         display: flex;
         align-items: center;
         gap: 8px;
      }

      .icon-container:hover .icon-label {
         opacity: 1;
         transform: scaleX(1);
      }

      /* Optional - color backgrounds for the icons */
      .icon-label.whatsapp {
         background-color: #25D366;
         color: white;
      }

      .icon-label.video {
         background-color: #0b0742;
         color: white;
      }

      .icon-label.call {
         background-color: #1DA1F2;
         color: white;
      }

      .icon-label.chat {
         background-color: #fbbc05;
         color: black;
      }

      .icon-label img {
         width: 16px;
         height: 16px;
      }

      @media (max-height: 300px) {
         .icon-bar {
            gap: 10px;
         }

         .icon-container img {
            width: 30px;
            height: 30px;
         }

         .icon-label {
            font-size: 12px;
         }
      }


      @media (max-width: 575px) {
    .banercc {
        margin:0px 0px !important;
    }
}

       @media (max-width: 575px) {
         .container-1 {
    position: relative;
    height: 50vh !important;
         }
         .inflanar-features-list__icon {
    width: 65px !important;
    height: 65px !important;
         }

         body {
            background-color: transparent !important;
         }

         /* #header {
            background: transparent !important;
         } */

         #topbar {
            background: transparent !important;
         }

         .banercc.state-code h1 {
            font-size: 35px !important;
            line-height: 42px !important;
         }

         h2 {
            font-size: 1.5rem !important;
            line-height: 2.5rem;

         }

         .testimonial p {
            font-size: 16px !important;
            line-height: 20px !important;
         }

         .inflanar-features-list {
            padding: 10px !important;
            border-radius: 12px;
         }

         .css-1re7m0g {
            width: 100%;
            background-color: #ecf9ff;
            border-radius: 16px;
            padding: 18px !important;
            padding-bottom: 0;
         }

         .css-1p7ja6g {
            width: 100%;
            background-color: #eeedff;
            border-radius: 16px;
            padding: 18px !important;
            padding-bottom: 40px;
            height: 100%;
         }

         .css-5lagvp {
            width: 100%;
            background-color: #fff8e7;
            border-radius: 16px;
            padding: 18px !important;
            padding-bottom: 40px;
            height: 100%;
         }

         .css-16jveyu {
            width: 100%;
            background-color: #ecf9ff;
            border-radius: 16px;
            padding: 18px !important;
            padding-bottom: 40px;
            height: 100%;
         }

         .css-5lagvp {
            width: 100%;
            background-color: #fff8e7;
            border-radius: 16px;
            padding: 18px !important;
            padding-bottom: 40px;
            height: 100%;
         }

         .scroll-btn {
            width: 40px;
            height: 40px;
            font-size: 14px;
            top: 85% !important;
            margin-right: 10px;
            position: absolute;
            transform: translateY(-50%);
            background: black;
            border: none;
            color: white;
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.7;
         }

         .floating-logo {
            position: absolute;
            width: 40px !important;
            animation: float 5s infinite ease-in-out;
         }

         .logo-1 {
            top: 5% !important;
            left: 5%;
            animation-delay: 0s;
         }

         .logo-2 {
            top: 0% !important;
            left: 70%;
            animation-delay: 1s;
         }

         .logo-3 {
            top: 0% !important;
            left: 50%;
            animation-delay: 2s;
         }

         .logo-4 {
            top: 0% !important;
            left: 30% !important;
            animation-delay: 3s;
         }

         .logo-5 {
            top: 0% !important;
            left: 50% !important;
            animation-delay: 4s;
         }

         .logo-6 {
            top: 15%;
            left: 40%;
            animation-delay: 0.5s;
         }

         .logo-7 {
            top: 85% !important;
            left: 10%;
            animation-delay: 1.5s;
         }

         .sidebarIconToggle {
            background-color: unset;
         }

         .logo-8 {
            top: 35% !important;
            left: 85% !important;
            animation-delay: 2.5s;
         }

         .logo-9 {
            top: 80% !important;
            left: 80% !important;
            animation-delay: 3.5s;
         }

         .logo-10 {
            top: 35% !important;
            left: 5% !important;
            animation-delay: 4.5s;
         }

         @keyframes float {
            0% {
               transform: translateY(0px);
            }

            50% {
               transform: translateY(-20px);
            }

            100% {
               transform: translateY(0px);
            }
         }

         .sp {
            padding: 50px 0px !important;
         }
      }

      .bg-gradient-animated {
         background-size: 400%;

         background-image: linear-gradient(90deg, rgba(255, 245, 255, 0.8) 50%, rgba(255, 219, 219, 0.8) 100%);
         background-position: 100% 50%;
         animation: 20s linear 0s infinite normal none running gradientMotion;
      }

      .DesignA11yCssAnimated {
         background: linear-gradient(90deg, rgba(255, 245, 255, 0.8) 50%, rgba(255, 229, 242, 1));
         background-size: 1400% 1400%;
         -webkit-animation: DesignA11y 5s ease infinite;
         -moz-animation: DesignA11y 5s ease infinite;
         animation: DesignA11y 5s ease infinite;
      }

      @-webkit-keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      @-moz-keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      @keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      .banercc {
         position: relative;
         margin: 0;
         padding-top: 95px;
      }

      .video-container {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         overflow: hidden;
         z-index: -1;

      }

      .video_div {
         position: absolute;
         top: -35px;
         left: 55%;
         /* min-width: 100%; */
         /* min-height: 100%; */
         width: auto;
         height: auto;
         transform: translate(-50%, -0%);
         object-fit: cover;
         z-index: -1;
         max-width: 100%;
      }

      /* Fallback for mobile devices */
      @media (max-width: 767px) {
         .video_div {
            transform: translate(-50%, 0%);
            object-fit: cover;
            max-width: 100%;
         }

         .banercc {
            margin: 0;
            height: 100%;
            min-height: calc(100vh - 150px);
         }
      }

      /* number count css starts */

      .wrapper {
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
      }

      /* .counter {
         background-color: #ffffff;
         padding: 20px 0;
         border-radius: 5px;
         margin-right: 60px;
      } */

      .count-title {
         font-size: 40px;
         font-weight: normal;
         margin-top: 10px;
         margin-bottom: 0;
         text-align: center;
      }

      .count-text {
         font-size: 13px;
         font-weight: normal;
         margin-top: 10px;
         margin-bottom: 0;
         text-align: center;
      }

      .fa-2x {
         margin: 0 auto;
         float: none;
         display: table;
         color: #4ad1e5;
      }

      .css-lxs6bc {
         height: 100%;
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         position: relative;
         overflow: hidden;
         margin-top: -52px;
      }

      .css-vxjk88 {
         position: relative;
         width: 100%;
         height: 100%;
         fill: #ffe9dd;
      }

      .css-1k5zi62 {
         /* background-color: blue; */
         width: 100%;
         padding: 32px 64px;
         margin-bottom: 20px;
         /* background-color: #B1D8FC; */
      }

      .css-kqpi33 {
         max-width: 1312px;
         width: 100%;
         margin: 0 auto;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: justify;
         -webkit-justify-content: space-between;
         justify-content: space-between;
         gap: 32px;
      }

      .css-nug5w1 {
         width: 100%;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         gap: 24px;
      }

      .css-v1hz9i {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         gap: 24px;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         text-align: center;
      }

      .css-cjydfc {
         margin: 0;

         font-weight: 400;
         font-size: 1rem;
         line-height: 1.5 !important;

         font-size: 12px !important;
         font-weight: 500 !important;
         line-height: 170%;
         letter-spacing: 0.72px;
         text-transform: uppercase;

      }

      .css-3zzrsz {
         width: 100%;
         display: grid;
         grid-template-columns: repeat(8, 1fr);
         row-gap: 24px;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         justify-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
      }

      .css-a7a7xj {

         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         width: 100%;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         -webkit-justify-content: flex-start;
         justify-content: flex-start;
      }

      .pr-50 {
         padding-right: 50px;
      }

      .banercc h1,
      .banercc2 h1 {
         font-size: 45px;
         line-height: 60px;
      }


      .bt-blue {
         background: var(--blue);
         color: #fff;

         border: none;
         transition: all .4s;

      }

      .bt-blue:hover {
         transition: all .4s;


      }

      .bt-blue:hover svg {
         transform: translate(5px) scale(1.2);
      }

      .bt-blue svg {

         transition: transform 0.3s ease;
      }

      #header {

         background: transparent !important;
      }

      #topbar {

         background: transparent !important;
      }

      #header.header-scrolled{
         background: white !important;
      }

      .pattern-layer {
         position: absolute;
         left: 0px;
         /* top: -100px; */
         right: 0px;
         /* width: 1300px; */
         height: 1300px;
         background-repeat: no-repeat;
         background-position: center;
         z-index: -1;
         margin: 0 auto;
      }

      .main-h {
         font-size: 30px;
         margin: 0;
         padding-bottom: 10px;
      }

      .text-selection--animated-gradient {
         display: inline;
         white-space: normal;
      }

      .text-selection--animated-gradient--flash {
         background: currentColor url("/static/assets4/images/H1-gradient.jpg");
         background-position: 0 300%;
         background-clip: text;
         background-size: cover;
         background-repeat: no-repeat;
         -webkit-text-fill-color: transparent;

      }

      .text-selection--animated-gradient.text-selection--animate {
         animation: animateText 6s ease infinite;
      }

      @keyframes animateText {
         0% {
            background-position: 0 200%;
         }

         100% {
            background-position: 0 -200%;
         }
      }

      @media only screen and (max-width: 767px) {
         .text-selection--animated-gradient.text-selection--animate {
            animation: none;
         }
      }

      .css-1g1qdt1 {
         height: 100%;
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         position: relative;
         background-color: #ffffff;
         bottom: 2px;
      }

      .bg-lyellow {
         background-color: #FEF0D880;
      }

      .css-1fllxtj {
         position: relative;
         width: 100%;
         height: 100%;
         margin-bottom: -2px;
         fill: #FEF0D880;
      }

      .css-1oru8ap {

         height: 100%;
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         position: relative;
         background-color: #ffffff;
         margin-top: 2px;
      }

      .css-129n9a0 {
         position: relative;
         width: 100%;
         height: 100%;
         margin-top: -2px;
         fill: #FEF0D880;
      }

      :root {
         --primary-color: #185ee0;
         --secondary-color: #e6eef9;
      }

      .tabs {
         display: flex;
         border: 2px solid rgba(27, 27, 27, 0.16);
         border-radius: 200px;
         padding: 0.45rem 0rem;
         justify-content: center;
         /* Center the tabs */
         align-items: center;
         width: 70%;
         /* Ensure full width for centering */
         margin: 0 auto;

      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn {
         margin-right: 0px;
      }

      .gap {
         gap: 35px;
      }

      .tabs * {
         z-index: 2;
      }

      input[type=radio] {
         display: none;
      }

      .tab {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 54px;
         width: 200px;
         font-size: 1.25rem;
         font-weight: 500;
         border-radius: 99px;
         cursor: pointer;
         transition: color 0.15s ease-in;
      }

      .notification {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 2rem;
         height: 2rem;
         margin-left: 0.75rem;
         border-radius: 50%;
         background-color: var(--secondary-color);
         transition: 0.15s ease-in;
      }

      input[type=radio]:checked+label {
         color: var(--primary-color);
      }

      input[type=radio]:checked+label>.notification {
         background-color: var(--primary-color);
         color: #fff;
      }

      input[id=radio-1]:checked~.glider {
         transform: translateX(0);
      }

      input[id=radio-2]:checked~.glider {
         transform: translateX(100%);
      }

      input[id=radio-3]:checked~.glider {
         transform: translateX(200%);
      }

      .glider {
         position: absolute;
         display: flex;
         height: 54px;
         width: 200px;
         background-color: var(--secondary-color);
         z-index: 1;
         border-radius: 99px;
         transition: 0.25s ease-out;
      }

      @media (max-width: 700px) {
         .tabs {
            transform: scale(0.6);
         }
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link::after {
         content: "";
         position: absolute;
         transition: width 0.3s ease-in-out, left 0.3s ease-in-out;

      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link {
         border: none !important;
         padding: .5rem 1rem;
         font-size: 0.875rem !important;
         transition: all 0.3s ease-in-out;
         position: relative;
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn {
         border: none !important;
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link.active:hover {
         border: none !important;
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link.active::after {
         width: 100%;
         left: 0;
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link.active {
         border: none !important;
         transform: scale(1.05);
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link:hover {
         border: none !important;
         /* background: none !important; */
         /* color: #ee751d; */
      }

      .tabsnew .nav.nav-pills .nav-item.nav-bene-btn .nav-link.benefits-link.active {
         background: #ee751d !important;
         color: #fff;
         border-radius: 30px;
         /* border: 1px solid #ee751d; */
      }

      .css-1jlr9n4 {
         border: 1px solid #dbdbdb;
         background-color: #ffffff;
         border-radius: 10px;
         padding: 5px;
      }

      .css-1jlr9n4 img {
         width: 80px;
      }


      .css-4jn4ht {
         display: grid;
         grid-template-columns: minmax(0, 752px) minmax(0, 528px);
         gap: 32px;
      }

      .css-1re7m0g {
         width: 100%;
         background-color: #ecf9ff;
         border-radius: 16px;
         padding: 48px;
         padding-bottom: 0;
      }

      .css-1p7ja6g {
         width: 100%;
         background-color: #eeedff;
         border-radius: 16px;
         padding: 48px;
         padding-bottom: 40px;
         height: 100%;
      }

      .css-15o3a8o {
         display: grid;
         grid-template-columns: minmax(0, 528px) minmax(0, 752px);
         gap: 32px;
      }

      .css-5lagvp {
         width: 100%;
         background-color: #fff8e7;
         border-radius: 16px;
         padding: 48px;
         padding-bottom: 40px;
         height: 100%;
      }

      .css-16jveyu {
         width: 100%;
         background-color: #ecf9ff;
         border-radius: 16px;
         padding: 48px;
         padding-bottom: 40px;
         height: 100%;
      }

      .css-4jn4ht {
         display: grid;
         grid-template-columns: minmax(0, 752px) minmax(0, 528px);
         gap: 32px;
      }

      .css-qqilog {
         max-width: 1312px;
         width: 100%;
         margin: 0 auto;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         gap: 32px;
      }

      .bt-blue {
         box-shadow: none;
      }

      .btn-font {
         font-size: 14px !important;
         font-weight: 500;
      }

      @media (max-width: 598.95px) {
         .css-4jn4ht {
            grid-template-columns: 1fr;
         }
      }

      @media (max-width: 958.95px) {
         .css-4jn4ht {
            grid-template-columns: minmax(0, 506px) minmax(0, 350px);
            gap: 24px;
         }
      }

      @media (max-width: 1199.95px) {
         .css-4jn4ht {
            grid-template-columns: minmax(0, 614px) minmax(0, 426px);
         }
      }

      .css-4jn4ht {
         display: grid;
         grid-template-columns: minmax(0, 752px) minmax(0, 528px);
         gap: 32px;
      }

      .css-1c26xg0 {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -webkit-justify-content: space-between;
         justify-content: space-between;
         gap: 32px;
         -webkit-align-content: flex-start;
         -ms-flex-line-pack: flex-start;
         align-content: flex-start;
         -webkit-align-items: stretch;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
      }

      .css-nrzrkm {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         gap: 12px;
      }

      .css-6rpn08 img {
         max-height: 120px;
         width: auto;
      }

      .css-76n8b9 {
         margin: 0;
         color: #1B1B1B;
         font-weight: 600;
         font-size: 80px;
         line-height: 100%;
         letter-spacing: -2px;
         font-style: normal;
         text-wrap: balance;
         position: relative;
         z-index: 1;
      }

      .css-e58epn {
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         gap: 20px;
         max-width: 528px;
      }

      .css-1l3awos {
         font-size: 44px;
         font-weight: 500;
         line-height: 105%;
         letter-spacing: -0.22px;
         text-wrap: balance;
         position: relative;
         z-index: 1;
      }

      @media (max-width: 958.95px) {
         .css-1c26xg0 {
            -webkit-box-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            gap: 48px;
         }
      }

      .clients-imgs {
         list-style-type: none;
         padding-left: 0px;
         gap: 20px;
      }

      .globe-rotate {
         position: relative;
         text-align: center;
         left: 48%;
         top: 65px;
      }

      .globe-rotate {
         position: relative;
         text-align: center;
         left: 48%;
         top: 65px;
      }

      .globe-rotate video {
         width: 100%;
      }

      .mtitle1,
      .mtitle_org {

         font-weight: 600;
         font-size: 52px;
      }

      .text-org {
         font-weight: 400;
      }

      .logo-wrapper {
         display: flex;
         flex-direction: column;
         justify-content: center;
         text-align: center;
      }

      .logo-wrapper img {
         max-height: 100px;
         max-width: 100%;
      }

      .cmntoplgbg1 {
         background: linear-gradient(180deg, lch(97.37 4.55 240.69 / 1) 0%, rgba(255, 245, 255, 0.8) 50%, rgba(255, 225, 205, 0.8) 100%);

         -webkit-animation: DesignA11y 45s ease infinite;
         -moz-animation: DesignA11y 45s ease infinite;
         animation: DesignA11y 45s ease infinite;

      }

      .cmntoplgbg {
         background: linear-gradient(135deg, lch(97.37 4.55 240.69 / 1) 0%, rgba(255, 245, 255, 0.8) 50%, rgba(255, 219, 219, 0.8) 100%);

         -webkit-animation: DesignA11y 45s ease infinite;
         -moz-animation: DesignA11y 45s ease infinite;
         animation: DesignA11y 45s ease infinite;

      }

      @-webkit-keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      @-moz-keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      @keyframes DesignA11y {
         0% {
            background-position: 0% 2%
         }

         50% {
            background-position: 100% 99%
         }

         100% {
            background-position: 0% 2%
         }
      }

      .bubble-one {
         position: absolute;
         width: 300px;
         height: 300px;
         left: 0;
         top: 0;
         background: #0dc5d0;
         filter: blur(83px);
      }

      .bubble-two {
         position: absolute;
         width: 500px;
         height: 500px;
         right: 0;
         top: 0;
         background: #942cb9;
         filter: blur(139px);
      }

      .bubble-three {
         position: absolute;
         width: 300px;
         height: 300px;
         left: 0;
         bottom: 0;
         background: #040e63;
         filter: blur(114px);
      }

      .bubble-four {
         position: absolute;
         width: 150px;
         height: 150px;
         left: 70%;
         top: 70%;
         bottom: 0;
         background: #fdee15;
         filter: blur(104px);
      }

      .bg-gradient-very-light-gray-transparent {
         background: -webkit-linear-gradient(to right, rgba(255, 225, 205, 1.0), rgb(255 228 210));
         background: linear-gradient(to right, rgba(255, 225, 205, 1.0), rgb(255 228 210));
         padding: 0px 10px !important;
      }

      .section-padding p {
         font-size: 16px !important;
         line-height: 26px !important;
      }

      @media (min-width: 1200px) {

         .h2,
         h2 {
            font-size: 2.8rem !important;
         }
      }

      .btn-blue {
         background-color: #000053;


         user-select: none;
         cursor: pointer;
         position: relative;

         color: #fff;
      }

      .btn-blue::before,
      .btn-blue::after {
         content: "";
         position: absolute;
         width: 100%;
         height: 100%;
         display: block;
         background: #ee751d;
         top: 0;
         left: 0;
         z-index: -1;
         transform: scaleX(0);
         transition: background 1s, transform 0.5s, opacity 1s ease-in;
      }

      .btn-blue::before {
         left: -30%;
      }

      .btn-blue::after {
         right: -30%;
      }

      .btn-blue:hover::after {
         transform: scale(1);
      }

      .btn-blue:active {
         transform: translateY(2px);
      }

      .btn-epic {
         position: relative;
         max-width: auto;
         padding: 10px;
         background: #000053;
         text-decoration: none;
         font-weight: 600;
         font-size: 14px;
         overflow: hidden;
         border-radius: 5px;
         display: flex;
         align-items: center;
         justify-content: center;

         transition: background 0.3s ease-in-out;
      }

      .btn-epic:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #ee751d;
         border-radius: 50% 50% 0 0;
         transform: translateY(100%) scaleY(0.5);
         transition: all 0.6s ease;
      }

      .btn-epic:after {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: #000053;
         border-radius: 0;
         transform: translateY(0) scaleY(1);
         transition: all 0.6s ease;
      }

      .btn-epic span {
         position: relative;
         z-index: 1;
         color: #fff;
         transition: transform 0.5s ease;
      }

      .btn-epic:hover {
         background: #ee751d;
      }

      .btn-epic:hover:before {
         border-radius: 0;
         transform: translateY(0) scaleY(1);
      }

      .btn-epic:hover:after {
         border-radius: 0 0 50% 50%;
         transform: translateY(-100%) scaleY(0.5);
      }

      .stars li {
         display: inline-block;
         background-color: rgba(255, 124, 1, 0.1294117647);
         height: 32px;
         width: 32px;
         line-height: 32px;
         text-align: center;
         border-radius: 4px;
         font-size: 18px;
         color: var(--vtc-bg-main-bg-1);
         margin-right: 5px;
      }

      .heading1 h3 {
            font-size: 32px;
            line-height: 40px;
            color: #081120;
            font-weight: bold;
            transition: all 0.4s;
         }

         .chosse1 .icon-box1 {
            background-color: var(--vtc-bg-common-bg2);
            border-radius: 4px;
            padding: 24px;
            text-align: center;
            transition: all .4s;
            margin-bottom: 30px;
         }

         .chosse1 .icon-box1 .icon {
            margin-bottom: 20px;
            transition: all .4s;
         }

         .chosse1 .icon-box1 .icon img {
            transition: all .4s;
         }

         .chosse1 .icon-box1:hover {
            background-color: var(--vtc-bg-main-bg-1);
            transition: all .4s;
            transform: translateY(-10px);
         }

         .chosse1 .icon-box1:hover .icon {
            transition: all .4s;
         }

         .chosse1 .icon-box1:hover .icon img {
            transition: all .4s;
            transform: rotateY(180deg);
            filter: brightness(40);
         }

         .chosse1 .icon-box1:hover .heading1 h3 {
            transition: all .4s;
            color: var(--vtc-text-text-white-text-1);
         }

         .chosse1 .icon-box1:hover .heading1 p {
            color: var(--vtc-text-text-white-text-1);
            transition: all .4s;
         }

         .chosse1 .icon-box1.icon-box2 {
            margin-bottom: 0;
         }

         .chosse1 .image {
            margin-top: 30px;
         }

         @media (max-width: 768px) {
            .chosse1 .image {
               margin-top: 30px;
            }
         }

         @media (max-width: 576px) {
            .chosse1 .image {
               margin-top: 30px;
            }
         }

         .chosse1 .image img {
            width: 100%;
            border-radius: 4px;
         }

         .chosse1 .choose1-heading {
            padding-left: 30px;
         }

         @media (max-width: 768px) {
            .chosse1 .choose1-heading {
               padding-left: 0;
               padding-top: 30px;
            }
           
         }

         @media (max-width: 576px) {
            .chosse1 .choose1-heading {
               padding-left: 0;
               padding-top: 30px;
            }
         }

         .chosse1 .choose1-heading .icon-list {
            margin-top: 20px;
         }

         .chosse1 .choose1-heading .icon-list li {
            font-size: var(--f-fs-font-fs18);
            line-height: var(--f-fs-font-fs18);
            font-weight: var(--f-fw-medium);
            color: var(--vtc-text-heading-text-1);
         }

         .chosse1 .choose1-heading .icon-list li span {
            display: inline-block;
            height: 20px;
            width: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            background-color: var(--vtc-text-heading-text-1);
            color: var(--vtc-text-text-white-text-1);
            border-radius: 50%;
            margin-right: 5px;
         }

    .vitelglobal-products-tab-wr {
                        border-radius: 24px;
                        background: #FFF;
                        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
                        backdrop-filter: blur(5.25px);
                        display: flex;
                        padding: 24px;
                        width: 969px;
                        margin: 0 auto;
                     }

                     .vitelglobal-products-tab-left {
                        width: 268px;
                        position: relative;
                     }

                     .vitelglobal-products-tab-right {
                        width: calc(100% - 268px);
                        padding-left: 22px;
                     }

                     .vitelglobal-products-tab-left ul {
                        list-style-type: none;
                        padding: 0px;
                     }

                     .vitelglobal-products-tab-left ul li {
                        padding: 9px 12px;
                        border-radius: 98px;
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        color: #333;

                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        letter-spacing: 0.07px;
                        cursor: pointer;
                     }

                     .tablefticon {
                        display: flex;
                        width: 36px;
                        height: 36px;
                        background-color: #3972e6;
                        align-items: center;
                        justify-content: center;
                        border-radius: 30px;
                     }

                     .predictive-icon {
                        background-color: #25C16F;
                     }

                     .omnichanel-icon {
                        background-color: #9B3A99;
                     }

                     .aisales-agent-icon {
                        background-color: #FF5969;
                     }

                     .vitelglobal-ai-picon {
                        background-color: #E27849;
                     }

                     .ai-voicebot-picon {
                        background-color: #FEA700;
                     }

                     .whatsapp-business-picon {
                        background-color: #25C16F;
                     }

                     .shared-inbox-picon {
                        background-color: #1595DF;
                     }

                     .vitelglobal-products-tab-content img {
                        border-radius: 24px;
                        background: #FFF;
                        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
                        backdrop-filter: blur(5.25px);
                        width: 100%;
                     }

                     .feature-title-product {
                        font-weight: 600;

                     }

                     .features-inner-block {
                        margin-top: 20px;
                     }

                     .features-inner-block ul {
                        list-style-type: none;
                        padding: 0px;
                        display: flex;
                        gap: 5px;
                        margin-top: 6px;
                        flex-wrap: wrap;
                        align-items: baseline;
                     }

                     .vitelglobal-products-tab-left ul li {
                        padding: 9px 12px;
                        border-radius: 98px;
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        color: #333;

                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        letter-spacing: 0.07px;
                        background-image: url(/static/assets4/images/product_arrow_right.svg);
                        background-position: 94% center;
                        background-size: auto;
                        background-repeat: no-repeat;
                     }

                     .vitelglobal-products-tab-content h3 {
                        color: #1a1a1a;

                        font-size: 24px !important;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                        margin-bottom: 8px;
                     }

                     .vitelglobal-products-tab-content p {
                        font-size: 16px !important;
                        margin-bottom: 20px;
                     }

                     .active-product {
                        border-radius: 98px;
                        background: rgba(57, 114, 230, 0.15);
                        color: #1C1B1F !important;
                     }

                     .features-inner-block ul li {
                        border-radius: 39px !important;
                        background: rgba(175, 175, 175, 0.15) !important;
                        color: inherit;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 400;
                        padding: 7px 10px !important;
                        line-height: 15px !important;
                     }

                     .vitelglobal-products-tab-content {
                        display: none;
                     }

                     .vitelglobal-products-tab-right .vitelglobal-products-tab-content.active {
                        display: block;
                     }

                     .slider-controls {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        position: relative;
                        margin-bottom: 10px;
                     }

                     .slider-arrow {
                        width: 36px;
                        height: 36px;
                        background-color: #3972e6;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                        opacity: 0.5;
                        pointer-events: none;
                        /* Disable click initially */
                     }

                     .slider-arrow.enabled {
                        opacity: 1;
                        pointer-events: all;
                        /* Enable click */
                     }

                     .slider-arrow img {
                        width: 16px;
                        height: 16px;
                     }

                     .arrow {
                        background: #e27849;
                        color: #ffffff;
                        border: none;
                        padding: 0px;
                        cursor: pointer;
                        margin: 0;
                        border-radius: 50%;
                        position: absolute;
                        line-height: normal;
                        width: 30px;
                        height: 30px;
                        text-align: center;
                        line-height: 12px;
                        align-items: center;
                        justify-content: center;
                        display: none;
                     }

                     button#prevArrow {
                        left: -20px;
                        top: 12px;
                     }

                     button#nextArrow {
                        right: -20px;
                        top: 12px;
                     }

                     .arrow:disabled {
                        background: #ccc;
                        cursor: not-allowed;
                     }

                     @media only screen and (max-width: 1199px) {
                        .vitelglobal-products-tab-wr {
                           width: 100%;
                        }
                     }

                     @media only screen and (max-width: 980px) {
                        .vitelglobal-products-tab-wr {
                           flex-direction: column;
                        }

                        .vitelglobal-products-tab-left {
                           width: 100%;
                        }

                        .vitelglobal-products-tab-left ul {
                           align-items: center;
                           gap: 14px;
                           display: flex;
                           overflow-x: auto;
                           white-space: nowrap;
                           scroll-behavior: smooth;
                           padding: 0;
                           margin: 0;
                           list-style: none;
                           padding-bottom: 8px;
                        }

                        .vitelglobal-products-tab-right {
                           width: 100%;
                           padding-left: 0px;
                           margin-top: 30px;
                        }

                        .vitelglobal-products-tab-left ul li {
                           background-image: none;
                        }

                        .arrow {
                           display: flex;
                        }
                     }             
         .platform-section {
            text-align: center;
            padding: 60px 20px;
         }

         .platform-card {
            background: white;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: 0.3s;
         }

         .platform-card:hover {
            transform: translateY(-5px);
         }

         .icon-placeholder {
            width: 100%;
            height: 180px;
            background-color: #e9ecef;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
         }
         .gradient-bg {
            background: linear-gradient(-45deg, #ffefea99, #FCFAFB, #EEF8FA);
            background-size: 400% 400%;
            animation: gradient 50s ease infinite;

         }

         @keyframes gradient {
            0% {
               background-position: 0% 50%;
            }

            50% {
               background-position: 100% 50%;
            }

            100% {
               background-position: 0% 50%;
            }
         }

         .bd-l {
            border-left: 2px solid #adadad;
            height: 80px;

         }

         .css-41qk32 {
            position: absolute;
            right: 50px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius: 16px;
            background-color: #fff2eb;
            padding: 40px;
            width: 540px;
            text-align: left;
         }

         .css-1b04ki9 {
            height: 100%;
            width: 100%;
            position: relative;
         }

         .css-18w9lct {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: relative;
            /* width: 672px !important;
            height: 720px; */
         }
         .container-1 {
            position: relative;
            height: 60vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
         }

         .floating-logo {
            position: absolute;
            width: 80px;
            animation: float 5s infinite ease-in-out;
         }

         .logo-1 {
            top: 10%;
            left: 10%;
            animation-delay: 0s;
         }

         .logo-2 {
            top: 8%;
            left: 70%;
            animation-delay: 1s;
         }

         .logo-3 {
            top: 50%;
            left: 50%;
            animation-delay: 2s;
         }

         .logo-4 {
            top: 80%;
            left: 20%;
            animation-delay: 3s;
         }

         .logo-5 {
            top: 70%;
            left: 80%;
            animation-delay: 4s;
         }

         .logo-6 {
            top: 15%;
            left: 40%;
            animation-delay: 0.5s;
         }

         .logo-7 {
            top: 60%;
            left: 10%;
            animation-delay: 1.5s;
         }

         .logo-8 {
            top: 30%;
            left: 80%;
            animation-delay: 2.5s;
         }

         .logo-9 {
            top: 75%;
            left: 60%;
            animation-delay: 3.5s;
         }

         .logo-10 {
            top: 40%;
            left: 3%;
            animation-delay: 4.5s;
         }

         @keyframes float {
            0% {
               transform: translateY(0px);
            }

            50% {
               transform: translateY(-20px);
            }

            100% {
               transform: translateY(0px);
            }
         }

         #footer .footer-top h4 {
            color: #252840;
         }

         #footer .footer-top .footer-links ul a {
            color: #4c4c4d;
         }

         #footer .copyright,
         .portfolio-details .portfolio-description {
            color: #4c4c4d;
         }

         #footer .footer-top .footer-info h3 {
            color: #252840;
         }

         #footer .footer-top .footer-info p {
            color: #4c4c4d;
         }
         .testimonial-section {
            max-width: 1312px;
            margin: auto;

            position: relative;
            padding: 20px;
         }

         .testimonial-container {
            display: flex;
            overflow: auto;
            scroll-behavior: smooth;
            padding-bottom: 10px;
            scrollbar-width: thin;
            scrollbar-color: #ccc transparent;
         }

         .testimonial-container::-webkit-scrollbar {
            height: 6px;
         }

         .testimonial-container::-webkit-scrollbar-track {
            background: transparent;
         }

         .testimonial-container::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 10px;
         }

         .testimonial {
            flex: 0 0 auto;
            width: 80%;
            max-width: 520px;
            padding: 40px;
            border-radius: 10px;
            min-height: 200px;
            margin: 0 10px;
         }

         .testimonial p {
            font-size: 24px;
            line-height: 30px;
         }

         .testimonial span {
            font-size: 14px;
            line-height: 14px;
         }

         .testimonial.yellow {
            background-color: #ffeb99;
         }

         .testimonial.blue {
            background-color: #cce5ff;
         }

         .testimonial.purple {
            background-color: #d8b3ff;
         }

         .scroll-btn {
            position: absolute;
            top: 20%;
            transform: translateY(-50%);
            background: black;
            border: none;
            color: white;
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.7;
         }

         .scroll-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
         }

         .left-btn {
            right: 40px;
         }

         .right-btn {
            right: -20px;
         }

         @media (max-width: 768px) {
            .testimonial {
               width: 90%;
            }

            .scroll-btn {
               width: 40px;
               height: 40px;
               font-size: 14px;
               bottom: 0;
               position: absolute;

               transform: translateY(-50%);
               background: black;
               border: none;
               color: white;
               padding: 10px;
               cursor: pointer;
               border-radius: 50%;

               display: flex;
               align-items: center;
               justify-content: center;
               opacity: 0.7;
            }
         }
         .feature-higi-sec{
            overflow: visible;
         }
      .feature-higi{
         padding: 20px;
         background: #d3d3d32b;
    border-radius: 30px;
    height: 100%;
    margin-bottom: 20px;
      }
      .feature-higi-content h3{
         margin-bottom: 15px;
         font-size: 22px;
         font-weight: 600;
      }
      .feature-higi-sticky{
         position: sticky;
         top:100px;
      }

      
      @media (max-width: 576px) {
    .banercc {
        margin: 0px 0 !important;
    }
    .banercc.state-code.cmntoplgbg1{
      margin-top:0px !important
    }
}
@media (max-width: 768px) {
    .banercc.state-code.cmntoplgbg1 {
        padding-top: 120px !important;
    }
    .inflanar-features-list__icon {     
            margin-bottom: 0px;
    }
    /* .contact1 {
    padding-top: 265px;
    } */
    .contact1 .cont-imgs {
    bottom: -172px;
    display: none;
}
}
@media (min-width:769px) and (max-width: 991px) {

   .contact1 .cont-imgs{
    width: 60%;
    left: 149px;
    display: none;
}
.contact1 .cont-imgs {
    position: absolute;
    z-index: 10;
    bottom: -149px;
}
      /* .contact1{
         padding-top:360px;
      }    */
}
@media (min-width:577px) and (max-width: 991px) {
   .cmntoplgbg{
   padding-bottom: 0px !important;
}
   .cmntoplgbg .container {
    position: relative;
    padding: 0px;
    z-index: 2;
    margin: 0px;
}

   .container-1 {
    position: relative;
    height: 65vh;
   }
.logo-10 {
    top: -4%;
    left: 30%;
}
.logo-2 {
    top: 3%;
}
.logo-8 {
    top: 19%;
    left: 86%;
}
 .css-lxs6bc{
               margin-top: -2px!important;
            }
         }
@media (min-width:766px) and (max-width: 1400px) {
.tabs {
    display: flex;
    border: none;
}

.css-41qk32 {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
     width: auto !important; 
     transform: translateY(0%) !important;
}
}
.feature-higi img{
   border-radius: 20px;
}
.sidebarIconToggle{
   background: transparent!important;
}


  
         :root {
            --vtc-text-heading-text-1: #081120;
            --vtc-text-heading-text-2: #19326A;
            --vtc-text-heading-text-3: #001431;
            --vtc-text-pera-text-1: #77787B;
            --vtc-text-pera-text-2: #CCCCD5;
            --vtc-text-pera-text-3: #5A5F6A;
            --vtc-text-text-white-text-1: #ffffff;
            --vtc-bg-main-bg-1: #FF7A01;
            --vtc-bg-main-bg-2: #FC253F;
            --vtc-bg-main-bg-3: #FD965B;
            --vtc-bg-main-bg-4: #23342E;
            --vtc-bg-main-bg-5: #19326A;
            --vtc-bg-main-bg-6: #52B5E9;
            --vtc-bg-common-bg1: #FFF2E6;
            --vtc-bg-common-bg2: #F5F3F4;
            --vtc-bg-common-bg3: #28284D;
            --vtc-bg-common-bg4: #FFFAEC;
            --vtc-bg-common-bg5: #FFF4EF;
            --vtc-bg-common-bg6: #E9EBEA;
            --vtc-bg-common-bg7: #ECF3F6;
            --vtc-bg-common-bg8: #E5E7EA;
            --vtc-bg-common-bg9: #F2F4F7;
            --vtc-bg-common-bg10: #CECFD2;
            --vtc-bg-common-bg11: #696B6D;
            --vtc-bg-bg-white: #ffffff;
            --vtc-border-border-1: #f0f0f0;
            --vtc-border-border-2: #dfdcdc;

         }

         .contact1 {
            background-color: #000053;
         }

         .contact1 .heading1-w {
            padding-right: 60px;
         }

         .contact1 .contact1-box {
            background-color: #ffffff;
            padding: 24px 32px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            margin-top: 30px;
            transition: all 0.4s;
         }

         .contact1 .contact1-box:hover {
            transition: all 0.4s;
            transform: translateY(-10px);
         }

         .contact1 .contact1-box .icon {
            height: 70px;
            line-height: 70px;
            width: 70px;
            text-align: center;
            background-color: #FFF2E6;
            border-radius: 50%;
            margin-right: 20px;
         }

         @media screen and (max-width: 769px) {
            .contact1 .heading1-w {
               padding-right: 0;
            }
         }

         .contact1 .form-control {
            border: 0;
            border-bottom: 1px solid #b3b3b363;
            border-radius: 0;
         }

         .contact1 .contact1-box .heading a:hover {
            color: var(--vtc-bg-main-bg-1);
            transition: all 0.4s;
         }

         .contact1 .contact1-form {
            /* background-color: var(--vtc-bg-bg-white);
            border-radius: 4px;
            padding: 32px; */
            background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 20px, transparent 20px) 0% 0% / 25px 25px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 20px, transparent 20px) 100% 0% / 25px 25px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 20px, transparent 20px) 0% 100% / 25px 25px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 20px, transparent 20px) 100% 100% / 25px 25px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px) calc(100% - 50px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 50px) calc(100% - 10px) no-repeat, linear-gradient(90deg, #fa8300 0%, #1d4781 100%);
    border-radius: 25px;
    padding: 30px;
    box-sizing: border-box;
         }

         .contact1 .contact1-form .heading1 h3 {
            font-size: var(--f-fs-font-fs24);
            line-height: var(--f-fs-font-fs24);
            font-weight: var(--f-fw-bold);
            color: var(--vtc-text-heading-text-1);
         }

         .contact1 .contact1-form .single-input input,
         .contact1 .contact1-form .single-input textarea {
            border: none;
            border-radius: 4px;
            padding: 16px;
            border: 1px solid #e6e7e9;
            width: 100%;
            margin-top: 20px;
            color: #525863;
            font-weight: var(--f-fw-medium);
            font-size: var(--f-fs-font-fs18);
            line-height: var(--f-fs-font-fs18);
         }

         .contact1 .contact1-form .single-input input:focus,
         .contact1 .contact1-form .single-input textarea:focus {
            outline: none;
         }

         .contact1 .contact1-form .single-input input::placeholder,
         .contact1 .contact1-form .single-input textarea::placeholder {
            color: #525863;
            font-weight: var(--f-fw-medium);
            font-size: var(--f-fs-font-fs18);
            line-height: var(--f-fs-font-fs18);
         }

         .contact1 .contact1-form .button {
            text-align: end;
            margin-top: 20px;
         }

         .theme-btn1 {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            appearance: none;
            font-weight: var(--f-fw-bold);
            font-size: var(--f-fs-font-fs16);
            line-height: var(--f-fs-font-fs16);
            color: var(--vtc-text-text-white-text-1);
            text-transform: capitalize;
            background-color: var(--vtc-bg-main-bg-1);
            z-index: 1;
            border-width: initial;
            border-style: none;
            border-color: initial;
            border-image: initial;
            padding: 18px 22px;
            overflow: hidden;
            border-radius: 4px;
            outline: none !important;
         }

         .theme-btn1::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background-color: rgb(255, 170, 96);
            transition-delay: 0.1s;
            transition-timing-function: ease-in-out;
            transition-duration: 0.5s;
            transition-property: all;
            transform-origin: left center;
            transform-style: preserve-3d;
            transform: scaleX(0);
            z-index: -1;
            background-position: left center;
         }

         .theme-btn1 span {
            position: relative;
            margin-left: 4px;
            font-size: 16px;
            transform: rotate(-45deg);
            display: inline-block;
            transition: 0.4s linear;
         }

         .theme-btn1::after {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background-color: rgb(3, 0, 0);
            transform: scaleY(0);
            transform-style: preserve-3d;
            transform-origin: right center;
            z-index: -1;
            transition: 0.6s linear;
         }

         .heading1-w span.span {
            display: inline-block;
            color: var(--vtc-text-text-white-text-1);
            font-size: var(--f-fs-font-fs16);
            line-height: var(--f-fs-font-fs16);
            font-weight: var(--f-fw-medium);
            border-radius: 4px;
            background-color: rgba(255, 255, 255, 0.1764705882);
            padding: 8px 12px;
            margin-bottom: 16px;
         }

         .sp {
            padding: 100px 0px;
         }
      
         .whatcontainer,
         .vidcontainer,
         .callcontainer,
         .chat_bo {
            display: none !important;
         }



         .btn-cross {
            transform: rotate(0);
            overflow: hidden;
            transition: 0.3s;
         }

         .btn-primary {
            background-color: #000053;
            border: none;
         }

         .btn-cross::before,
         .btn-cross::after {
            position: absolute;
            content: "";
            left: 0;
            z-index: -1;
            width: 100%;
            height: 50%;
            background: #ee751d;
            transform: scaleX(0);
            transition: transform 0.5s;
         }

         .btn-cross::before {
            top: 0;
            transform-origin: left;
         }

         .btn-cross::after {
            top: 50%;
            transform-origin: right;
         }

         .btn-cross:hover {
            background: transparent;
         }

         .btn-cross:hover::before,
         .btn-cross:hover::after {
            transform: scaleX(1);
         }

         .btn-cross:hover::before {
            transform-origin: right;
         }

         .btn-cross:hover::after {
            transform-origin: left;
         }

         .feature-badge {
            border-radius: 39px;
            background: rgba(175, 175, 175, 0.15);
            color: inherit;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;

            padding: 5px 8px;
            line-height: 12px;
            margin: 3px;

         }
      

         .feature-icon {
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
         }

         .inflanar-section-shape14 {
            background-image: url(https://dqm77x662xl91.cloudfront.net/vitelcom-static/static/assets4/images/st-features-bg.svg);
         }

         .inflanar-features-list {
            padding: 80px;
            border-radius: 12px;
         }

         .inflanar-bg-cover {
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
         }

         .inflanar-section__head.inflanar-section__center {
            justify-content: center;
            align-items: center;
            text-align: center;
         }

         .inflanar-section__head {
            z-index: 10;
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 5px;
            justify-content: start;
            align-items: start;
         }

         .inflanar-features-list__single {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 20px;
         }

         .inflanar-features-list__icon {
            width: 60px;
            height: 60px;
            background: #FE2C55;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            margin-bottom: 14px;
         }

         .inflanar-scolor-bg {
            background: #1778F2 !important;
         }

         .inflanar-tcolor-bg {
            background: #C83EDE !important;
         }

         @media only screen and (min-width: 1340px) {
            .inflanar-features-gap {
               --bs-gutter-x: 50px;
            }
         }

         hr {
            margin: 0.25rem 0;
         }
      .form-control:focus {
         border:none !important;
         border-bottom:1px solid #b3b3b363 !important;
        
      }

      .mobile-video{
         width: 100%;
         height: auto;
      }




       .scrolling-container {
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            margin: 10px 0;
            height: auto;
            display: flex;
            align-items: center;
        }
        
        .scrolling-content {
            display: inline-flex;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-fill-mode: forwards;
        }
        
        .scroll-left-to-right {
            animation: scrollLeftToRight 25s linear infinite;
        }
        
        .scroll-right-to-left {
            animation: scrollRightToLeft 25s linear infinite;
        }
        
        @keyframes scrollLeftToRight {
            0% {
                transform: translateX(-50%);
            }
            100% {
                transform: translateX(0%);
            }
        }
        
        @keyframes scrollRightToLeft {
            0% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        .feature-badge {
           
            padding: 8px 20px;
            margin: 0 10px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
           
            white-space: nowrap;
            flex-shrink: 0;
        }
        
        .feature-badge:hover {
           color: var(--blue);          
            text-decoration: none;
        }
        
        .feature-badge a {
            color: inherit;
            text-decoration: none;
        }
        
        .feature-badge a:hover {
            color: inherit;
            text-decoration: none;
        }
        
        
        /* Pause animation on hover */
        .scrolling-container:hover .scrolling-content {
            animation-play-state: paused;
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .feature-badge {
                font-size: 12px;
                padding: 6px 16px;
                margin: 0 8px;
            }
            
            .scroll-left-to-right {
                animation-duration: 12s;
            }
            
            .scroll-right-to-left {
                animation-duration: 12s;
            }
        }
        
        @media (max-width: 576px) {
         .cmntoplgbg .container {
    position: relative;
    padding: 0px;
    z-index: 2;
    margin: 0px;
}
.cmntoplgbg{
   padding-bottom: 0px !important;
}
            .feature-badge {
                font-size: 11px;
                padding: 5px 14px;
                margin: 0 6px;
            }
            
            .scrolling-container {
                height: auto;
            }
            
            .scroll-left-to-right {
                animation-duration: 20s;
            }
            
            .scroll-right-to-left {
                animation-duration: 20s;
            }
        }



        /** clients scroll **/
         @media (max-width: 992px) {
           .clients-carousel-wrapper {
            width: 100%;
            overflow: hidden;
            position: relative;
            padding: 40px 0;
        }

        .clients-imgs {
            display: flex;
            width: fit-content;
            animation: infiniteScroll 30s linear infinite;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }
      }

        @keyframes infiniteScroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        .clients-imgs li {
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .clients-imgs li:hover {
            transform: translateY(-5px);
        }

        @media (max-width: 992px) {
            .clients-imgs {
                animation-duration: 20s;
            }      
               
        }

        @media (max-width: 768px) {
            .clients-carousel-wrapper {
                padding: 30px 0;
            }
            .clients-imgs {
                animation-duration: 18s;
            }        
         }

        @media (max-width: 576px) {
            .clients-carousel-wrapper {
                padding: 25px 0;
            }
            .clients-imgs {
                animation-duration: 15s;
            }           
        }

        @media (max-width: 480px) {
            .clients-imgs {
                animation-duration: 12s;
            }
        }

        /* Performance optimization */
        .clients-imgs {
            will-change: transform;
        }
        
        .clients-imgs li {
            will-change: transform;
        }

   .dwn-img a{
    background: #a9a9a91c;
    padding: 7px;
    border-radius: 10px;
   }
    .dwn-img img{
       width: 50px;
       height: 50px;
    }

    .btn-epic.btn-epic-org:before{
      background:var(--blue);
    }
    .btn-epic.btn-epic-org:after{
      background:var(--orange);
    }