/* tap banner css start ..............*/
.vady_banner{
    width: 100%;
    height: 90vh;
    position: relative;
    background: linear-gradient(90deg, rgba(77,16,143,1) 0%, rgba(30,26,93,1) 50%, rgba(17,30,61,1) 100%);
    padding-top: 2.3rem;
  }
  .content_line{
    position: absolute;
    left: 0;
    top: 15%;
  }

  .vady_banner_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90vh;
  }
  .vady_content{
    width: 49%;
  }
  .vady_logo_right{
    width: 45%;
  }

 .vady_logo {
    width: 100%;
    position: relative;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    overflow: hidden;
}
.circle_logo{
  position: absolute;
  width: 20rem;
  height: 20rem;
  background-color: #361b7a;
  border-radius: 250px;
}

.logo1 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
    height: 100%;
}

.logo1 img {
    max-width: 500px;
    border-radius: 50%;
    width: 195px;
    height: 195px;
}

img#bubble {
    width: 100%;
    max-width: 500px;
    position: relative; 
}

#bubble {
    animation: rotate 80s linear infinite;
    transform: rotate(360deg);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}





.vady_content h1{
  color: #fff;
  font-size: 3rem;
  line-height: 3.7rem;
  margin-bottom: 1rem;
  text-shadow: 2px 2px #222;
}
.vady_content p{
  color: #E2E2E2;
  font-size: 1.1rem;
  width: 80%;
  line-height: 1.6rem;
}
.vady_content h6{
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}
.vady_content h6 img{
  padding-left: 10px;
  padding-top: 5px;
}
.vady_content h2{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.9rem;
}

  .bullet {
      width: 10px;
      height: 10px;
      background: #7e78ee;
      border-radius: 100px;
      position: relative;
      margin: auto;
        }

        .bullet::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 2px;
    background: #7e78ee;
    left: -211px;
    top: 50%;
}
.bullet::after {
    position: absolute;
    content: "";
    width: 200px;
    height: 2px;
    background: #7e78ee;
    right: -210px;
    top: 50%;
}

.Our_product_vady_main{
  width: 100%;
  /* background-color: red; */
  position: relative;
  /* background: linear-gradient(to bottom, #1e1a5d 50%, #fff 50%); */
  background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);

}
.bg_white{
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 50%;
}
.Our_product_vady{
  background-color: #fff;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    width: 95%;
    padding: 2.5rem;
    margin: auto;
    border-radius: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
    box-shadow: rgb(221 222 233 / 34%) 0px 10px 20px, rgb(181 188 251 / 42%) 0px 6px 6px;
    position: relative;
    z-index: 2;
  }
  .Our_product_vady h3{
    color: #000;
    font-size: 1.5rem;
    text-align:center;
    line-height: 2.2rem;
    margin-top: 2rem;
  }
  .bg_back1{
  bottom:-88px;
    width: 100%;
    left: 0;
    position: absolute;
}

/* tap banner css end .........*/


/* client logo slider css start .........*/

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
.slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo_slider_main{
  padding-top: 5rem;
}

/* client logo slider css end .........*/


/* Key Benefits of VADY section 4 css start.......... */

  .experience_main{
    width: 100%;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    padding: 2rem 0 11rem 0;
    overflow: hidden;
  }
  .experience_box_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .experience_box{
    width: 24%;
    /* border: 1px solid red; */
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  hexagon { width: 100px; height: 100px; background: #6C63FF; clip-path: polygon( 50% 0%, /* Top center */100% 25%, /* Top right */100% 75%, /* Bottom right */50% 100%, /* Bottom center */0% 75%, /* Bottom left */0% 25%     /* Top left */ ); }

 .hexagon {
   position: relative;
   width: 150px;
   height: 150px;
   background-color: #fff;
   /* clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); */
   /* clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); */
   /* clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 3rem;
   border-radius: 78px;
   margin: 0.3rem;
  }
/* .same_box{
  background-color: red;
} */
  .small_size{
    padding: 3.5rem;
  }
  .key_benefits_content{
  width: 100%;
  height: 5rem;
  }
  .key_benefits_content h6{
    font-size: 1.3rem;
    padding: 1rem 0;
    color: #fff;
    line-height: 1.7rem;
    font-weight: 500;
  }
  .key_benefits_content p{
    color: #fff;
    text-align: center;
    width: 78%;
    line-height: 1.3rem;
    margin: auto;
  }
  .key_benefits_hadding{
    width: 100%;
  }
  .key_benefits_hadding h5{
    text-align: center;
    font-size: 3rem;
    padding-bottom: 5rem;
    color: #fff;
  }

  /* Key Benefits of VADY section 4 css end.......... */

  /* Empowering Clients to Make Better section 5 css start.......... */

  .software_great_main {
  color: black;
  height: 75vh;
  text-align: left;
  position: relative;
  background-image: url(https://dper0entssr6.cloudfront.net/POLUS_AI_WEBSITE/images/seo-analytics-Empowering.webp);
  background-position: center;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
  padding-bottom: 2rem;
}
.bg_back{
  top: -34px;
    width: 100%;
    left: 0;
    position: absolute;
}

/* .software_great_main::before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: white;
    border-bottom-left-radius: 74%;
    border-bottom-right-radius: 0%;
} */
.software_great_flex{
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}
.software_great{
  width: 75%;
  margin: auto;
}
.software_great h5{
    font-size: 3rem;
    color: #fff;
    /* font-weight: 500; */
    line-height: 3.5rem;
    padding-bottom: 2.3rem;
    text-shadow: 2px 2px #222;
}
.software_great p{
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.8rem;
    margin-bottom: 2.4rem;
}
/* .Click_Me_btn{
    width: 100%;
    margin-top: 3rem;
}
.Click_Me_btn button{
    background-color: #3765F7;
    padding: 1rem 3rem;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    font-size: 1.3rem;
}
.Click_Me_btn button:hover{
    background-color: #fff;
    color: #3765F7;;
} */
 /* Button Container */
.click-me-btn {
  text-align: center;
}

/* Button Styling */
.click-me-btn button {
  /* background: linear-gradient(45deg, #141d44, #4b118c); */
  color: white;
  background-color: #3765F7  ;
  border: none;
  padding: 15px 40px;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid #fff;
}

/* Hover Animation */
.click-me-btn button:hover {
  background-color: #fff;
  /* background: linear-gradient(45deg, #4b118c, #141d44); */
  transform: scale(1.1);
  border: 1px solid #3765F7;
  color: #3765F7;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Ripple Effect on Hover */
.click-me-btn button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s, opacity 0.6s;
  z-index: 0;
}

.click-me-btn button:hover::before {
  width: 300%;
  height: 300%;
  opacity: 0;
}

.click-me-btn button span {
  position: relative;
  z-index: 1;
}

 /* Empowering Clients to Make Better section 5 css end.......... */

  /* Data sources section 6 css start.......... */

  .data_sources_main{
    width: 100%;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    padding: 2rem 0;
    overflow: hidden;
    /* background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgb(74 17 140) 50%, rgba(17, 30, 61, 1) 100%); */
    /* padding: 2rem; */
    /* background-color: #ccc; */
    /* background-image: url(https://dper0entssr6.cloudfront.net/POLUS_AI_WEBSITE/images/data-sources-design22.webp); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
    /* height: 110vh; */
    /* background-size: cover; */
  }
  .data_sources_flex{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .data_sources_box{
    width: 100%;
    padding: 3rem;
  }
  .Integrations_hadding{
    width: 73%;
    text-align: center;
    position: relative;
    margin-bottom: 3rem;
    margin-top: 2rem;
    margin: auto;
  }
  .Integrations_hadding h5{
    font-size: 3rem;
    color: #fff;
    padding-bottom: 1rem;
    line-height: 4rem;
    /* font-weight: 500; */
    text-shadow: 2px 2px #222;
  }
  .Integrations_hadding p{
    font-size: 1.2rem;
    color: #fff;
    width: 77%;
    line-height: 1.5rem;
    margin: auto;
  }
  .Integrations_main{
    width: 100%;
    padding-top: 3rem;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
  }
  .all_main{
    position: relative;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);

  }
  .bg_back23{
    top: -57px;
    width: 100%;
    left: 0;
    position: absolute;
}
 /* Data sources section 6 css end.......... */

  /* FAQ 7 css start......................... */
  .faq_main{
    padding: 2rem 0;
    /* background-image: linear-gradient(to right, #f3faff, #d4e2ff); */
    background-color: #fff;
  }
  .faq_box{
    width: 80%;
    margin: auto
  }

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #7e76f6;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #7e76f6;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #7e76f6;
  border: 1px solid #7e76f6;
}
.accordion button .accordion-title {
  padding: 1rem;
  font-size: 1.5rem;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #7e76f6;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 12rem;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1.2rem;
    font-weight: 300;
    margin: 0rem 0;
    line-height: 1.6rem;
}
/* FAQ 7 css end.......... */

/* Data Security css start */


  .data_security_main{
    width: 100%;
    position: relative;
    padding: 3rem 0 6rem 0;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    overflow: hidden;
  }
  .data_security_flex{
    display: flex;
    justify-content: space-between;
  }
  .data_security_box{
    width: 30%;
    border-radius: 10px;
  }
 
  .data_security_hadding_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
 
  .data_security_content{
    padding: 1rem 1.5rem;
  }
  .data_security_content h6{
    font-size: 1.4rem;
    padding-bottom: 1rem;
    color: #fff;
    line-height: 1.8rem;
  }
  .data_security_content p{
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #fff
  }
  .llm_icon{
    width: 25%;
    height: 6rem;
    margin: 1.5rem;
  }
  .llm_icon2{
    width: 20%;
  }
  .Security_hadding_box{
    width: 70%;
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    color: #fff;
  }
  .Security_hadding_box2{
    width: 30%;
    margin-bottom: 2rem;
  }
  .Security_hadding_box h5{
    font-size: 3rem;
    color: #fff;
    padding-bottom: 1rem;
    text-shadow: 2px 2px #222;
  }
  .Security_hadding_box p{
font-size: 1.2rem;
padding-bottom: 1rem;
line-height: 1.5rem;
  }
  .Security_hadding_box2 p{
    font-size: 1.2rem;
    color: #222;
    line-height: 1.7rem;
  }
  .big_box{
    padding: 3.5rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    background: linear-gradient(90deg, rgb(18 30 64) 0%, rgb(37 34 111) 50%, rgb(73 17 138) 100%);
  }
  .white_bg{
    background-color: #fff;
    width: 100%;
    height: 21rem;
    position: absolute;
    bottom: -1px;
    z-index: 2;
  }

  .costs_main{
    width: 100%;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    padding: 0 0 2rem 0;
    margin-top: 3rem;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    /* height: 100vh; */
    position: relative;
    overflow: hidden;
  }
  .costs_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    height: 90vh;
  }
  .costs_box{
    width: 46%;
  }
  .costs_box h6{
    font-size: 2.8rem;
    color: #fff;
    line-height: 3.4rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px #222;
  }
  .costs_box p{
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.6rem;
  }
  .costs_box_right{
    width: 40%;
    position: relative;
  }

.line-circle{
position: absolute;
width: 54%;
right: -9px;
top: 0;
}
.line-circle img{
max-width: 80%;
}
.girls_bg{
width: 34%;
position: absolute;
right: 0;
top: 0;
}

/* End to End css */
  .end-to-end-main{
    width: 100%;
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    padding: 3.4rem 0;
    overflow: hidden;
    position: relative;
  }
.end-to-end_hadding{
text-align: center;
width: 100%;
margin: auto;
}
.end-to-end_hadding h5{
font-size: 3rem;
padding-bottom: 1rem;
color: #fff;
width: 73%;
margin: auto;
line-height: 4rem;
text-shadow: 2px 2px #222;
}
.end-to-end_hadding p{
  font-size: 1.2rem;
  padding-bottom: 1rem;
  color: #fff;
  width: 70%;
  margin: auto;
  padding-bottom: 2rem;
  line-height: 1.6rem;
}
.hexagon-background{
  width: 100%;
    position: absolute;
    bottom: 89px;
}
.tow_box{
  width: 100%;
  position: relative;
}
.top_row{
  width: 80%;
  margin: auto;
  padding: 1rem 2rem 0rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom_row{
  width: 60%;
  margin: auto;
  padding: 0 2rem 0rem 2rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.fist_box{
  width: 30%;
  padding: 2rem;
  height: 25rem;
  background-image: url(https://dper0entssr6.cloudfront.net/POLUS_AI_WEBSITE/images/hexagon-1.webp);
  background-repeat: no-repeat;
  background-size: 100%, 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fist_box_2{
  width: 41%;
  padding: 2rem;
  height: 25rem;
  background-image: url(https://dper0entssr6.cloudfront.net/POLUS_AI_WEBSITE/images/hexagon-1.webp);
  background-repeat: no-repeat;
  background-size: 100%, 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.etl_icon{
  width: 20%;
  margin-bottom: 1.5rem;
}
.etl_icon img{
  max-width: 100%;
}
.etl_content{
  width: 100%;
}
.etl_content h6{
  font-size: 1.3rem;
  padding-bottom: 1rem;
  text-align: center;
  color: #fff;
}
.etl_content p{
  font-size: 0.9rem;
  text-align: center;
  color: #fff;
  line-height: 1.1rem;
  padding-bottom: 2rem;
}
.etl_icon_small{
  width: 17%;
}
.etl_icon_small2{
  width: 19%;
}


/* End to End css end */



  .experience_box{
    position: relative;
  }
  .experience_box_flex{
    position: relative;
  }

.experience_line{
    border: 1px solid #ffffff2e;
    width: 75%;
    position: absolute;
    top: 35%;
    left: 161px;
}
.hexagon_hello{
  border: 1px solid #fff;
  border-radius: 100px;
}
 


  .video_section{
    background: linear-gradient(90deg, rgba(77, 16, 143, 1) 0%, rgba(30, 26, 93, 1) 50%, rgba(17, 30, 61, 1) 100%);
    padding: 2rem 0;
    width: 100%;
  }

  .video_section_box{
    width: 100%;
    margin: auto;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
    background-color: #382b9f;
    height: 100%;
  border-radius: 20px;
  }
  .video_section_box video{
    border-radius: 20px;
    max-width: 100%;
  }
  .video_section_hadding{
    width: 100%;
    padding-bottom: 3rem;
    text-align: center;
  }
  .video_section_hadding h5{
    color: #fff;
    font-size: 2rem;
    padding-bottom: 1rem;
  }
  .video_section_hadding p{
    font-size: 1.2rem;
    color: #fff;
  }