.video_banner.common_banner {
  background: url(../../images/agentic_ai_solution/agentic_ai_solution_banner.svg);
      background-size: cover;
    background-position: center;
  &::before{
    display:none;
  }
    .banner-content {
           h1 {
            mix-blend-mode: overlay;
        }
    }
}
.agentic_ai_section{
    p{
       color:#000;
       margin-bottom:10px;
    }
   
}
.head_sec{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:30px;
}
.select_wrapper{
    position: relative;
    display:none;
    img{
        position:absolute;
        top:12px;
        right:20px;
    }
    select
    {
        background:#fff;
        border-radius: 42px;
        border: 1px solid #000;
        height: 50px;
        width: 300px;
        color: #000;
        padding: 0px 20px;
        appearance: none;
        option{
             color: #000;
        }
        &:focus-visible {
            outline: none;
        }
    }
}
.agentic_ai_card_slider
{
position: relative;
    height: 635px;
    overflow: hidden;
    background: #fff;
    padding-top: 3rem;
    .carousel {
  position: absolute;
  left: calc(50% - 150px);
  top:0px;
  transform-origin: 150px 2500px;
  will-change: transform;
}
.carousel .wrapper {
  position: absolute;
  height: 100vh;
  transform-origin: 150px 2500px;
}
.carousel .wrapper:nth-child(0) {
  transform: rotate(0deg);
}
.carousel .wrapper:nth-child(0) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(1) {
  transform: rotate(10deg);
}
.carousel .wrapper:nth-child(1) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(2) {
  transform: rotate(20deg);
}
.carousel .wrapper:nth-child(2) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(3) {
  transform: rotate(30deg);
}
.carousel .wrapper:nth-child(3) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(4) {
  transform: rotate(40deg);
}
.carousel .wrapper:nth-child(4) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(5) {
  transform: rotate(50deg);
}
.carousel .wrapper:nth-child(5) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(6) {
  transform: rotate(60deg);
}
.carousel .wrapper:nth-child(6) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(7) {
  transform: rotate(70deg);
}
.carousel .wrapper:nth-child(7) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(8) {
  transform: rotate(80deg);
}
.carousel .wrapper:nth-child(8) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(9) {
  transform: rotate(90deg);
}
.carousel .wrapper:nth-child(9) div {
  background: #85bda6;
}
.carousel .wrapper:nth-child(10) {
  transform: rotate(100deg);
}
.carousel .wrapper:nth-child(10) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(11) {
  transform: rotate(110deg);
}
.carousel .wrapper:nth-child(11) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(12) {
  transform: rotate(120deg);
}
.carousel .wrapper:nth-child(12) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(13) {
  transform: rotate(130deg);
}
.carousel .wrapper:nth-child(13) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(14) {
  transform: rotate(140deg);
}
.carousel .wrapper:nth-child(14) div {
  background: #85bda6;
}
.carousel .wrapper:nth-child(15) {
  transform: rotate(150deg);
}
.carousel .wrapper:nth-child(15) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(16) {
  transform: rotate(160deg);
}
.carousel .wrapper:nth-child(16) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(17) {
  transform: rotate(170deg);
}
.carousel .wrapper:nth-child(17) div {
  background: #85bda6;
}
.carousel .wrapper:nth-child(18) {
  transform: rotate(180deg);
}
.carousel .wrapper:nth-child(18) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(19) {
  transform: rotate(190deg);
}
.carousel .wrapper:nth-child(19) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(20) {
  transform: rotate(200deg);
}
.carousel .wrapper:nth-child(20) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(21) {
  transform: rotate(210deg);
}
.carousel .wrapper:nth-child(21) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(22) {
  transform: rotate(220deg);
}
.carousel .wrapper:nth-child(22) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(23) {
  transform: rotate(230deg);
}
.carousel .wrapper:nth-child(23) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(24) {
  transform: rotate(240deg);
}
.carousel .wrapper:nth-child(24) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(25) {
  transform: rotate(250deg);
}
.carousel .wrapper:nth-child(25) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(26) {
  transform: rotate(260deg);
}
.carousel .wrapper:nth-child(26) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(27) {
  transform: rotate(270deg);
}
.carousel .wrapper:nth-child(27) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(28) {
  transform: rotate(280deg);
}
.carousel .wrapper:nth-child(28) div {
  background: #3e885b;
}
.carousel .wrapper:nth-child(29) {
  transform: rotate(290deg);
}
.carousel .wrapper:nth-child(29) div {
  background: #85bda6;
}
.carousel .wrapper:nth-child(30) {
  transform: rotate(300deg);
}
.carousel .wrapper:nth-child(30) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(31) {
  transform: rotate(310deg);
}
.carousel .wrapper:nth-child(31) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(32) {
  transform: rotate(320deg);
}
.carousel .wrapper:nth-child(32) div {
  background: #2f4b26;
}
.carousel .wrapper:nth-child(33) {
  transform: rotate(330deg);
}
.carousel .wrapper:nth-child(33) div {
  background: #85bda6;
}
.carousel .wrapper:nth-child(34) {
  transform: rotate(340deg);
}
.carousel .wrapper:nth-child(34) div {
  background: #bedcfe;
}
.carousel .wrapper:nth-child(35) {
  transform: rotate(350deg);
}
.carousel .wrapper:nth-child(35) div {
  background: #c0d7bb;
}
.carousel .wrapper:nth-child(36) {
  transform: rotate(360deg);
}
.carousel .wrapper:nth-child(36) div {
  background: #bedcfe;
}
.carousel .wrapper:active {
  cursor: grabbing;
}
.carousel .wrapper img {
  width: 300px;
  height: 400px;
  border-radius: 5px;
  background: currentColor;
  transition:all 0.2s;
}
.carousel .wrapper img:hover{
  border-radius: 10px;
  box-shadow:0px 10px 12px rgba(134, 183, 255, 0.66);
}
.carousel .wrapper div {
  width: 300px;
  height: 400px;
  border-radius: 5px;
  background: currentColor;
}

}
.agent_card_container#FSI,
.agent_card_container#Marketing,
.agent_card_container#Healthcare,
.agent_card_container#Sales,
.agent_card_container#Agriculture
{
  animation: slideLeft 0.4s ease forwards;
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(-50%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.client_section {
    & .logo_container {
        &::before {
          display:none;
        }
    }
}
@media only screen and (max-width:767px){
  .agentic_ai_card_slider {
    height: 445px;
}
.select_wrapper {
  display:block;
    select {
        width: 150px;
        padding: 0px 30px 0px 10px;
    }
    img {
        position: absolute;
        top: 18px;
        right: 10px;
        height: 16px;
    }
}
}
@media only screen and (min-width:768px) and (max-width:991px){
  .client_section {
    position: absolute;
    width: 1180px;
    transform: translateX(-50%);
}
.video_banner.common_banner {
        .banner-content {
            top: 35% !important;
        }
    }
  .agentic_ai_card_slider {
    height: 465px;
}
}