.feature-space-between {
   justify-content:space-between;
   }
   
   .feature-space-evenly {
   justify-content:space-evenly
   }
   
   .feature-center {
   justify-content:center;
   }
   
   
   .feature-flex-start {
   justify-content:flex-start;
   }
   
   .feature-flex-end {
   justify-content:flex-end;
   }
   
   .max-width-large {
   max-width: 1280px;
   }
   
   .max-width-xl {
    max-width: 1340px;
   }
   
   .max-width-normal {
   max-width: 1024px;
   }
   
   .max-width-small {
   max-width: 940px;
   }
   
   .max-width-platform {
     max-width: 76.625rem;
   }
   
   
   .cv-feature-reverse {
     display: flex;
     align-items: center;
     flex-direction: row;
     justify-content: space-between;
     /*max-width: 1280px;*/
     margin: 0 auto;
   }
   .cv-feature-reverse.video-right {
     flex-direction: row-reverse;
   }
   
   .cv-feature-reverse .dp-left {
     text-align: center;
   }
   
   
   .cv-feature-reverse .dp-right {
     max-width: 23.1rem;
   }
   
   .hp24-dp-2024 .hp24-dp-content:not(.mobile-content) {
     width: 76.625rem;
     max-width: 100%;
   }
   .hp24-dp-2024 .hp24-dp-content:not(.desktop-content) {
     display: none;
   }
   
h2.hp24-dd-title {
  font-family: 'proxima-bold', 'Proxima Nova',"Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--spectrum-200-f-3-f-0-ff, #F3F0FF);
  text-align: center;
  font-size: 3.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 4.725rem */
  letter-spacing: -0.0675rem;
}

.hp24-top-heading {
  margin-top: 2.5rem;
}

.hp24-button-dp {
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

   
   /**DROPDOWN CSS ******/
   .hp24-dp-2024 .arrow-icon {
     width: 26px;
     height: 26px;
   }
   
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-item {
      border-radius: 2rem;
      cursor: pointer;
      margin-bottom: 0.5rem;
      width: 35.3rem;
}


   /********************/
   
   .hp24-dp-2024 .inner {
     max-width: 76.625rem;
     width: 100%;
     margin: 0px auto;
     -moz-transition: width 0.5s linear;
     -o-transition: width 0.5s linear;
     -webkit-transition: width 0.5s linear;
     transition: width 0.5s linear;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
   }
   
   .label-dropdown {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
   }

.hp24-dp-2024 .hp24-dp-dd-title span {
 color: var(--spectrum-5008260-ff, #8260FF);
}
   
h3.hp24-dp-section-title {
    font-family: Proxima Nova, "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;; 
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 3rem */
    letter-spacing: -0.05rem;
  background: var(--AI-gradient-light, linear-gradient(286deg, #CB89FF 22.29%, #ECCCFF 80.89%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}  
 
.collapsed > h3.hp24-dp-section-title {
    background: var(--AI-gradient-light, linear-gradient(286deg, #CB89FF 22.29%, #ECCCFF 80.89%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;     
}


   p.hp24-dp-section-paragraph {
     font-family: Proxima Nova, "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    color: var(--neutral-200-f-5-f-6-fa, #F5F6FA);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    letter-spacing: 0.02rem;
   }
    .dp-left-mobile {
    display: none;
    }

   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-left {
     background: transparent;
     display: flex;
     flex-direction: column;
     align-items: center;
     max-width: 33.75rem;
     max-height: 33.75rem;
   }
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-left img,
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-left video  {
     max-width: 100%;
     border-radius: 8px;
     width: 35.625rem;
     height: auto;
   }
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
     max-width: 23.1rem;
     width: 100%;
     height: auto;
     padding-top: 2rem;
   }
     .hp24-dp-2024 .hp24-dp-top-heading {
       max-width: 72rem;
       width: 100%;
       padding: 0 24px;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
     }   


   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section,
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section-mobile {
     font-family: "proxima-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
     padding: 0px;
     padding: 1.25rem;
     font-size: 14px;
     line-height: 150%;
     letter-spacing: 0.02em;  
     font-weight: 300;
     border-radius: 12px;
     width: 29.3rem;
   }
   
.hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section {
padding: 40px;
}
/*  .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-item > h3.hp24-dp-section-title,
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-item > .hp24-dp-section-paragraph,
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-item > span.arrow-icon > svg {
  color: #000;
 } */

.hp24-dp-item:hover {
  background : rgba(16, 11, 36, 0.20);
}
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section .hp24-dp-section-paragraph,
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section-mobile .hp24-dp-section-paragraph-mobile {
     margin-bottom: 1rem;
   }
   
/

p.hp24-dp-section-paragraph > a {
    font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    letter-spacing: 0.02rem;
    text-decoration: underline;
}
   
   
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section .hp24-dp-section-link svg {
     display: flex;
     align-self: center;
     margin-left: 6px;
   }
   
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section strong {
     font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
   
  

@media screen and (min-width: 1600px) {
.hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
    max-width: 35.1rem;
}
}

@media screen and (max-width: 1400px) {
  .max-width-large {
      max-width: 1180px;
  }
}

   
   @media screen and (max-width: 1366px) { 
     .cv-feature-reverse .dp-right {
       padding: 0 24px;
     }
     .dp-right {
     width: 32rem;
     }
     .dp-left {
     max-width:26rem;
     }
   }
  
   @media screen and (max-width: 1090px) {       
 /*    .hp24-dp-2024 .max .inner .hp24-dp-content .hp24-dp-item-3-mobile:nth-of-type(3n) h3,
     .hp24-dp-2024 .max .inner .hp24-dp-content .hp24-dp-item-3-mobile:nth-of-type(3n) .hp24-dp-section-paragraph-mobile {
       color:#1D2023;
     }
   
     .hp24-dp-2024 .hp24-dp-top-heading {
       max-width: 1024px;
       width: 100%;
     }
 
     .hp24-dp-2024 .max .inner .hp24-dp-dd-title {
       line-height: 55px;
       margin-bottom: 2.5rem;
     }

     .hp24-dp-2024 .hp24-dp-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-bottom: 2rem;
     }
     
     .hp24-dp-2024 .max .inner .hp24-dp-content .dp-left {
       margin-right: 0;
       margin-top: 0;
    }*/
   }

   
   @media screen and (max-width: 940px){
    .hp24-dp-genai-2024 {
        padding: 50px 24px;
    }
     h2.hp24-dd-title {
       font-size: 2.5rem;
       margin-bottom: 1.5rem;
     }
     .hp24-dp-section-paragraph {
     font-size: 0.875rem;
     }
    .cv-feature-reverse, .cv-feature-reverse.video-right {
        margin: 0 auto;
        width: 100%;
        flex-direction: column;
    }
     .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
     max-width: 100%;
     }
   .hp24-dp-2024 .max .inner .hp24-dp-content .dp-left {
     display : none;
     }
     .dp-left-mobile {
     display : block;
     }
     .dp-left-mobile img {
       max-width: 100%;
     }
     #accordion {
        display: flex;
        flex-direction: column;
        align-items: center;
     }
     .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-section,
     .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right .hp24-dp-item {
       width: 100%;
       max-width: 100%;
     }
   }
   
@media screen and (max-width: 768px) {

       .cv-feature-reverse .dp-right,
       .cv-feature-reverse .dp-left {
         padding: 0 24px;
         max-width: 100%;
     }
     .cv-feature-reverse {
       margin-top: 0;
       margin-bottom: 2.5rem;
     }
     .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
     padding-top: 4rem;
     }

     .hp24-dp-2024 .hp24-dp-top-heading {
       max-width: 768px;
       width: 100%;
     }
     span.hp24-dp-section-title {
     font-size: 1.25rem;
     }
      .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
       max-width: 100%;
     }
     .hp24-dp-2024 .arrow-icon {
     margin-top:0;
     }
   }

   @media screen and (max-width: 540px) {
     h3.hp24-dp-section-title {
     font-size: 1.5rem;
     }


}
 
   
   
   
  
@media screen and (max-width: 340px) {

      p.hp24-dp-section-paragraph {
        font-size: 14px;
    }
      .hp24-dp-2024 .max .inner .hp24-dp-content .dp-right {
        padding-top: 1rem;
    }
      .dp-left-mobile img {
        max-width: 100%; 
    }
}
   
   
   #imageFile {
  width: 24rem;
  height: auto;
}