/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {
    font-size: 1.09rem;
     line-height: 1.35;
}
small {
    font-size: 65%;
}
main h1 {
   font-size: clamp(2.8rem, 2.9465930018416207vw + 2.116022099447514rem, 3.7rem);
  line-height:1.1;
}

main h2 {
  font-size:clamp(2rem, 2.9465930018416207vw + 1.6160220994475138rem, 2.6rem);
  line-height:1.1;
}

main h3 {
  font-size: clamp(1.9rem, 2.9465930018416207vw + 1.1160220994475138rem, 2.4rem);
  line-height:1.25;
}

main h4 {
font-size: clamp(1.75rem, 2.2099447513812156vw + 1.0870165745856353rem, 2.2rem);
  line-height:1.25;
}

main h5 {
    font-size: clamp(1.375rem, 0.3683241252302026vw + 1.2645027624309393rem, 1.5rem);
  line-height:1.25;
}
   

h6 {
  font-size: clamp(1.025rem, 0.7366482504604052vw + 0.9040055248618785rem, 1.175rem) !important;
  line-height:1.5;
  font-weight:500;
}
    
li {
  padding-bottom: 4px;
}

.herotx {
  font-size: 1.2rem;
  }
   
.small-title {
  font-size:clamp(2.1rem, 2.9465930018416207vw + 1.6160220994475138rem, 3rem);
  line-height:1.25;
}
.xs-title {
   font-size: clamp(1.9rem, 2.9465930018416207vw + 1.1160220994475138rem, 2.4rem);
  line-height:1.25;
}
.med-title {
    font-size: clamp(1.375rem, 0.3683241252302026vw + 1.2645027624309393rem, 1.5rem);
  line-height:1.25;
}
   

/*************Wheel****************************/

.atlas-tabs__panel-text {
    margin-top: 30px;
}

@media only screen and (max-width: 600px) {
   .atlas-tabs__panel {
    padding:20px 0;
}
}


/*************Scroll Animation****************************/

/*.scroll-animation-plus-text__text-container {
    padding: 92px 0;
}*/

.scroll-animation-plus-text__text-section {
    margin-bottom: 10px;
    max-width: 550px;
}

@media (max-width: 900px) and (orientation: portrait) {
    .scroll-animation-plus-text__text-section {
        max-width: 100%;
        padding: 40px 20px;
    }
    .scroll-animation-plus-text__text-container {
    padding: 0 0 20px 0!important;
    }
   .scroll-animation-plus-text__animation, .scroll-animation-plus-text__animation video {
       height: calc(40vh - var(--animation-top-offset, 0px))!important;
       top: 40px!important;
    }
  .atlas-reveal-animations .atlas-animate-reveal {
    transition-duration: .1s;
}
}

/*************Menu****************************/

.atlas-navbar__mega-menu-container {
    margin-top: 0rem;
    background-color: var(--theme-cards-background-color, #eaeaea);
    border-radius: 0 0 12px 12px;
    margin: auto;
    padding: 2.3rem 2.3rem 0.7rem 2.3rem;
}


.atlas-navbar__mega-menu-panel {
    gap: 2rem;
}
.atlas-navbar [role=menuitem] {
    font-weight: 500;
    letter-spacing: 0.3px;
      font-size: 1.1rem;
}

.atlas-navbar__advanced-menu {
 gap: 1rem min(1rem, 10%);
}

.atlas-navbar__mega-menu-item {
    padding-bottom: 1.2rem;
}

.atlas-navbar__ctas {
    gap: 0rem; 
}

@media (width <= 680px) {
  .atlas-navbar [role=menuitem] {
    font-weight: 500;
    letter-spacing: 0.3px;
      font-size: 1.2rem;
}
}

@media (width <= 680px) {
    .atlas-navbar__menu {
        background: #00154a;
    }
   }
  
 @media (width <= 680px) {
    .atlas-navbar__mega-menu-panel {
        align-items: flex-start;
        margin-left: 0.1rem;
      gap: 0.5rem;
    }
}
@media (width <= 680px) {
    .atlas-navbar__mobile-back-button {
        padding-left: 30px;
    }
}
@media (width <= 680px) {
.atlas-navbar__mega-menu-container {
    padding: 1rem 0.1rem;
}}


/*************Footer****************************/


.atlas-footer a:not(.atlas-button) {
    transition: color 0.5s ease, border-color 0.5s ease;
    text-decoration: none;
}

.atlas-footer p :hover {
    color:#A7E0FF;
}

.atlas-footer form {
    background-color:#010a22;
    padding-left: 0;
}

.footer-row-0-padding {
    padding-top: 48px !important;
    padding-bottom: 16px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/****************Forms*************************/

.form-title {
    font-size: 1.7rem !important;
    padding-bottom: 10px;
}

form .hs-richtext, form .hs-richtext p {
    font-size: 0.75rem;
}


/****************Buttons*************************/

.atlas-button[class*='--filled'], .hs-button.primary {
  background-color: #0C69FF;
  border-color:#0C69FF;
  transition: background-color 0.5s ease, border-color 0.5s ease;
}

/*.atlas-button[class*='--filled'], .hs-button.primary:hover{
  background-color: #BD3576;
  border-color:#BD3576;
}*/

.atlas-navbar__ctas .atlas-button[class*='--filled'] {
   background-image:linear-gradient(45deg,#8973fb,#d74caf);
   border: 0px;
   transition: background-color 0.5s ease, border-color 0.5s ease;
}


.atlas-button[class*='text'] {
    padding-left: 0 !important;
    color: #FFFFFF;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #e2d4ff;
}

.atlas-button[class*='text']:hover {
    text-decoration-color: var(--theme-button-background);
    transition-property: width;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  transition: text-decoration-color 500ms;
}

/*************Gradients****************************/

 .gradient-lila {
        background-image:linear-gradient(45deg,#8973fb,#d74caf);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
   }

/*************Case Study Cards****************************/

.case-stud-slide.swiper-slide {
    margin: 0 0.5rem 0 0 !important;
}

.case-stud-slider-outer {
    margin: 3rem 0 0 0 !important;
}

.case-bottomns.flexwrap {
    margin: 0 0  !important;
}

/*************Cards****************************/

.atlas-cards-card-content .atlas-button {
   color: #ffffff;
   text-decoration: underline;
}
 .case-stud-links {
   margin-top:10px;
   color: #ffffff;
   text-decoration: none;
}

.case-bottomns .case-vall a {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #e2d4ff;
}
.case-bottomns .case-vall hover {
  color:#A7E0FF;
    text-decoration-color: var(--theme-button-background);
    transition-property: width;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  transition: text-decoration-color 500ms;
}

 .case-stud-links a {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #e2d4ff;
}

 .case-stud-links:hover {
   color:#A7E0FF;
    text-decoration-color: var(--theme-button-background);
    transition-property: width;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  transition: text-decoration-color 500ms;
}

.case-stud-links svg {
    display: none;
}

.atlas-tabs__tablist li {
    text-align: center;
}

.atlas-blog-card__post-content h3 {
      font-size: var(--theme-h6-font-size);
}

.atlas-button, .hs-button.primary {
    margin-right: 8px;
}

.atlas-cards-slider {
  margin: 0px;
  width: 380px;
}
.atlas-cards-slider-content, .case-stud-slide.swiper-slide {
  padding:10px 20px 20px 20px;
}
.atlas-cards-slider-content, .case-stud-slide.swiper-slide p {
  font-size: 0.9rem;
}
.atlas-cards-slider-content-subheadline {
  font-size: 0.8rem;
  letter-spacing:0.5px;
  margin-bottom: 0.6em;
}

.atlas-cards-card-content {
  min-width: 150px;
}

/********************BLOG****************************/

.atlas-blog-card__post-image {
    background-size: 100%;
    padding-bottom: 52%;
}

.atlas-blog-posts-list .atlas-blog-card__post-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}

.atlas-blog-card__post-content p {
   font-size: 0.9rem;
}

.atlas-blog-tags, .atlas-blog-post__tag-link {
    font-size: 0.9rem;
  text-transform:uppercase;
  max-width: 1200px !important;
  padding: 0 10px 0 0;
}

.atlas-blog-tags .atlas-button  {
    border-color: #5DB8E3;
    font-size: 0.8rem;
    padding: 6px 12px;
}

.atlas-blog-tags .atlas-button:hover  {
    border-color: #A7E0FF;
    background-color: #A7E0FF !important;
    color: #00154a;
}

.atlas-blog-tags .atlas-button:active {
    border-color: #A7E0FF !important;
    background-color: #A7E0FF !important;
    color: #00154a !important;
}

.atlas-blog-tags li {
    margin: 3px;
}

#hs_cos_wrapper_blog-posts {
    opacity:1;
  transform: none;
}

.blog-filter .submitted-message, form  {
    padding: 1rem 2rem 2rem 2rem !important;
}

.blog-filter {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.blog-filter .hs-search-field__suggestions .results-for, .hs-search-field__suggestions a {
    display: block;
    line-height: 1.3rem;
    padding: 15px 0;
    font-size: 1rem;
}

.hs-search-field--open .hs-search-field__suggestions, .inpage-editor-active-field .hs-search-field__suggestions {
    background-color: #5F4496 !important;
    border: 0px !important;
    box-shadow: 1px 10px 16px -9px hsla(0, 0%, 48%, .75);
    padding:10px;
}

.blog-search {
    flex-basis: 300px;
    margin: 0;
}

#hs_cos_wrapper_site_search .hs-search-field__bar>form>.hs-search-field__input {
   font-size: 0.9rem;
    padding: 3px 10px;
}
 

.atlas-blog-post__avatar {
    margin-right: 16px;
    width: 40px;
    height:40px;
}

.atlas-blog-post__author {
   font-size: 0.9rem;
}

.atlas-blog-post {
    padding: 2.5rem 0;
}


.atlas-blog-post h2 {
    font-size: 2.05rem !important;
    line-height: 1.1;
    padding-top: 24px;
}

.atlas-blog-post h3 {
    font-size: 1.8rem !important;
    line-height: 1.1;
    padding-top: 24px;
}

.atlas-blog-post p {
    padding: 10px 0 10px 0;
}

.atlas-blog-post__meta {
     margin-bottom: 2rem;
}


.atlas-blog-post_breadcrumbs {
 font-size: 0.75rem !important;
  text-transform: uppercase;
}

#hs_cos_wrapper_dnd_area-module-1 .interactive-button {
    background-color: #0C69FF !important;
    border: 2px solid #0C69FF !important;
    color: #FFFFFF;
    font-family: Mulish;
    padding-top: 9px;
    padding-right: 6px;
    padding-bottom: 9px;
    padding-left: 6px;
    width: 85%;
}

.atlas-blog-card__post-image {
    background-color: #5DB8E3;
}


/*****************************Hero****************************/

.atlas-hero_content {
     gap: 5%;
}


.scroll-animation-plus-text__text-section {
    max-width: 480px!important;
}

@media (max-width: 900px) and (orientation: portrait) {
    .atlas-hero_content-image-lottie-video {
    padding-top:40px;
}
}

@media (max-width: 900px) and (orientation: portrait) {
    background-color: #5F4496 !important;
    }
}


/*********************************************Logo size****************************/
.ad_logo_img{
  width:193px;
  height: 55px;
    }

/**************************************************Tabs****************************/

.atlas-tabs__panel {
        background-color: transparent;
        border: 0;
    }
.atlas-tabs__tablist.contained {
        background-color: transparent;
    }
.atlas-tabs__tablist .atlas-tabs__tab[aria-selected="true"] {
        color: #a7e0ff;
        font-size: 1.25rem;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 600;
        border-bottom: 3px solid #DC599E;
      border-radius: 0;
   background: #08154a;
    }
 .atlas-tabs__tablist .atlas-tabs__tab:hover {
        color: #a7e0ff;
        font-size: 1.25rem;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 600;
        border-bottom: 3px solid #3868B1;
      border-radius: 0;
    }
.atlas-tabs__tab {
        color: #ffffff;
        font-size: 1.25rem;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 600;
        padding: 12px;
        border-bottom: 3px solid rgba(255, 255, 255, 0%);
        --tab-box-shadow: var(--theme-shadows-none);
    }
/*************Eyebrow****************************/

.atlas-custom-rich-text__preheader {
    margin-bottom: .75rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height:1.1;
    color: #A7E0FF;
}



.atlas-testimonial__author span {
    font-weight: 100;
    letter-spacing: 0.5px;
    margin-top: 4px;
  
}