body{
overflow-x: hidden;
}
.logo-slider-title h4{
color: #FFF;
font-family: var(--font-default);
font-size: 22px;
font-weight: 500;
border-radius: 30px 30px 0px 0px;
background: linear-gradient(270deg, #61CC81 0%, var(--Zenwork-Green-600, #204B83) 100%);
display: inline-flex;
padding: 10px 80px;
margin: 0;
}

.custom-spacing {
border-collapse: separate;
border-spacing: 20px 0; /* 20px horizontal spacing, 0 vertical */
}
.enterpise-table-forms thead tr th{
padding: 26px;
background: #F6F6FC;
border: 1px solid #CED6D6;
border-radius: 10px 10px 0px 0px;
color: var(--color-primary);
font-family: var(--font-primary);
font-size: 18px;
font-weight: 600;
vertical-align: top !important;
}
.enterpise-table-forms tbody tr td{
padding: 26px;
background: #FFF;
color: #2C3B33;
border-bottom: 1px solid #CED6D6;
border-left: 1px solid #CED6D6;
border-right: 1px solid #CED6D6;
}
.adva-card-two{
border-radius: 11.98px;
background: var(--White, #FFF);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 20px 40px;
}
.team-info-adva{
margin-top: 40px;
}
.team-adv-details h4{
font-family: var(--font-default);
font-size: 16px;
color: #000;
}

.fade-card-1 {
background: #DFE8F7;
box-shadow: 0px 4px 15px 0px rgba(0, 71, 187, 0.40);
}
.fade-card-2 {
background: rgba(212, 214, 242, 0.50);
box-shadow: 0px 4px 15px 0px rgba(0, 71, 187, 0.40);
}
.fade-card-3 {
background: rgba(212, 214, 242, 0.50);
box-shadow: 0px 6px 12px 0px rgba(0, 71, 187, 0.40);
}
.fade-card-4 {
background: rgba(176, 198, 234, 0.40);
box-shadow: 0px 4px 15px 0px rgba(0, 71, 187, 0.25);
}

.fade-card {
position: relative;
overflow: hidden;
border-radius: 12px;
padding: 1.6rem;
transition: background-color 0.3s;
}

/* .fade-card:hover .fade-content {
opacity: 0;
visibility: hidden;
}

.fade-card:hover .fade-button {
opacity: 1;
visibility: visible;
} */

.fade-content,
.fade-button {
transition: opacity 0.4s ease, visibility 0.4s ease;
}

.fade-button {
position: absolute;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
width: 100%;
}
.fade-image img{
width: 50%;    margin-top: 36px;
}
.number-fade h4{
font-family: var(--font-default);
font-size: 60px;
font-weight: 900;
background: linear-gradient(180deg, #4682D2 47.6%, #050C15 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn-enterprise {
padding: 14px 28px 14px 26px;
border-radius: 56px;
border: 2px solid #0047BB;
align-items: center;
color: #0047BB;
background: transparent;
}

.btn-enterprise:hover {
background: transparent;
color: #0047BB;
border: 2px solid #0047BB;
box-shadow: none !important;
}
.btn-enterprise:hover svg path{fill:var(--color-primary)}

.hero-list-enterprise ul {
display: inline-flex;
justify-content: center;
}
.hero-list-enterprise ul li{
list-style: none;
font-family: var(--font-secondary);
font-size: 24px;
font-weight: 500;
color: #000;
margin: 40px 10px;
padding: 10px;
}
.enterprise-newlp{
padding: 120px 0px;
}
.enterprise-newlp-home h1{
font-size: 50px;
margin-bottom: 30px;
}
.suite-card{
background: #FFF;
border-radius: 6px;
padding: 40px;
}
.suite-card:hover{
border-radius: 8px;
background: linear-gradient(180deg, #D4D6F2 -60.47%, #FFF 52.66%);
box-shadow: 0px 44px 44px 0px rgba(0, 25, 65, 0.10);
}
.suite-card-detials{
margin: 30px 0px;
}
.suite-card-detials h3{
color: var(--color-primary);
}
.dark-gradent{
padding: 80px 0px;
background: linear-gradient(90deg, #0047BB 0%, #001941 100%);
}
.legal-about h4{
color: #FFF;
font-size: 50px;
}
.legal-about p{
color: #FFF;
text-align: left;
font-size: 20px;
}
.enterprise-cta{
  background: #204B83;
background-image:url(../img/cta-bg.png);
background-size: 25%;
background-position: right bottom;
background-repeat: no-repeat;
}
.animate-card{
background: #FFF;
border-radius: 8px;
padding: 30px;
}
.animate-card h3{
color: #000;
font-size: 26px;
margin: 20px 0px;
}
.challengs-white-card{
background: #FFF;
padding: 40px;
border-radius: 16px;
box-shadow: 0 6px 20px rgba(90, 114, 234, 0.08);
}
.challengs-white-card h4{
color: #000;
line-height: 1.4em;
font-family: var(--font-default);
margin: 20px 0px;
}
.challengs-white-card ul li{
margin: 10px 0px;
}
.challengs-white-card h5{
  font-family: var(--color-default);
  font-weight: 600;
}

.flip-card {
background-color: transparent;
width: 300px;
height: 200px;
perspective: 1000px;
}

.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 22px 0 var(--Zenwork-Green-100, #A1C0E8);
}
.flip-card-front {
background-color: #FFF;
}
.flip-card-front h5{
color: #000;
font-size: 26px;
font-weight: 500;
}
.flip-card-back {
background-color: #4682D2;
color: #FFF;
transform: rotateY(180deg);
}
.flip-card-back P{
text-align: center;
}
.scroll-zoom {
width: 100%;
height: auto;
transform: scale(1);
transition: transform 0.3s ease-out;
will-change: transform;
position: relative;
z-index: 99;
}
.dashboard-home {
 display: flex;
justify-content: space-between;
align-items: center;
height: 100vh; 
overflow: hidden;
}

.scroll-container {
width: 20%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}

.scroll-img-wrapper {
display: flex;
animation: scrollInfinite 20s linear infinite;
}

.scroll-img-wrapper.reverse {
animation: scrollInfiniteReverse 20s linear infinite;
}

.scroll-img-wrapper img {
height: 600px; /* height for side images */
width: auto;
object-fit: contain;
margin-right: 10px;
}

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

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


.word-rotate-wrapper {
display: inline-block;
position: relative;
transition: width 0.3s ease;
vertical-align: bottom;
}

.word-rotate-wrapper .word {
position: absolute;
opacity: 0;
transition: opacity 0.3s ease;
white-space: nowrap;
color: var(--color-primary);
}

.word-rotate-wrapper .word.active {
opacity: 1;
position: relative;
}
.tabs-features{
border-radius: 20px;
border: 1.216px solid #98F9FF;
background: url(../img/tabs-bg.png);
position: relative;
z-index: 1;
}
.tabs-features .col-md-7{
padding: 0px;
}
.Business-Suite-tabs .tab-pane h4{
color: #FFF;
font-family: var(--font-primary);
margin:0px 0px 20px 0px;
font-size: 30px;
}
.Business-Suite-tabs .tab-pane ul li{
color: #FFF;
margin: 16px 0px;
font-size: 18px;
}
.Business-Suite-tab-list .nav-link img{
width: 30px;
margin-right: 10px;
}
.Business-Suite-tab-list{
border-right: 1px solid #FFF;
margin-top: 30px;
}
.Business-Suite-tab-list .nav-link{
color: #FFF;
font-family: var(--font-primary);
font-size: 20px;
text-align: left;
font-weight: 400;
padding: 10px 40px;
margin: 10px 0px;
display: flex;
}
.Business-Suite-tab-list .nav-link:hover, a.menu-nav-link.active{
color: #FFF !important;
}
.cloud-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
border-radius: 0px 20px 20px 0px;
background: rgba(0, 53, 140, 0.20);
padding: 40px;
position: relative;
z-index: 0;
margin-left: -60px;
}

.keyword-row-wrapper {
overflow: hidden;
white-space: nowrap;
position: relative;
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
@media (max-width: 768px) {
.keyword {
font-size: 16px;
margin: 0 0.8rem;
}
.cta-section{
  padding: 20px;
}
.cta-box h2{
  font-size: 30px;
}
.hero-list-enterprise ul li{
  font-size: 16px;
  display: inline-grid;
}
.cloud-container {
padding: 30px;
margin-left: 0;
}
}

.keyword-row {
display: inline-flex;
animation: scroll-left 45s linear infinite;
min-width: max-content;
}

/* Staggered animation speed for different rows */
.row-2 .keyword-row { animation-duration: 40s; }
.row-3 .keyword-row { animation-duration: 30s; }
.row-4 .keyword-row { animation-duration: 55s; }
.row-5 .keyword-row { animation-duration: 35s; }
.row-6 .keyword-row { animation-duration: 50s; }

@keyframes scroll-left {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}

.keyword {
margin: 0 1.2rem;
font-size: 20px;
font-weight: 500;
opacity: 0.6;
transition: all 0.4s ease;
color: #FFF;
font-family: var(--font-primary);
}

.keyword.active {
opacity: 1;
color: #fff;
}

.keyword:hover {
transform: scale(1.15);
opacity: 1;
}
.tab-content-business{
padding: 40px 40px 0px 40px;
}
.contact-hero{
background: url(../img/contact-us-bg.png) !important;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.service-animate{
background: url(../img/single-hero.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.services-hero-content{
padding: 120px 0px;
}
.services-hero-content h1{
font-family: var(--font-primary);
font-size: 50px;
margin-bottom: 30px;
font-weight: 400;
}
.services-hero-content h1 span{
  font-family: var(--font-secondary);
  font-weight: 600;
}
.service-hero-img-wrapper {
position: relative;
display: inline-block;
margin: auto;
}

.main-hero {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
position: relative;
z-index: 1;
}

/* Subimage styles */
.animi {
position: absolute;
height: auto;
z-index: 2;
animation: bounce 3s infinite;
}

.animi-1 {
top: 120px;
left: 40px;
animation-delay: 0s;
}

.animi-2 {
top: -20px;
right: 80px;
animation-delay: 0.2s;
}

.animi-3 {
top: 80%;
left: 120px;
transform: translateY(-50%);
animation-delay: 0.4s;
}

.animi-4 {
top: 60%;
right: 40px;
transform: translateY(-50%);
animation-delay: 0.6s;
}

@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
}
.tab-icon-business img{
width: 200px;
}
.compliance-icon {
transition: 0.3s ease-in-out;
}
.search-tab-icon {
transition: 0.3s ease-in-out;
}
.integration-tab-icon {
transition: 0.3s ease-in-out;
}
.secure-tab-icon {
transition: 0.3s ease-in-out;
}

.Business-Suite-tabs:hover .compliance-icon {
content: url(../img/Compliance-tab-icon-2.svg);
}
.Business-Suite-tabs:hover .search-tab-icon{
content: url(../img/seach-icon-tab-2.svg);
}
.Business-Suite-tabs:hover .integration-tab-icon{
content: url(../img/Workflows-tab-icon-2.svg);
}
.Business-Suite-tabs:hover .secure-tab-icon{
content: url(../img/secure-tab-icon-2.svg);
}
.client-logos {
overflow: hidden;
position: relative;
width: 100%;
}

.client-logos .slider {
margin-top: 70px;
height: auto;
}

.client-logos .slide-track {
display: flex;
width: calc(250px * 14); /* 7 logos x 2 (duplicated) = 14 */
animation: scroll 40s linear infinite;
}

.client-logos .slide {
flex: 0 0 auto;
width: 250px;
}


@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 7)); /* shift by one original set */
}
}

.nav-pills .nav-link.active {
position: relative;
color: #fff; /* optional */
z-index: 1;
background: #143257; /* fallback for browsers that don't support gradient animation */
overflow: hidden;
}

/* Add animated gradient overlay */
.nav-pills .nav-link.active::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
background: linear-gradient(to right, #143257, #1e4680);
z-index: -1;
animation: fillBackground 1s ease forwards;
}

/* Animation keyframes */
@keyframes fillBackground {
0% {
width: 0%;
}
100% {
width: 100%;
}
}

 .tab-nav-wrapper {
position: relative;
overflow: hidden;
}

.tab-nav-scroll {
overflow-x: auto;
white-space: nowrap;
scroll-behavior: smooth;
border: none;
justify-content: center;
}

.tab-nav-scroll::-webkit-scrollbar {
display: none;
}

.nav-tabs .nav-link {
display: inline-block;
white-space: nowrap;
border: 1px solid #0047BB;
border-radius: 26px;
padding: 16px;
color: #0047BB;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background: #0047BB;
border-radius: 28px;
color: #FFF;
border: 1px solid #0047BB;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border: 1px solid #0047BB;
}
.features-tabs .nav-item{
  margin: 10px;
}
.feature-tab-data{
  padding: 30px;
  border-radius: 26px;
background: #F6F6FC;
background: linear-gradient(90deg,rgba(246, 246, 252, 1) 38%, rgba(212, 214, 242, 1) 69%);
}
.feture-white-card{
  background: #FFF;
  padding: 30px;
}
.feture-white-card h3{
  color: #0047BB;
  font-family: var(--font-secondary);
}
.list-style-icon ul {
    list-style: none;
    padding: 0;
}
.list-style-icon ul li {
    display: block;
    padding: 4px 0;
}
.list-style-icon ul li::before {
    content: "";
    background-image: url(../img/menu-icons/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: .4rem;
    margin-right: .8rem;
}
.main-enterprise-hero{
  background: url(../img/home-hero.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-content h3{
  font-family: var(--font-default);
  font-size: 30px;
  font-weight: 600;
}
.list-icon-two ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-icon-two ul li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem; /* space between icon and text */
    padding: 4px 0;
}

.list-icon-two ul li::before {
    content: "";
    background-image: url(../img/star-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.3em;
    height: 1.3em;
    flex-shrink: 0;
    margin-top: 0.15rem; /* fine-tune vertical position */
}

.list-icon-two ul li b {
    display: contents;
    line-height: 1.4; /* ensures bold text doesn’t misalign */
}
.service-label-btn{
border-radius: 24px;
background: #FFF;
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
    display: inline-block;
}
.service-label-btn h4{
  color:#4682D2;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  margin: 0;
  font-family: var(--font-default);
}
.section-two-page h3{
  font-weight: 500;
  margin: 20px 0px;
  line-height: 1.4em;
  font-size: 40px;
}
.section-two-page h3 i{
  font-family: var(--font-secondary);
  font-style: italic;
}
.section-two-page h3 span{
  font-family: var(--font-secondary);
  font-style: italic;
  font-weight: 600;
}
.logo-slider-section{
  margin-top: -50px;
}
.form-container{
border-radius: 24px;
border: 1px solid rgba(0, 171, 82, 0.20);
background: #FFF;
box-shadow: 0 40px 68px -24px rgba(0, 0, 0, 0.25);
}
.form-label {
    color: #18221D;
    display: block;
    margin: 10px 0px 0px 0px;
}
.form-control{
      border-bottom: 1px solid #9DA6A6;
    border-top: 1px solid #00000000;
    border-left: 1px solid #00000000;
    border-right: 1px solid #00000000;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    padding: 6px 0;
}
.form-select {
    border-bottom: 1px solid #000;
    border-top: 1px solid #00000000;
    border-left: 1px solid #00000000;
    border-right: 1px solid #00000000;
    padding: 6px 0px;
    border-radius: 0px;
    box-shadow: none;
}

.form-select:focus {
    border-bottom: 1px solid #000;
    border-top: 1px solid #00000000;
    border-left: 1px solid #00000000;
    border-right: 1px solid #00000000;
    /* background-color: #d4d6f2; */
    /* border-radius: 10px; */
    box-shadow: none;
}
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
    border-bottom: 1px solid #000;
    border-top: 1px solid #00000000;
    border-left: 1px solid #00000000;
    border-right: 1px solid #00000000;
}

.testimonial-card {
      background: #F4F8FF;              
      border: 0;
      border-radius: 1.25rem;          
      padding: 1.5rem;
      min-height: 230px;
    }
    .testimonial-quote {
      color: #0b243b;                   
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 1.25rem;
      position: relative;
    }
    .testimonial-quote::before {
      content: "“";
      font-size: 2.5rem;
      line-height: 0;
      position: absolute;
      left: -0.25rem;
      top: -0.25rem;
      color: #204B83;
    }
    .person {
      display: flex;
      align-items: center;
      gap: .75rem;
    }
    .person img {
      width: 48px; height: 48px; object-fit: cover;
      border-radius: 50%;
    }
    .person .title { color:#6b7b8c; font-size: .95rem; }
    .company-logo {
      max-height: 36px;
      opacity: .85;
    }
    /* arrow buttons */
    .nav-btn {
      width: 44px; height: 44px;
      border-radius: 50%;
      border: 2px solid #4682D2;
      background: transparent;
      color: #4682D2;
      display: inline-flex; align-items: center; justify-content: center;
    }
    .nav-btn:hover { background:#eaf1ff; }
    .trusted-logo img{
      margin-top: 30px;
    width: 80%;    
  }
  .trusted-logo{
    display: inline-grid;
  }
    .hide {
    display: none;
}
#userForm .help {
    display: inline-block;
    font-size: 14px;
    color: #BF0A30;
    width: 100%;
}

.table {
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .table thead th {
        border-bottom: none;
    }
    
    .table tbody tr:last-child td {
        border-bottom: none;
    }
    
    .bg-primary {
        background-color: #4682D2 !important;
    }
    .table tr{
          vertical-align: middle;
    }
  .data-time h4{
color: #204B83;
font-weight: 600;
margin: 0;
font-size: 30px;
  }
  .data-time p{
color: #204B83;
  }