.bg-new{background-color:#40509e; }
.text-white{color: #fff;}
.bg-banner-new{background-color:#40509e47;}
.green-pill{background-color: #0db24c; color: #fff !important;}
.blue-pill{background-color: #40509e; color: #fff !important;}
.text-green{color: #0db24c;}
.text-blue{color: #40509e;}
.bg-bluee{background-color:  #40509e !important;}
.border-below{border-bottom: solid 1px #4a499c73;}
.banner-bg-grey{background-color:#f4f6f8;}
.uc-navbar .uc-navbar-left {
    gap:4rem;
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color:#6463bd;
    border-color:none;
}

.top-align{align-items: flex-start;}

video {
    width: 100%;
}

.brands img{width: 150px !important;
    height: auto;}

    .swiper-timeline .swiper-slide.swiper-slide-active .timeline-box .image {
    border-radius: 20px;
}
.media-contain{object-fit: contain !important;}

.bg-green-transparent
 {
    background-color: #00b5586b;
}

.line-ht{    line-height: 1.6em !important;}
.white-icon{
  filter: brightness(0) invert(1);
}

.bg-bluee-light {
    background-color: #40509e40 !important;
}

.btn-alt-dark:focus, .btn-alt-dark:hover {
    background: #00b465 !important;
    color: #fff !important;
}

.footer-bg {
    background-color: #0e0e0f;
}

.footer-bg-alter{background-color:#f8f6f9;}

.footer-bg ul li a:hover {
    color: #4a499c;
}

.copyright-footer {
    background-color: #e6e9f5;
    color: #000;
}

.hx-center{    align-items: center;
    justify-content: space-between;
    display: flex;}

.copyright-footer .icon-1 {
    font-size: 25px !important;
}


.nav-y a {
    font-weight: 500;
}

.ind .post{background-color: #fafafa;
    padding: 20px;}

    .banner-gradient1 {
    position: relative;
    z-index: 1;
    background: linear-gradient(to left bottom, #fffcff, #fdfdff, #d9dafd, #a6b3f14f, #6f88ff87);
}

.w-auto{width: max-content !important;}

.bg-alter {
    background-color: #f5f7fa; background-image: url(../../images/graphic.png);  background-repeat: no-repeat;
background-position: bottom;
/*  background-size: cover;*/
}

.from-secondary {
        background:linear-gradient(to left bottom, #d9dafd1a, #fdfdff, #dbdcffb8, #a6b3f14f) !important;
}

.border-t{border-left: solid 1px #4a499c;}

.solutions .main-solutions-nav > li.uc-active > a {
    color: #4a499c !important;
}


.solutions .main-solutions-nav > li.uc-active {
    border: none;
    background-color: transparent !important;}

    .solutions .main-solutions-nav > li > a {
    color: #363535 !important;
}

.border-lt{border-left: solid 1px #363535;}

.solutions .main-solutions-nav > li.uc-active {border-left: solid 1px #4a499c !important;}
.mid{        display: flex;
        justify-content: space-around;}

        .bg-inner{background-color: #f7f7f7;}

.scsp{ scroll-margin-top: 150px;}
/*.capability-section {
    min-height: 70vh;
    scroll-margin-top: 180px;
}*/

/*

.timeline-nav {
  position: sticky;
  top: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:120px 60px 0px;
  z-index: 1;
    width: 100%;
}

.timeline-track {
  position: absolute;
  top: 40px;
  left: 60px;
  right: 60px;
  height: 2px;
  background: #ddd;
  z-index: -1;
}

.timeline-nav.scrolled {

    background: #ffffff;
}
  .timeline-item::after {
    top: calc(var(--image-box-height) + var(--half-gap) - 10px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(.5);
    transition: transform .25s;
    left: auto !important;
    content: "";
    position: absolute;
    display: block;
    transition: 250ms ease-in-out;
    background: #b9b6b6;
top: -35px;
    transform: translate(53px, 4px);

}

.timeline-item {
  text-align: center;
  cursor: pointer;
  position: relative;
      top: -54px;
}

.timeline-item span {
  display: inline-block;
  background: #ddd;
  color: #333;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  margin-bottom: 8px;
  transition: 0.3s;

}

.timeline-item p {
  font-size: 14px;
  max-width: 120px;
}

.timeline-item.active span {
  background: #1f3c88;
  color: #fff;
}



.timeline-section {
  height: auto;
  padding: 60px 60px;

}

.section-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
}

.section-left {
  width: 120px;
  position: relative;
  text-align: center;
}

.big-number {
  font-size: 48px;
  font-weight: 300;
  color: #cfcfcf;
  margin-bottom: 20px;
}

.vertical-line {
  width: 2px;
  height: 140px;
  background: #dcdcdc;
  margin: 0 auto;
}

.section-content {
  flex: 1;
  padding-left: 40px;
}

.section-content h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #2d2d2d;
}

.section-content p {
  margin-bottom: 12px;
  color: #555;
}


.section-image {
  width: 40%;
}

.section-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
}

.timeline-section.active .vertical-line {
  height: 100%;
}*/


.timeline-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 20px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  font-family: Arial, sans-serif;
}

.tab-item {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.tab-number {
  color: #2c4a8a;
  font-size: 22px;
  font-weight: 500;
}

.tab-text {
  font-size: 18px;
  color: #000;
}

.divider {
  width: 1px;
  height: 25px;
  background-color: #dcdcdc;
}

.num{color: #3e4fa0 !important;
    font-size: 20px;
    font-weight: 400 !important;
    padding-right: 8px;}


.reinforce-bg{background: #1E3669 !important;
background: linear-gradient(275deg,rgba(30, 54, 105, 1) 47%, rgba(62, 79, 160, 1) 100%) !important; color: #fff !important;}

.text-left{text-align: left;}

/*css-11-03*/

.border-white {
    --bs-border-opacity: 1;
    border-color: #fff !important;
}


/* Scrollbar height */
.panel ::-webkit-scrollbar {
  height: 6px;   /* horizontal scrollbar thickness */
}

/* Scrollbar track (background) */
.panel ::-webkit-scrollbar-track {
  background: #e6e6e6; 
  border-radius: 10px;
}

/* Scrollbar thumb (the moving bar) */
.panel ::-webkit-scrollbar-thumb {
  background: #3e4fa0;
  border-radius: 10px;
}

/* Thumb hover effect */
.panel ::-webkit-scrollbar-thumb:hover {
  background: #3e4fa0;
}

.overflow-x-auto {
    overflow-x: auto !important;
}
.overflow-y-hidden {
    overflow-y: hidden !important;
}


.solutions .main-solutions-nav > li > span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    line-height: 80px !important;
    padding: 0 16px;
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
.gap-6 {
    gap: 1.4rem !important;
}

.uc-navbar-item, .uc-navbar-nav>li>a, .uc-navbar-toggle{ font-size:13px !important; }

}






/* Custom Lightbox Styles */
.uc-lightbox {
    background: rgba(0, 0, 0, 0.85) !important;
}

.uc-lightbox-page,
.uc-lightbox-item,
.uc-lightbox-panel {
    padding: 60px 5vw !important;
}

/* White color for navigation arrows and close button */
.uc-lightbox-nav > a,
.uc-lightbox-toolbar > *,
.uc-lightbox-button,
.uc-slidenav,
.uc-close {
    color: #ffffff !important;
}

.uc-lightbox-nav > a:hover,
.uc-lightbox-toolbar > *:hover,
.uc-lightbox-button:hover,
.uc-slidenav:hover,
.uc-close:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}