/* Hero section */
  a{
      text-decoration:none;
  }
 
  img{
      max-width:100%;
      display:block;
  }

  .herodp{
    color:rgba(255, 255, 255, 1);
    font-size: 17px;
    font-weight: 500;
    font-family: inter;
  }

  .herop{
    color: rgb(5,5,62);
}

  .AIApp-hero{
      padding:50px 0;
      background: radial-gradient(85.48% 285.39% at 57.99% 56.98%, #05053E 0%, #B8A7FF 100%);
      overflow:hidden;
  }
 
  .AIApp-hero-row{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      margin:0 -15px;
  }
 
  .AIApp-hero-col{
      width:50%;
      padding:0 15px;
  }
 
  .AIApp-hero-content{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:720px;
  }
 
  .AIApp-hero-content h1{
      color:#ffffff;
      margin:0 0 18px;
      line-height:1.15;
  }
 
  .AIApp-hero-content h3{
      line-height:1.25;
      color:rgba(255, 255, 255, 1);
      margin:0 0 20px;
  }
 
  .AIApp-hero-desc{
      color:rgba(245, 246, 255, 1);
      line-height:1.9;
      font-size:14px;
      margin:0;
  }
 
  .AIApp-hero-cta{
      display:flex;
      flex-direction:row;
      gap:18px;
      padding: 30px 0;
  }
 
  .AIApp-hero-cta img{
     width: 24px;
     height: 24px;
  }
 
  .AIApp-btn-primary{
      max-width:339px;
      width: 100%;
      height:64px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      border-radius:14px;
      font-family: 'Inter', sans-serif;
      color:rgba(255,255,255.1);
      font-size:20px;
      font-weight:600;
    background: linear-gradient(90deg, #7B61FF 12%, #CCBBF5 95.67%);
      border: 1px solid rgba(168, 174, 208, 1);
      transition:.3s;
      cursor:pointer;
  }
 

.AIApp-btn-secondary{
     max-width:339px;
      width: 100%;
      height:64px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      border-radius:14px;
      font-family: 'Inter', sans-serif;
      color:#7B61FF;
      font-size:20px;
      font-weight:600;
    background:#ffffff;
      border: 1px solid var(--text-color-Electric-Indigo, #7B61FF);
      transition:.3s;
      cursor:pointer;   
}

  .AIApp-btn-primary:hover{
      transform:translateY(-3px);
  }

  .AIApp-hero-cta{
    display: flex;
    flex-direction: column;
  }

  .btn-h{
    margin-top: 15px;
    color: rgba(245, 246, 255, 1);
    line-height: 25px;
  }
 
  .AIApp-hero-features{
      display:flex;
      flex-direction:row;
      gap:22px;
      margin-top:45px;
  }

  .b-box{
    display: flex;
    flex-direction: row;
      justify-content: center;
    align-items: center;
    gap: 18px;
  }

  .b-pone{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: rgba(157, 123, 255, 0.24);
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
padding: 10px 10px;
border-radius: 8px;
color: rgba(255, 255, 255, 1);
  }

  .b-pone{
    font-size: 14px;
    font-weight: 500;
    font-style: Semi Bold;
    font-family: Inter;
  }

  .herios-bottom{
    color: rgba(245, 246, 255, 1);
    font-size: 14px;
    margin-top: 15px;
  }



  .b-pone img{
   width: 24px;
   height: 24px;
  }
 
  .AIApp-feature-item{
      display: flex;
      align-items:center;
      gap: 6px;
  }
 
  .AIApp-feature-item img{
     width:20px;
     height: 20px;
  }
 
  .AIApp-feature-item h5{
      color: rgba(255, 255, 255, 1);
      margin:0;
  }
 
  .AIApp-hero-visual {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      width: 100%;
      height:100%;
      overflow: hidden;
  }
 
  .AIApp-hero-img {
      display: block;
      width: 100%;
      max-width:880px;
      height: auto;
      position: relative;
      z-index: 2;
      margin: 0 auto;
      margin-bottom:110px;
      border-radius:12px;
       transform: scaleX(-1);
  }
 
  .AIApp-hero-badge{
      position:absolute;
      left:50%;
      top:92%;
      transform:translate(-50%,-50%);
      width:400px;
      max-width:calc(100% - 20px);
      background: rgba(255, 255, 255, 0.1);
      
      border-radius:22px;
      padding:22px 28px;
      display:flex;
      align-items:center;
      gap:22px;
      box-shadow:0 15px 40px rgba(0,0,0,.12);
      z-index:3;
  }
 
  .AIApp-badge-icon{
      width:52px;
      height:52px;
      object-fit:contain;
      flex-shrink:0;
      background-color: rgba(108, 94, 251, 1);
      padding: 15px;
      border-radius: 15px;
  }
 
  .AIApp-badge-text{
      display:flex;
      flex-direction:column;
      justify-content:center;
  }
 
  .AIApp-badge-text h6{
      margin:0 0 8px;
      font-weight:500;
      color:rgba(245, 246, 255, 1);
      line-height:1.2;
  }
 
  .AIApp-badge-text p{
      color:rgba(245, 246, 255, 1);
      line-height:1.3;
      font-size: 17px;
      font-family: Inter;
      font-weight: 400;
      margin:0;
  }

  .bpApp{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
        gap:15px;
        text-align: left;
        margin-top: 15px;
        background: #F3F3FC;
border: 1px solid var(--Neutral-colors-Muted-Text, #A8AED0);
max-width:672px;
padding: 16px;
border-radius: 12px;
  }

   .bpApp p{
  font-size: 14px;
  color: #5F5D68;
  font-weight: 500;
  font-style: Medium;
  margin: 0 auto;
  }

  .bpApp img{
    width:16px;
    height:16px;
  }
/* ends here */

/* Appointment booking Automation */
.appointment-section{
    padding:50px 0;
    background:rgba(245, 246, 255, 1);
    overflow:hidden;
}


.appointment-left h3{
    font-weight:700;
    line-height:1.2;
    color:rgba(5, 5, 62, 1);
    font-style: Bold;
    margin-bottom:12px;
}

.appointment-left>p{
    line-height:1.7;
    color:rgba(71, 70, 80, 1);
    font-weight: 500;
    font-style: Medium;
}

.appointment-image{
    position:relative;
    display:inline-block;
    width: 100%;
}

.appointment-image img{
    width:100%;
    border-radius:22px;
    display:block;
    object-fit:cover;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.appointment-floating-card{
    position:absolute;
    left:60px;
    bottom:-35px;
    width:520px;
    background:#232F53;
    border-radius:18px;
    padding:22px;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    z-index:10;
}

.floating-content{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.floating-icon img{
    width:30px;
}

.floating-text p{
    line-height:1.8;
    font-weight: 400;
    font-style: Regular;
    color:rgba(251, 251, 251, 1);
}

.floating-text span{
    color:rgba(157, 123, 255, 1);
    font-size:14px;
    font-weight:400;
    font-style: Regular;
}

.appointment-right{
    padding-left:45px;
}

.appointment-right h2{
    line-height:1.08;
    font-weight:700;
    color:rgba(5, 5, 62, 1);
    margin-bottom:18px;
    font-style: Bold;
}

.appointment-right h3{
    color:rgba(123, 97, 255, 1);
    font-weight:700;
    margin-bottom:30px;
    font-style: Bold;
}

.featured-card{
    background:rgba(216, 216, 255, 1);
    border:1px solid border rgba(168, 174, 208, 1);
    border-radius:16px;
    padding:26px;
    margin-bottom:26px;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
}

.feature-heading{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.feature-heading img{
    width:22px;
    height:22px;
}

.feature-heading p{
  font-size: 14px;
    color:rgba(5, 5, 62, 1);
}

.featured-card>p{
    font-size:14px;
    line-height:1.9;
    color:rgba(71, 70, 80, 1);
    font-weight: 400;
    font-style: Regular;
}

.info-card{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px;
    background:#fff;
    border:1px solid #DCDCF2;
    border-radius:16px;
    margin-bottom:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.info-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(117,101,255,.15);
}

.card-icon{
    flex:0 0 58px;
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:14px;
    background: linear-gradient(135deg, #B8A7FF 0%, #7B61FF 100%);

}

.card-icon img{
    width:28px;
}

.card-text{
    flex:1;
}

.card-text p{
    margin:0;
    color:rgba(71, 70, 80, 1);
    line-height:24px;
    /* max-width: 245px; */
}

.card-text span{
    font-weight:700;
    color:rgba(0, 0, 0, 1);
}

.appointment-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    max-width:253px;
    width: 100%;
    height:66px;
    background: linear-gradient(90deg, #7B61FF 12%, #CCBBF5 95.67%);
    border-radius:12px;
    color:rgba(255, 255, 255, 1);
    font-size:16px;
    font-weight:500;
    text-decoration:none;
    font-family: Inter;
    transition:.35s;
}

.appointment-btn img{
    width:20px;
}

.appointment-btn:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 18px 35px rgba(111,84,255,.35);
}

.info-card:last-of-type{
    margin-bottom:30px;
}

.appointment-right,
.appointment-left{
    position:relative;
    z-index:2;
}
/* ends here */


/* Complete Automation Workflow */
.workflow-section{
    background:rgba(5, 5, 62, 1);
    padding:50px 0;
    overflow:hidden;
}

.workflow-heading{
    margin-bottom:70px;
}

.workflow-heading h2{
    font-weight:700;
    line-height:1.15;
    color:rgba(255, 255, 255, 1);
    font-style: Bold;
    margin-bottom:18px;
}

.workflow-heading h3{
    font-weight:700;
    font-style: Bold;
    color:rgba(255, 255, 255, 1);
    margin-bottom:20px;
}

.workflow-heading p{
    max-width:900px;
    color:rgba(255, 255, 255, 0.78);
    line-height:1.9;
    font-weight: 400;
    font-style: Regular;
}

.workflow-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#1A175B;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:30px;
    height:100%;
    transition:.35s;
    box-shadow:0 15px 40px rgba(0,0,0,.20);
}

.workflow-card:hover{
    transform:translateY(-8px);
    border-color:#8466FF;
    box-shadow:0 18px 45px rgba(111,84,255,.30);
}

.workflow-number{
    min-width:42px;
    width:42px;
    height:42px;
    border-radius:12px;
    background:linear-gradient(180deg,#B692FF,#7A5DFF);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    flex-shrink:0;
}

.workflow-content{
    flex:1;
}

.workflow-content h4{
    color:rgba(255, 255, 255, 1);
    font-weight:700;
    margin-bottom:16px;
    line-height:1.3;
    font-style: Bold;
}

.workflow-content p{
    color:rgba(255, 255, 255, 0.78);
    font-size:15px;
    line-height:1.9;
    font-weight: 400;
    font-style: Regular;
}

.workflow-section .row.g-4{
    row-gap:28px !important;
}

.workflow-section .col-lg-6:last-child .workflow-card{
    max-width:620px;
}

.workflow-card:hover .workflow-number{
    transform:scale(1.08);
    transition:.35s;
}

.workflow-card:hover h4{
    color:#C6B3FF;
}

.workflow-card,
.workflow-number,
.workflow-content h4{
    transition:.35s;
}
/* ends here */

/* Traffic Sources and Lead Funnels */
.traffic-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}

.traffic-heading{
    margin-bottom:55px;
}

.traffic-heading h2{
    font-weight:700;
    line-height:1.15;
    color:rgba(5, 5, 62, 1);
    font-style: Bold;
    margin-bottom:18px;
}

.traffic-heading h2 span{
    color:rgba(123, 97, 255, 1);
}

.traffic-heading h3{
    font-weight:700;
    font-style: Bold;
    color:rgba(5, 5, 62, 1);
    margin-bottom:20px;
}

.traffic-heading p{
    max-width:760px;
    font-size:15px;
    color:rgba(71, 80, 103, 1);
    line-height:1.9;
    font-weight: 400;
    font-style: Regular;
}

.traffic-buttons{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:65px;
}

.traffic-btn{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #DADAF0;
    background:#ffffff;
    color:rgba(5, 5, 62, 0.65);
    padding:15px 22px;
    border-radius:50px;
    font-size:15px;
    font-style: Bold;
    font-family: Inter;
    font-weight:700;
    transition:.35s;
    cursor:pointer;
}

.traffic-btn img{
    width:18px;
}

.traffic-btn:hover{
    border-color:#7A67FF;
    color:#7A67FF;
}

.traffic-btn.active{
    background:#0C0A46;
    color:#ffffff;
    border-color:#0C0A46;
    box-shadow:0 15px 35px rgba(16,12,82,.22);
}

.traffic-content-area{
    align-items:center;
}

.traffic-image-box{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 55px rgba(0,0,0,.12);
}

.traffic-image-box img{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.traffic-label{
    position:absolute;
    top:22px;
    left:22px;
    background:#7A67FF;
    color:#ffffff;
    padding:10px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    z-index:2;
}

.traffic-content{
    padding-left:40px;
}

.traffic-content h4{
    color:rgba(5, 5, 62, 1);
    font-weight:700;
    font-style: Bold;
    margin-bottom:20px;
}

.traffic-content p{
    font-size:15px;
    color:rgba(71, 80, 103, 1);
    line-height:1.9;
    font-weight: 400;
    font-style: Regular;
}

.traffic-content ul{
    padding:0;
    margin:0;
    list-style:none;
}

.traffic-content ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:18px;
    color:rgba(5, 5, 62, 0.65);
    font-size:13.5px;
    line-height:1.8;
    font-weight: 400;
    font-style: Regular;
}

.traffic-content ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#8A76FF;
}

.traffic-image-box:hover img{
    transform:scale(1.03);
}

.traffic-btn,
.traffic-image-box img{
    transition:.35s;
}

.fade-content{
    animation:fadeContent .35s ease;
}
@keyframes fadeContent{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
/* ends here */

/* Where Leads Land */
.lead-land-section{
    padding:50px 0;
    background:rgb(245,246,255);
    overflow:hidden;
}

.lead-heading{
    margin-bottom:70px;
}

.lead-heading h2{
    font-weight:700;
    line-height:1.15;
    color:rgba(5, 5, 62, 1);
    margin-bottom:18px;
    font-style: Bold;
}

.lead-heading h3{
    font-weight:700;
    font-style: Bold;
    color:rgba(5, 5, 62, 1);
    margin-bottom:20px;
}

.lead-heading p{
    line-height:1.9;
    font-weight: 400;
    font-style: Regular;
    color:rgba(71, 80, 103, 1);
}

.lead-card{
    background:#ffffff;
    border-radius:22px;
    padding:42px 28px;
    height:100%;
    text-align:center;
    border:1px solid rgba(212, 214, 240, 1);
    box-shadow:0 18px 45px rgba(28,26,84,.06);
    transition:.35s;
}

.lead-card:hover{
    transform:translateY(-10px);
    box-shadow:0 28px 55px rgba(212, 214, 240, 1);
    border-color:rgba(212, 214, 240, 1);
}

.lead-icon{
    width:74px;
    height:74px;
    margin:0 auto 28px;
    border-radius:20px;
    background:rgba(212, 214, 240, 1);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.lead-icon img{
    width:32px;
    height:32px;
    object-fit:contain;
}

.lead-card h4{
    font-weight:700;
    color:rgba(5, 5, 62, 1);
    line-height:1.4;
    margin-bottom:18px;
    font-style: Bold;
}

.lead-card p{
    font-size:15px;
    font-style: Regular;
    font-weight: 400;
    line-height:1.9;
    color:rgba(71, 80, 103, 1);
}

.lead-card:hover .lead-icon{
  transform:rotate(-2deg) scale(1.08);
}

.lead-card:hover .lead-icon img{
    filter:brightness(0) invert(1);
}

.lead-card,
.lead-icon,
.lead-card h4,
.lead-icon img{
    transition:.35s;
}

.lead-land-section .row.g-4{
    row-gap:30px !important;
}
/* ends here */

/* What Happens After the Booking */

.post-funnel-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}

.post-left-heading h2{
    font-weight:700;
    line-height:1.15;
    color:rgba(5, 5, 62, 1);
    font-style: Bold;
}

.post-left-heading h2 span{
    color:rgba(123, 97, 255, 1);
}

.post-right-heading{
    max-width:560px;
    margin-left:auto;
}

.post-right-heading h3{
    font-weight:700;
    color:rgba(5, 5, 62, 1);
    margin-bottom:20px;
    font-size: 23.8px;
    font-style: Bold;
}

.post-right-heading p{
    line-height:1.9;
    color:rgba(71, 70, 80, 1);
    font-weight: 500;
    font-style: Medium;
}

.post-card{
    display:flex;
    align-items:flex-start;
    gap:22px;
    background:rgba(255,255,255);
    padding:32px;
    border-radius:22px;
    border:1px solid #ECECF8;
    height:100%;
    transition:.35s;
    box-shadow:0 20px 45px rgba(17,16,76,.06);
}

.post-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(212, 214, 240, 1);
    border-color:rgba(212, 214, 240, 1);
}

.post-icon{
    width:62px;
    min-width:62px;
    height:62px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:18px;
    background:rgba(212, 214, 240, 1);
    transition:.35s;
}

.post-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.post-content{
    flex:1;
}

.post-content h4{
    font-weight:700;
    color:rgba(5, 5, 62, 1);
    margin-bottom:14px;
    line-height:1.35;
    font-style: Bold;
}

.post-content p{
    line-height:1.85;
    font-size: 15px;
    font-weight: 400;
    font-style:Regular;
    color:rgba(71, 80, 103, 1);
}

.post-card:hover .post-icon{
    transform:rotate(-2deg) scale(1.08);
}

.post-card:hover .post-icon img{
    filter:brightness(0) invert(1);
}

.post-card,
.post-icon,
.post-content h4,
.post-icon img{
    transition:.35s;
}

.post-funnel-section .row.g-4{
    row-gap:30px !important;
}
/* ends here */

/* Who Needs Appointment Booking Automation */
.booking-users-section{
    padding:50px 0;
    background:#0B0A46;
    overflow:hidden;
}

.booking-users-heading h2{
    font-weight:700;
    line-height:1.15;
   color:rgba(255, 255, 255, 1);
   margin-bottom:18px;
}

.booking-users-heading h2 span{
    color:rgba(123, 97, 255, 1);
   }

.booking-users-heading h3{
    font-weight:700;
    font-style: Bold;
    color:rgba(255, 255, 255, 1);
    line-height:1.6;
}

.featured-answer-card{
    background:#1A185F;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:28px 32px;
    margin-bottom:35px;
    box-shadow:0 20px 50px rgba(0,0,0,.20);
}

.answer-title{
    display:flex;
    align-items:center;
    gap:10px;
   margin-bottom:18px;
}

.answer-title img{
    width:18px;
    height:18px;
    object-fit:contain;
}
.answer-title p{
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    background: linear-gradient(92.58deg, #B8A7FF 0%, #7B61FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.featured-answer-card>p{
    font-weight:300;
    font-style: light;
    font-size:15px;
    line-height:1.9;
   color:rgba(255, 255, 255, 0.78);
}

.booking-user-card{
    background:#18175A;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:26px;
    height:100%;
    transition:.35s;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.booking-user-card:hover{
    transform:translateY(-8px);
    border-color:#7B67FF;
    box-shadow:0 25px 55px rgba(111,84,255,.20);
}

.booking-user-icon{
    width:58px;
    min-width:58px;
    height:58px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:16px;
    background:linear-gradient(180deg,#2B2979,#211F63);
    transition:.35s;
}

.booking-user-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.booking-user-content{
    flex:1;
}

.booking-user-content h4{
    color:rgba(255, 255, 255, 1);
    font-weight:700;
    margin-bottom:12px;
    font-style: Bold;
    line-height:1.4;
}

.booking-user-content p{
    color:rgba(255, 255, 255, 0.78);
    font-size:15px;
    line-height:1.8;
    font-weight: 400;
    font-style: regular;
}

.booking-user-card:hover .booking-user-icon{
    transform:scale(1.08) rotate(-2deg);
}

.booking-user-card:hover .booking-user-icon img{
    filter:brightness(0) invert(1);
}

.booking-user-card:hover h4{
    color:#A892FF;
}

.booking-users-section .row.g-4{
    row-gap:28px !important;
}

.booking-user-card,
.booking-user-icon,
.booking-user-icon img,
.booking-user-content h4{
    transition:.35s;
}
/* ends here */




/* FAQ section */
.faq-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}

.faq-heading{
    margin-bottom:55px;
}

.faq-heading h2{
    font-weight:700;
    line-height:1.2;
    color:rgba(5, 5, 62, 1);
    font-style: bold;
    margin-bottom:20px;
}

.faq-heading h2 span{
    color:#7865FF;
}

.faq-heading p{
    color:rgba(95, 93, 104, 1);
    font-weight: 400;
    font-style: Regular;
    line-height:30px;
}

.faq-item{
    border:1px solid #D8DAE8;
    border-radius:12px;
    background:#fff;
    margin-bottom:18px;
    overflow:hidden;
    transition:.35s ease;
}

.faq-item:last-child{
    margin-bottom:0;
}

.faq-item.active{
border: 1px solid rgba(0, 0, 0, 0.6);
box-shadow:0 12px 35px rgba(68,52,214,.08);
}

.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    padding:22px 24px;
}

.faq-question p{
    margin:0;
    color:rgba(8, 8, 59, 1);
    font-weight:500;
    font-style: Medium;
    line-height:28px;
    width:calc(100% - 40px);
}

.faq-question img{
    width:18px;
    transition:.35s;
}

.faq-answer{
    display:none;
    padding:0 24px 24px;
}

.faq-answer p{
    margin:0;
    font-size:14px;
    line-height:29px;
    font-weight: 400;
    font-style:Regular;
    color:rgba(71, 70, 80, 1);
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-item.active .faq-question img{
    transform:rotate(180deg);
}

.faq-item:hover{
border: 1px solid rgba(0, 0, 0, 0.6)
}
/* ends here */