<style> 
/* Fixed Header */
 .header__container, .header {
     background-color: #6231f7;
     z-index: 1000;
}
.footer--site-page {
  background-color: #8A50FD!important;
}
.navigation-primary .submenu.level-1>li>a.active-item:after {
    display: none;
}
 .header{
     position: fixed;
     top: 0;
     width: 100%;
     border-bottom-right-radius: 20px;
     border-bottom-left-radius: 20px;
}
ul[class*='submenu level-1'] > li:nth-last-child(2),
ul[class*='submenu level-1'] > li:nth-last-child(1) {
     background-color: RGB(21, 255, 177);
     border: 0px none #000000;
     border-radius: 25px;
     color: #FFFFFF;
     font-size: 16px;
     font-family: 'DM Sans', sans-serif;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     padding-top: 5px;
     padding-right: 18px;
     padding-bottom: 5px;
     padding-left: 18px;
}
.callToAction {
    background-color: rgba(21, 255, 177, 1.0);
    border: 1px solid #15ffb1;
    border-radius: 25px;
    color: #09005e;
    font-size: 16px;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    padding-left: 40px;
    width: 100%;
}
.callToAction:hover {
    background-color: rgba(255, 255, 255, 1.0);
    border: 1px solid rgba(21, 255, 177, 1.0);;
    color: #09005e;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

.callToActionPink {
    background-color: #ff3673;
    border: 1px solid #ff3673;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    padding-left: 40px;
    width: 100%;
}
.callToActionPink:hover {
    background-color: #ffffff;
    border: 1px solid #ff3673;
    color: #ff3673;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

ul[class*='submenu level-1'] > li:nth-last-child(2):hover,
ul[class*='submenu level-1'] > li:nth-last-child(1):hover {
   background-color: #ffffff;
}
 .submenu.level-1>li {
     margin-right: 10px 
}
 ul.submenu.level-1 > li:not(:nth-last-child(1)):not(:nth-last-child(2)) > a {
    color: RGB(21, 255, 177);
    font-weight: 500;
}
ul.submenu.level-1 > li:not(:nth-last-child(1)):not(:nth-last-child(2)) > a:hover {
    color: #ffffff;
}
nav[aria-label*="menu"] {
  background-color: #6231f7;
  padding: 10px;
  border-radius: 0px 0px 25px 25px;
}
 .header__navigation {
   margin-top:0px;
   border-radius: 0px 0px 25px 25px;
}
.submenu .level-2, .submenu .level-2 li a {
    border-radius: 25px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .navigation-primary .submenu.level-1 .menu-item .menu-link:active,
    .navigation-primary .submenu.level-1 .menu-item .menu-link:hover {
        background-color: rgb(255 255 255);
    }
}

/* Form Fields */
 .hs_recaptcha {
     display: none!important;
}
 .hs-form-field {
     margin-bottom: .25rem;
}
 .div[id*='hs_form_target'] {
     background-color:none 
}
 form[id*='hsForm'] {
     background-color: #FFE9F0 
}
/* Footer Settings */
 .footer__container {
     margin: 0 auto;
     padding: 0;
}
 .social-links {
     text-align: center;
     width: 100%;
     margin: auto;
     display: block;
}
 h4,h5 {
     letter-spacing: 0px!important 
}
/* Testimonial Carousel */
 .enhanced-testimonial-slider-cm__wrapper{
     background-color: #09005E !important;
     border-radius: 20px !important;
     width: 100% !important;
}
 .testimonials-slider-overlapping_item {
     background-color: #09005E;
}
 .enhanced-testimonial-slider-cm__img-wrapper > img {
     border-radius: 10px;
}
 @media (min-width: 768px) {
     .enhanced-testimonial-slider__swiper-slide-wrapper {
         padding-right: 25px;
         padding-left: 50px;
    }
     .enhanced-testimonial-slider-cm__img-wrapper {
         padding:2rem;
         max-width:60% 
    }
     .enhanced-testimonial-slider-cm__content-wrapper {
         max-width:40% 
    }
}
 @media (max-width: 767px) {
     .enhanced-testimonial-slider__swiper-slide-wrapper {
         padding-right: 40px;
         padding-left: 40px;
    }
     .enhanced-testimonial-slider-cm__img-wrapper {
         padding-top:2rem ;
         margin: -10px -20px 0 -20px;
    }

   .enhanced-testimonial-slider-cm__content-wrapper h3 {
    font-size: 18px !important;
}
}
 iframe[src*='hubspotvideo'] {
     border-radius:25px 
}

/* Metric Counter */
 #metriccounter *> .metrics_card_iner {
     border-radius: 20px 
}
 #metriccounter *> .animated-metric-counter_stats_wrpr {
     padding: 0px 
}

/* Image Zoom Block */

 .image-container {
     position: relative;
     overflow: hidden;
     border-radius:20px;
}
 .zoomed-in-image, .overlay {
     transition: transform 0.5s ease!important;
     width: auto;
     height: auto;
     -webkit-transform: scale(2.25);
     transform: scale(2.25);
     transform-origin: 50% 49%;
}
 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     background-color: rgba(9, 0, 94,0.4);
    /* Semi-transparent overlay */
     transition: opacity 1s ease;
}
 .brand-logo {
     max-width: 50%;
    /* Adjust based on your logo size */
     height: auto;
     opacity: 0;
}
 .image-container:hover .zoomed-in-image, .image-container:hover .overlay {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .image-container:hover .overlay {
     opacity: 1;
}
 .image-container:hover .brand-logo {
     opacity: 1;
}
 .row {
     display: flex;
}
 .column {
     flex: 50%;
}
 .swiper-button-prev:focus, .swiper-button-next:focus {
     outline: none;
}
 p.pricing_highlight {
     color:#09005e!important 
}
 div.pricing_desc {
     display:none 
}
/* Video Collapsible */
 @media (min-width: 768px) {
     .video-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: auto auto;
         padding: 10px;
    }
}
 .video-container {
     width: 100%;
     overflow: hidden;
     position: relative;
     padding: 10px;
}
 .video-container video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .faq-mwb-faq {
     border-bottom: 2px solid #ff3673 !important;
}
 .faq-mwb__title h6 {
     letter-spacing: 0px;
}
 </style>