/*****************************************/
/*     Start your custom style here      */
/*****************************************/

.sr-cards-grid-02 .card {
    position: relative;
    background-size: cover;
    background-position: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 3.35rem 2.2rem !important;
    border-radius: 20px !important;
    border: 1px solid;
    box-shadow: 0 10px 40px -35px rgba(0, 0, 0, .5), 0 54px 150px -35px rgba(0, 0, 0, .4);
    border-color: #6900ce !important;
}

/* Form Styling */


#hs_cos_wrapper_module_0 .sr-form {
    background-color: rgba(255,255,255,1.0);
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 10px;
}

#hs_cos_wrapper_module_1666126922587 .sr-form {
    background-color: rgba(255,255,255,1.0);
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 10px;
}
#hs_cos_wrapper_module_4 .sr-form {
    background-color: rgba(255,255,255,1.0);
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 10px;
}



/* Card Testimonial Slider */

.cards-testimonial-slider .cards-wrapper {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background: #fff;
    -webkit-box-shadow: 15px 25px 60px 0 rgb(0 0 0 / 13%);
    box-shadow: 15px 25px 60px 0 rgb(0 0 0 / 13%);
    border-radius: 10px;
}

  
  .modal-content {
    background-color: #fff;
    border-color: #e5e7ea;
    border-radius: 0;
    border-radius: 10px;
}





/* Accordions */
.sr-tabs-accordion-01 .accordion_header h6 {
    font-weight: 700;
    font-size: 20px;
}

.sr-tabs-accordion-01 .accordion_group  {
  border-radius:20px 
}

.accordion_header  {
  border-radius:20px;
  border-color: transparent !important;  
}

.accordion_content {
   border-color: transparent !important;
  border-top: 2px solid #25448E !important;
}




/* Gradient Backgrounds */



.wavy-gradient-one {
    background: linear-gradient(268deg, #6900ce, #10c2bf);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}



.solid-gradient-one {

background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(105,0,206,1) 8%, rgba(16,194,191,1) 80%);
  
}

.solid-gradient-one-about {

background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(105,0,206,1) 8%, rgba(16,194,191,1) 80%);
  
}

.solid-gradient-two {
background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(105,0,206,1) 20%, rgba(255,184,80,1) 87%);
}

.solid-gradient-two-testimonial {
background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(105,0,206,1) 20%, rgba(255,184,80,1) 87%);
}

.solid-gradient-three {
background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(105,0,206,1) 44%, rgba(16,194,191,1) 89%);
}

.solid-gradient-four {
background: rgb(105,0,206);
background: linear-gradient(330deg, rgba(255,184,80,1)20%, rgba(105,0,206,1) 87%);
}





.sr-cards-grid-02 .card {
    position: relative;
    background-size: cover;
    background-position: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 3.35rem 2.2rem !important;
    border-radius: 20px !important;
    border: 0px solid;
    box-shadow: 0 10px 40px -35px rgba(0,0,0,.5), 0 54px 150px -35px rgba(0,0,0,.4);

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

.sr-hero-features .height-small {
    padding: 2rem 0;
  }}



.primary-background-color {
background-color: #6900CE;
}




@media screen and (max-width: 768px) {
  
  .cell-padding {
    
    padding-bottom: 30px;
  }}



#hs_cos_wrapper_widget_1680908596153 .sr-form {
    
    border-radius: 10px;
}

/* testimonial card title */


.sr-cards-testimonial-grid-02 .team-card .card-text.text-primary {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    margin-top: 10px;
}




/* BLog Listing Page */ 

.sr-pagination.bg-secondary {

    background-color: white !important;
  
}

.hubspot-grader-form-container .hubspot-grader-form__header .title {
    font-size: 46px;
    line-height: 63px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 54px !important;
}




@media screen and (max-width: 768px) {
.sr-hero-01.sr-cover-parallax .height-full {
    min-height: 80vh;
  }}


/* Footer Styling */
.footer-copyright p a {
    color: #ffffff;
    font-weight: 500;
}
.footer-copyright p a:hover {
    opacity: 90% !important;
    color: #ffffff;
}



/* Our Work Modal Styling 

.sr-showcase button.close {
    /* background: 0; */
    border: 0;
    color: #000;
    font-size: 4rem;
    font-weight: 100;
    height: 4rem!important;
    width: 4rem !important;
    right: 1rem;
    top: 0px;
    z-index: 1;
    background-color: white;
}

.blaze-arrow.svg {

    fill: currentColor;
    height: 20px !important;

}
  
  
  
  /* blog article cards */
  
  .sr-cards-articles-02 .article-item .sr-border {
    -ms-flex-line-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-content: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.1);
    box-shadow: inherit;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 1rem;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .42s cubic-bezier(.165,.84,.44,1);
    -o-transition: all .42s cubic-bezier(.165,.84,.44,1);
    transition: all .42s cubic-bezier(.165,.84,.44,1);
    width: 100%;
    border-radius: 10px;

}

/* Marketing to sales LP CTA */
    
    .sr-offer-bar-04 .content-wrapper {
    -webkit-box-shadow: 15px 25px 60px 0 rgba(0,0,0,.1);
    box-shadow: 15px 25px 60px 0 rgba(0,0,0,.1);
    padding: 3.125rem;
    border-radius: 20px;
}


/* Transforms 4 cards into 1 aesthetic supercard */
/* REF: (https://www.lean-labs.com/pricing) */
.cards-unified .cards {
  background-color: var(--white);
  border-radius: 20px;
}

.cards-unified .card.sr-border {
  border-radius: 0!important;
  transition: transform .4s ease-in-out;
}

.cards-unified .cards .card:first-child {
  border-top-left-radius: 20px!important;
  border-bottom-left-radius: 20px!important;
}

.cards-unified .cards .card:last-child {
  border-top-right-radius: 20px!important;
  border-bottom-right-radius: 20px!important;
}

.cards-unified .card.sr-border:hover {
  background-color: var(--light);
  transform: scale3d(1.05, 1.05, 1.05);
  transition: transform .4s ease-in-out;
  z-index: 1;
}

.cards-unified.dark .cards,
.cards-unified.dark .card.sr-border{
  background-color: #010024;
  border-color: var(--link_hover_color);
  transition: background-color .4s ease-in-out, transform .4s ease-in-out;
}

.cards-unified.dark .cards * {
  color: var(--white);
}

.cards-unified.dark .text-primary {
  color: var(--secondary) !important;
}

.cards-unified.dark .card.sr-border:hover {
  background-color: var(--black);
}


.sr-cards-testimonial-grid-01.sr-spacer-top-50 {
    
    /padding-top: 0rem !important; 
}