.border-gray {
   border-bottom: 1px solid var(--bs-gray-300);
}

.our-solutions .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   background-color: var(--bs-light);
   color: var(--bs-primary);
   border-bottom: 3px solid var(--bs-accent-one);
   border-radius: 0;
   padding-bottom: 0.5rem;
}

.our-soln--text {
   transform: translateX(180px);
   font-family: "Caveat-Regular", sans-serif;
   font-size: 40px;
   line-height: 50px;
   letter-spacing: 0;
   color: var(--bs-accent-one);
   text-align: start;
   max-width: max-content;
}

.display-bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin-left: auto;
   width: 483px;
}

.display-video {
   margin-left: auto;
   width: 460px;
   height: 267px;
}

.our-soln--arrow {
   transform: translateX(100px);
}

.our-solutions .nav-link:not(.active) {
   color: #747F8C !important;
}

.our-solutions .nav-link {
   padding: 0;
}

.our-solutions .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   background-color: transparent;
}

.video-btn-round {
   min-width: 80px;
   height: 80px;
   border-radius: 50%;
   border: 3px solid var(--bs-accent-one);
   overflow: hidden;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, 0.3);
   cursor: pointer;
}

.imagn-header--cta .btn-secondary {
   background-color: transparent;
}

.video-btn-round--bg {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: -1;
   height: 100%;
}

.our-soln--card {
   border-radius: 8px;
   border: 1px solid var(--bs-gray-300);
   max-width: max-content;
}

.our-soln--card .btn-tertiary {
   padding: 0;
}

.our-soln--card-img {
   max-height: 350px;
   margin-left: auto;
}

.our-solutions {
   background: linear-gradient(180deg, rgba(237, 247, 255, 0) 0%, #edf7ff 100%);
}

.soln-card-box {
   display: flex;
   padding-top: 24px;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
   border-radius: 12px;
   background: #fff;
   backdrop-filter: blur(7.5px);
   height: 100%;
}

.clamp-text {
   display: -webkit-box;
   align-self: stretch;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   color: var(--bs-gray-500);
}

.our-solutions .arrow-circle {
   transform: translateX(-5px);
   transition: all 0.2s ease;

}

.btn-fit {
   max-width: max-content;
}

.soln-card {
   padding: 0.5rem;
   border-radius: 12px;
   border: 1px solid rgba(255, 255, 255, 0.5);
   background: rgba(238, 238, 238, 0.5);
   box-shadow: 0px 4px 32px 2px rgba(0, 0, 0, 0.08);
   transition: all 0.2s ease;
   /* height: 500px; */
   max-width: 380px;
}

.soln-card:hover .arrow-circle {
   transform: translate(0);
}

.soln-card:hover {
   box-shadow: 0px 4px 32px 2px rgba(0, 0, 0, 0.15);
}

.soln-card--body {
   padding: 40px 24px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   align-self: stretch;
   border-radius: 12px 0px 0px 0px;
   background: linear-gradient(147deg, #edf7ff 0%, rgba(237, 247, 255, 0) 100%);
}

.soln-card--body img {
   height: 184px;
   width: 100%;
   object-fit: contain;
}

@media(max-width: 1240px){
   .display-video {
      width: 460px;
      height: 245px;
   }
}

@media screen and (max-width: 905px) {
   .our-soln--card {
      max-width: 100%;
   }

   .our-solutions .btn {
      max-width: 240px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
   }

   .video-mobile {
      height: 287px;
   }

   .display-bg {
      width: 380px;
      margin: auto;
   }

   .display-video {
      margin: auto;
      width: 365px;
      height: 210px;
   }
}

@media screen and (max-width: 600px) {
   .video-btn-round {
      min-width: 46px;
      height: 46px;
      margin: auto;
   }

   /* .soln-card {
      height: 400px;
   } */

   .imagn-header--cta {
      margin: auto;
   }
}

@media(max-width: 420px){
   .display-video {
      width: 312px;
      height: 225px;
   }
}