.bg-blue-100{
    background-color: rgba(0, 41, 145, 1);
}

.text-blue, .text-blue:hover {
    color: var(--lqd-color-blue) !important;
}

.great_ideas, .built_for_enterprise, .production_at_enterprise, .creative_capacity, .deep_in_five_sectors{
    background: linear-gradient(39.64deg, #0070E0 0%, #000000 100.67%);
}
.footer_bg{
    background: linear-gradient(90deg, #0070E0 0%, #000000 100%);
}
.bg-gradient-blue{
    background: linear-gradient(39.64deg, rgb(0, 112, 224) 0%, rgb(0, 0, 0) 100.67%);
}
.text-light-blue{
    color: #6ed0ff;
}

.services .module-box:hover .contents p span {
    color: #000000 !important;
}
.services .module-box:hover .contents h3 {
    color: #002991 !important;
}

.bg-f8f8f9{
    background-color: #f8f8f9;
}

.ld-flipbox{
    height: 400px !important;
}

.ld-flipbox-face{
    background-color: #fff !important;
}

.text-yellow{
    color: #ff8800;
}

.light_blue_check{
    color: #fff;
    background-color: #6ed0ff;
}

.bg-light-blue{
    background-color: #6ed0ff;
    color: #fff;
}

.bg-blue{
    background-color: #002991;
    color: #fff;
}

.bg-yellow{
    background-color: #ff8800;
    color: #fff;
}

.dg-cta{
    padding: 50px 0 !important;
}

.banner_image{
    border-radius: 40px;
    background-color: grey;
}

.banner-carousel-loop{
  /* overflow: hidden; */
  width: 100%;
  margin: 0px 20px 0 -20px;
}


.banner-carousel-loop4 {
  overflow: hidden;
  width: 100%;
  margin: 0 -20px 0 0;
}

.banner-carousel-loop2{
  margin: 0 20px 0 0;
}

.banner-carousel-track {
  animation: banner-scrollLoop 40s linear infinite;
}

.banner-carousel-track img,
.banner-carousel-track2 img {
  width: 100%;              /* 🔥 fill column */
  aspect-ratio: 1 / 1;      /* square (since yours are square now) */
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
}

@keyframes banner-scrollLoop {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}

.banner-carousel-track,
.banner-carousel-track2{
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.banner-carousel-track2 {
  animation: banner-scrollLoop2 40s linear infinite;
}

@keyframes banner-scrollLoop2 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}


.banner_image > div {
  flex: 1;                 /* 🔥 equal columns */
  min-width: 0;
}

.top_banner{
    /* min-height: 90vh; */
    display: flex;
    justify-content: space-between;
    gap:40px;
    margin: 30px 0px 70px 0px;
    padding: 0 50px;
    flex-wrap: nowrap !important;
}

.lqd-fb-style-6 .lqd-fb-bg{
    background: linear-gradient(180deg, rgba(24, 27, 49, 0) 0%, rgba(24, 27, 49, 0.65) 100%) !important;
}

/* .hidden {
    display: none !important;
} */

a, a:hover, a:focus{
    color: #000;
    text-decoration: none;
}

a.bg-primary:hover{
    background-color: var(--lqd-color-accent) !important;
    color: #fff
}

.btn.bg-yellow:hover{
    background-color: #ff8800 !important;
    color: #fff !important;
}
.panel{
    border: 0;
    box-shadow: none;
}

.text-white:hover {
    color: #fff !important;
}


.carousel-loop,
.carousel-loop4 {
  overflow: hidden;
  width: 100%;
  margin: 0px 0;
}

.carousel-loop2{
  margin: 20px 0;
}


.carousel-track {
  animation: scrollLoop 40s linear infinite;
}

.carousel-track img,
.carousel-track2 img {
  /* margin: 0 10px;
  vertical-align: middle;
  width: auto;
  height: 100px */

  width: 250px;        /* adjust size */
  height: 150px;       /* consistent height */
  object-fit: cover;   /* 🔥 fills box without distortion */
  border-radius: 12px; /* matches your UI */
  flex-shrink: 0;
}


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


.carousel-track,
.carousel-track2{
  /* display: inline-block;
  white-space: nowrap; */

  display: flex;
  gap: 20px;
  width: max-content;
}

.carousel-track2 {
  animation: scrollLoop2 40s linear infinite;
}




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

.our_process_section{
  background: linear-gradient(39.64deg, rgb(0, 112, 224) 0%, rgb(0, 0, 0) 100.67%);
}