.elementor-1606 .elementor-element.elementor-element-f6e655b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1606 .elementor-element.elementor-element-f6e655b.e-con{--align-self:flex-start;}.elementor-1606 .elementor-element.elementor-element-e4ac154{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1606 .elementor-element.elementor-element-afb9a77{text-align:center;}.elementor-1606 .elementor-element.elementor-element-afb9a77 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:22px;font-weight:500;color:#000000;}.elementor-1606 .elementor-element.elementor-element-5097c03{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1606 .elementor-element.elementor-element-8569cc0 > .elementor-widget-container{padding:0rem 0rem 01rem 0rem;}.elementor-1606 .elementor-element.elementor-element-3bf863f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1606 .elementor-element.elementor-element-0502abb{text-align:center;}.elementor-1606 .elementor-element.elementor-element-0502abb .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:22px;font-weight:500;color:#000000;}.elementor-1606 .elementor-element.elementor-element-86e7377{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1606 .elementor-element.elementor-element-b18812a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1606 .elementor-element.elementor-element-60fee58 > .elementor-widget-container{background-color:var( --e-global-color-e478558 );border-radius:50px 50px 50px 50px;}body:not(.rtl) .elementor-1606 .elementor-element.elementor-element-60fee58{right:5px;}body.rtl .elementor-1606 .elementor-element.elementor-element-60fee58{left:5px;}.elementor-1606 .elementor-element.elementor-element-60fee58{bottom:37px;}.elementor-1606 .elementor-element.elementor-element-8b9f91b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1606 .elementor-element.elementor-element-0126e2c > .elementor-widget-container{background-color:var( --e-global-color-e478558 );border-radius:50px 50px 50px 50px;}body:not(.rtl) .elementor-1606 .elementor-element.elementor-element-0126e2c{right:5px;}body.rtl .elementor-1606 .elementor-element.elementor-element-0126e2c{left:5px;}.elementor-1606 .elementor-element.elementor-element-0126e2c{bottom:37px;}.elementor-1606 .elementor-element.elementor-element-16f01b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1606 .elementor-element.elementor-element-76e4eb5 > .elementor-widget-container{background-color:var( --e-global-color-e478558 );border-radius:50px 50px 50px 50px;}body:not(.rtl) .elementor-1606 .elementor-element.elementor-element-76e4eb5{right:5px;}body.rtl .elementor-1606 .elementor-element.elementor-element-76e4eb5{left:5px;}.elementor-1606 .elementor-element.elementor-element-76e4eb5{bottom:37px;}.elementor-1606 .elementor-element.elementor-element-ca8f201 > .elementor-widget-container{padding:0rem 0rem 01rem 0rem;}@media(max-width:1024px){.elementor-1606 .elementor-element.elementor-element-5097c03{--grid-auto-flow:row;}.elementor-1606 .elementor-element.elementor-element-86e7377{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1606 .elementor-element.elementor-element-f6e655b{--content-width:628px;}}@media(max-width:767px){.elementor-1606 .elementor-element.elementor-element-5097c03{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1606 .elementor-element.elementor-element-86e7377{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1606 .elementor-element.elementor-element-60fee58{bottom:17px;}.elementor-1606 .elementor-element.elementor-element-0126e2c{bottom:17px;}.elementor-1606 .elementor-element.elementor-element-76e4eb5{bottom:17px;}}/* Start custom CSS for container, class: .elementor-element-f6e655b */.card-container {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translateY(100px);
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.card-container.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
}

.elementor-1606 .elementor-element.elementor-element-f6e655b{
position: relative; min-height: 400px;}

.cardbtn{
    border:none;
    background-color: transparent;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    fill: var(--e-global-color-e478558);
    color: var(--e-global-color-e478558);
    background-image: linear-gradient(66deg, #756CBF 0%, #3B3663 100%);
    border-radius: 100px 100px 100px 100px;

}
.cardbtn span{
      display: flex;
  align-items: center;
  gap:0.5rem;
}






  .play-pause-btn{
    opacity: 0.8;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height:30px;
    pointer-events: none;
  }

 
#card .elementor-element-60fee58 , #card .elementor-element-0126e2c , #card .elementor-element-76e4eb5{
    pointer-events: none;
}

.icon{
    font-size: 10px;
    transition: all ease  .3s;
}

.cardbtn:hover .icon{
    transform: translatex(3px);
}

@media only screen and (max-width: 768px) {
    
     .play-pause-btn{
    opacity: 0.8;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    pointer-events: none;
  }
}/* End custom CSS */