.ui.button.gradient.btn-dark{
    background: linear-gradient(60deg, #0B0E1A, #0B142C, #172238);
}
.ui.button.gradient.btn-dark:hover{
    background: linear-gradient(60deg, #172238, #0B142C, #0B0E1A);
}
.mini-menu{
    padding: 0px;
    border: 0px;
}
.marquee{
    position: relative;
    overflow: hidden;
    /* soft fade on edges */
    -webkit-mask-image: linear-gradient(to right,
      transparent, black 48px,
      black calc(100% - 48px), transparent);
    mask-image: linear-gradient(to right,
      transparent, black 48px,
      black calc(100% - 48px), transparent);
  }
  
  .marquee__track{
    display: flex;
    align-items: stretch;
    gap: 1rem;
    width: max-content; /* let content define width */
    animation: marquee-scroll 22s linear infinite;
  }
  
  .marquee:hover .marquee__track{
    animation-play-state: paused; /* pause on hover */
  }
  
  @keyframes marquee-scroll{
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); } /* move by half (because we duplicated) */
  }
  
  
  /* Nice dark mode default */
  @media (prefers-color-scheme: dark){
    .platforms-card{ background: #111; color: #f3f3f3; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
    .marquee{ background: transparent; }
  }
  
  /* Respect reduced motion: disable animation, enable manual scroll with snap */
  @media (prefers-reduced-motion: reduce){
    .marquee{ -webkit-mask-image: none; mask-image: none; }
    .marquee__track{
      animation: none;
      gap: 1rem;
    }
    .marquee{
      overflow-x: auto;
      scroll-snap-type: x mandatory;
    }
    .platforms-card{ scroll-snap-align: start; }
  }
  
.g2_logo span img{
    max-width: 112px;
}
.hero_form{
    background-color: #f7f9fc;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #94AEC540;
}

.cta_new_main.bg-gray-50_01{
    padding-bottom:50px
}
.cta_new .subscriptions{
    margin-left: 25px;
}

#intercom-container,.intercom-lightweight-app,.gt_box{
    display:none !important;
}

.navigation-custom{
    background:transparent !important;
}

.event-case-left .button-1 a{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.logo-box{
    padding:14px 0px;
}

.brand-strip .brand_wrap{
    background-size:cover;
}

.nb_active .hero_section{
    padding-top:120px;
}

.hero_section,
.navigation-custom{
    background:linear-gradient(60deg,#f6f9fc,#fff) 
}

.hero_section{
    padding-bottom:30px 
}

.hero_section{
    height:auto;
    padding-top:120px 
}

.hero_section .g2-reviewrap{
    display:flex 
}

.hero_section .g2-reviewrap button{
    margin-right:15px 
}

.g2-reviewrap img{
    max-width:200px; 
    margin-left:10px; 
}

.footer_copyright>ul,
.footer_top,
.navigation,
footer hr{
    display:none 
}

.navigation-custom .navigation{
    display:flex;
    padding-top:20px;
    margin:0 auto 
}

.notification_bar,
.notification_bar.nb_show{
    display:none!important 
}

.hero-video-wrap video{
    display:flex;
    border-radius:16px;
    background-color:#fff;
    width:100%;
    height:100%;
    box-shadow:0 0 25px 0 #9caAC440;
    max-height:550px 
}

.scrolled .mini-menu,
.scrolled .navigation-left{
    box-shadow:none;
    border:1px solid #e1e1e1;
    border: 0px;
    background-color: transparent;
}

/* .site-logo{
    pointer-events:none 
} */

.gridframe .feature_column{
    padding:20px 
}

.event-case-right{
    min-height:360px 
}

.feature_column .thumbnail{
    width:52px;
    height:52px;
    margin-right:10px;
}

.feature_column .dedicated{
    margin-top:0px;
}

.hero-video-wrap video,
.left_content-1{
    width:80% 
}

.footer_review .ada-comp{
    display: none;
}

footer{
    display:none
}

.footer_new{
    display:block;
}

.footer_copyright{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_copyright a{
    color:var(--blue_gray_900_01) !important;
    margin-left:50px;
}

@media (max-width:992px){
    .navigation-left{
        padding:0 15px;
    }
    
    .nb_active .gt_box{
        bottom:20px 
    }
}

@media (max-width:767px){
    .hero_section .g2-reviewrap{
        flex-wrap:wrap;
        justify-content:center 
    }
    
    .hero_section .g2-reviewrap button{
        margin-bottom:20px;
        margin-right:0 
    }
    
    .hero_image{
        width:70%;
        margin-top:10px 
    }
}

@media only screen and (max-width:550px){
    .hero_image,.left_content-1{
        width:100% 
    }
    
    .tab-new-list .tab-link{
        font-size:12px !important;
    }
    
    .hero-video-wrap video,
    .left_content-1{
        width:100% 
    }
}

.add_modal_dialog .hbspt-form .hs-form-iframe{
    height: 350px !important;
}

.social-platforms{
    box-shadow: 0px 0px 10px #94AEC540;
    padding: 40px;
    max-width: 1170px;
    width:100%;
    border-radius:8px;
}
.socialIcon-main{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:0px;
}

.platforms-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    width: 100px;
    background-color: #FFF;
    padding: 14px 0;
    border: 1px solid #f1efef;
}

.platforms-card span{
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
}

.platforms-card img{
    width:32px;
    height: auto;
    margin-bottom:3px;
}

.platforms-card p{
    margin-top:5px;
    font-weight:500;
    font-size:14px;
}

@media (max-width:767px){
    .social-platforms{
        padding:10px 15px;
        box-shadow: none;
    }
    
    .platforms-card{
        margin:5px;
    }
}

.tab-new{
    box-shadow: 0px 0px 10px #94AEC540;
    padding: 40px;
    max-width: 1170px;
    border-radius: 8px;
    margin-top:40px;
}
.tab-new-icon{
    margin-right:10px;
}

.tab-new .left_content{
    align-items: start;
    text-align: left;
    padding: 0px;
}

.tab-new .right_content-2{
    background-color: #f6f9fc;
    padding: 0px;
    border-radius: 8px;
}

.tab-new-list{
    justify-content:center;
    border:0px;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom: 30px;
    padding-top: 0px;
}

.tab-new-list .tab_list{
    margin:0px;
}

.tab-new-list .tab-link{
    background-color: #fff;
    color: #2b2b2b;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #000;
}

.tab-new-list .tab-link:after{
    content:none;
}

.tab-new-list .tab-link:hover, 
.tab-new-list .tab-link.active-tab-link{
    background:linear-gradient(60deg, #f9b061, #ce2e93, #4a66d6);
    color:#fff;
    border-color:transparent;
}
.content-section__description-2 ul li img{
    top:0px;
}
@media (max-width:992px){
    .tab-new{
        padding:0px;
    }
    
    .tab-new-list{
        gap: 10px;
        margin-top: 20px;
    }
    
    .tab-new-list .tab_list{
        margin:0px;
    }
}

.content_section_new .features_link-content{
    font-size: 14px;
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}

.content_section_new .features_link-content video{
    display:none;
}

.content_section_new .active-link ~ .features_link-content{
    height: 115px;
}

.content_section_new .features__layout-selection{
    width:35%;
}

.features__layout-selection .layout-selection__list li button svg{
    width:32px;
    height:32px;
}

.features__layout-selection .layout-selection__list li button span{
    padding:8px;
}

.features__layout-selection .layout-selection__list li{
    margin-bottom:10px;
}

.features__layout-selection .layout-selection__list li button{
    margin-bottom:0px;
}

.features__layout-selection{
    gap:0px;
}

@media (max-width:992px){
    .content_section_new .features__layout-selection{
        position: inherit;
        width: 100% !important;
        border-radius: 16px;
    }
    
    .features__layout-selection.panel-open{
        left:0 
    }
    
    .content_section_new .active-link ~ .features_link-content{
        height:auto;
        padding:10px 0px;
    }
    
    .content_section_new .features_link-content video{
        display:block;
        margin-top:10px;
    }
    
    .content-section__media{
        display:none;
    }
    
    .features_settings{
        display:none;
    }
}

.success_story_new {
    max-width:1170px;
    width: 100%;
    height: 100%;
}

.ourClient .swiper-wrapper{
    padding:60px 0px;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-card {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 0 0 1px #d0e0ff;
    font-family: Arial, sans-serif;
    background-color: #fff;
    transition: transform 0.5s ease;
}

.stars {
    margin-bottom: 15px;
    padding-left:35px;
}

.stars .rating_icon{
    width: 120px;
    height: auto;
}

.stars .g2_icon{
    width: 30px;
    margin: 0px;
    position: absolute;
    top: -1px;
    left: 18px;
    height:auto;
}

.testimonial-text {
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    min-height:140px;
}

.profile {
    display: flex;
    align-items: center;
    justify-content:start;
}

.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.info .name {
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}

.info .title {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
}

.swiper-slide.active .testimonial-card {
    transform: scale(1.2);
    box-shadow: 0 0 25px 0 #9caAC440;
    z-index: 2;
    border:0px;
}

.swiper-slide.active .testimonial-card:after{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA3NCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzMTdfMikiPgo8cGF0aCBkPSJNNTguMTIzOCAwQzQ5LjQyNjQgLTMuMTE2MTdlLTA5IDQyLjM1MTYgNy4wNDU4OSA0Mi4zNTE2IDE1LjcwNzdDNDIuMzUxNiAyNC4wNjM1IDQ4LjkzNTkgMzAuOTE2OSA1Ny4yMDg5IDMxLjM5MDRDNTcuMzUyMiAzMi45MzA2IDU3LjI0NDcgMzcuMTIzMSA1My4yMTA3IDQyLjk1NTJDNTIuOTA1OCA0My4zOTUyIDUyLjk2MTEgNDMuOTg4NSA1My4zMzk5IDQ0LjM2NTdDNTQuOTkwNiA0Ni4wMDk3IDU2LjAxMDggNDcuMDQ1IDU2LjcyNDggNDcuNzY5MkM1Ny42NTkzIDQ4LjcxNiA1OC4wODU5IDQ5LjE0ODMgNTguNzA5OSA0OS43MTI2QzU4LjkyMTUgNDkuOTAzOCA1OS4xODg0IDUwIDU5LjQ1NjYgNTBDNTkuNzE2OSA1MCA1OS45NzYzIDQ5LjkwOTIgNjAuMTg1OCA0OS43Mjg3QzY3LjIxNTEgNDMuNjM3MiA3NS4wMjM3IDMxLjA1MSA3My44OTM5IDE1LjYyNzZDNzMuMjMxOSA2LjU3MjUzIDY2LjU5OTggMy4wMzY4OWUtMDkgNTguMTIzOCAwWiIgZmlsbD0iI0Q4RDhEOCIvPgo8cGF0aCBkPSJNMTUuNzcyMiAwQzcuMDc0ODkgLTMuMTE2MTdlLTA5IC0zLjExNjI0ZS0wOSA3LjA0NTg5IDAgMTUuNzA3N0MzLjAwNjE4ZS0wOSAyNC4wNjM1IDYuNTg0MzUgMzAuOTE2OSAxNC44NTc0IDMxLjM5MDRDMTUuMDAwNiAzMi45MzA2IDE0Ljg5MzEgMzcuMTIzMSAxMC44NTkyIDQyLjk1NTJDMTAuNTU0MiA0My4zOTUyIDEwLjYwOTYgNDMuOTg4NSAxMC45ODgzIDQ0LjM2NTdDMTIuNjM5IDQ2LjAwOTcgMTMuNjU5MiA0Ny4wNDUgMTQuMzczMyA0Ny43NjkyQzE1LjMwNzggNDguNzE2IDE1LjczNDMgNDkuMTQ4MyAxNi4zNTgzIDQ5LjcxMjZDMTYuNTY5OSA0OS45MDM4IDE2LjgzNjggNTAgMTcuMTA1IDUwQzE3LjM2NTQgNTAgMTcuNjI0OCA0OS45MDkyIDE3LjgzNDIgNDkuNzI4N0MyNC44NjM2IDQzLjYzNzIgMzIuNjcyMSAzMS4wNTEgMzEuNTQyNCAxNS42Mjc2QzMwLjg4MDQgNi41NzI1MyAyNC4yNDgyIDMuMDM2ODllLTA5IDE1Ljc3MjIgMFoiIGZpbGw9IiNEOEQ4RDgiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMzE3XzIiPgo8cmVjdCB3aWR0aD0iNzQiIGhlaWdodD0iNTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    position: absolute;
    z-index: 1;
    right: 20px;
    top: -24px;
}

.success_story .swiper-button{
    background-color: #fff;
    height: 42px;
    width: 42px;
    border-radius:3px;
    box-shadow: 0px 0px 10px #59657F40;
}

.success_story .swiper-button:after{
    font-size:22px;
}

.success_story .swiper-button-prev{
    left:-22px;
}

.success_story .swiper-button-next{
    right:-22px;
}

@media (max-width:767px){
    .swiper-slide.active .testimonial-card{
        transform: scale(1);
        box-shadow:0 0 0 1px #d0e0ff;
        border-width:1px;
    }
    
    .swiper-slide.active .testimonial-card:after{
        content:none;
    }
    
    .success_story .swiper-button-next{
        right:10px;
    }
    
    .success_story .swiper-button-prev{
        left:10px;
    }
    
    .ourClient{
        padding:0px 10px;
    }
    
    .ourClient .swiper-slide{
        padding:3px;
    }
    
    .success_story_new{
        padding:0px 20px;
    }
    .CustomTab-main .description_four{
        text-align: left;
    }
}

@media (max-width:766px){
    .testimonial-text{
        min-height:80px;
    }
}

.add-modal-open{
    overflow:hidden;
}

.add_modal_dialog{
    display:none;
    position:fixed;
    z-index:9999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,0.4);
    align-items: center;
    justify-content: center;
    padding:20px;
}

.add_modal{
    background-color:#fefefe;
    margin:auto;
    padding:20px;
    max-width:880px;
    width:100%;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
    animation-name:addModal;
    animation-duration:0.4s;
    position:relative;
}

#thankyou-popup .add_modal{
    max-width:550px;
}

.close-btn{
    position: absolute;
    top: 0px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #8d8d8d;
}

.add_modal-content{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

.add_modal-left h2{
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.add_modal-left{
    width:50%;
    padding:20px;
    background-color:#F6F9FC;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.add_modal-right{
    width:50%;
    padding:20px;
}
.add_modal-right .hero_form{
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
}

.close-btn:hover, .close-btn:focus{
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

@keyframes addModal{from{
    top:-300px;
    opacity:0}to{
        top:0;
        opacity:1
    }
}

.hero_form .form-group{
    margin-bottom:10px;
    position:relative;
}

.hero_form label {
    margin-bottom: 5px;
    color: #2b2b2b;
    font-size: 14px;
    display:block;
    font-weight: 500;
    text-align: left;
}
.hero_form input, 
.hero_form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    font-size: 14px;
}

.hero_form textarea{
    height:100px;
}


.price_submit{
    background:linear-gradient(60deg, #f9b061, #ce2e93, #4a66d6);
    color:#fff;
    cursor:pointer;
}

.price_submit:hover{
    background:linear-gradient(60deg, #4a66d6, #ce2e93, #f9b061);
}
.submit-btn{
    position: relative;
}
.submit-btn .wpcf7-spinner{
    position: absolute;
    right: 10px;
    margin: 0px;
    top: 10px;
}
.hero_form .wpcf7-response-output{
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    color: #dc3232;
    font-size: 14px;
}

.hero_form .wpcf7-not-valid-tip{
    font-size:14px;
    color:#dc3232;
}

.hero_form .selected-flag .selected-dial-code{display: none;}
.hero_form .country-list .country .dial-code{display: none;}
.hero_form .intl-tel-input .country-list .country-name{font-size:12px;}
.hero_form .selected-flag{width:50px !important;}
.hero_form input[type=text].wpcf7-phonetext{padding-left:60px !important;}



.add_modal.form-success{
    max-width:500px
}

.add_modal-success{
    text-align:center;
    padding: 20px;
    background-color: #F6F9FC;
}

.add_modal-success img{
    margin-bottom: 20px;
}

.add_modal-success h2{
    margin-bottom: 10px;
}

.add_modal-success a{
    background: linear-gradient(60deg, #f9b061, #ce2e93, #4a66d6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.add_modal-right .selected-flag .selected-dial-code{
    display: none;
}

.add_modal-right .country-list .country .dial-code{
    display: none;
}

.add_modal-right .intl-tel-input .country-list .country-name{
    font-size:12px;
}

.add_modal-right .selected-flag{
    width:50px !important;
}

.add_modal-right .separate-dial-code input[type=text]{
    padding-left:60px !important;
}

.add_modal-right .screen-reader-response, 
.add_modal-right .hidden-fields-container{
    display: none;
}
.mt-50{
    margin-top:50px;
}
@media only screen and (max-width:767px){
    .add_modal{
        padding:0px;
    }
    .add_modal-left, 
    .add_modal-right{
        width: 100%;
    }
    
    .add_modal-left{
        text-align:center;
    }
    .CustomTab-main{
        padding-bottom: 20px;
    }
    .mini-menu .login{
        display: block;
        margin-right: 10px;
    }
}
@media (max-width:576px){
    .cta_new .d-flex{
        flex-direction: column;
    }
    .cta_new a {
        min-width: 280px;
    }
    .cta_new .subscriptions{
        margin-left: 0px;
        margin-top: 15px;
    }
    .mini-menu .menu-row-list>li.login{
        display: block;
        margin-right: 0px;
    }
    .cta_new_main {
        padding: 0px 15px;
    }
}