.elementor-106936 .elementor-element.elementor-element-18810fa{margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-106936 .elementor-element.elementor-element-134a4a8c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-106936 .elementor-element.elementor-element-36a99e06 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-106936 .elementor-element.elementor-element-18810fa{padding:40px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-36a99e06 */.pricing-container-cloud * {
    margin: 0 auto;
    padding: 0;
    font-family: "Inter" !important;
}

.pricing-container-cloud .best-for {
    text-align: center !important;
    padding-top: 10px;
}

.share-your-text {
    padding-top: 30px;
}

.pricing-container-cloud {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.pricing-container-cloud > div {
    position: relative;
    background: #FFFFFF !important;
    padding: 40px 30px 40px 30px;
    border-radius: 20px;
    flex: 1; /* Ensures equal width columns */
    box-sizing: border-box;
    min-width: 280px;
}

.most-popular {
    background: linear-gradient(180deg, rgba(212, 229, 249, 0.4) -11.36%, rgba(206, 229, 255, 0.75) 55.45%);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    color: #2D3282;
    height: 44px;
    border-radius: 0px 0px 12px 12px;
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}

.pricing-container-cloud h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center !important;
}

.pricing-container-cloud .pricing-details {
    text-align: center;
    color: #101828;
    margin-top: 32px;
}

.pricing-container-cloud .dollor-symbol {
    position: absolute;
    margin-left: -18px;
    font-size: 26px;
    font-weight: 500;
}

.pricing-container-cloud .pricing-plan {
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
}

.pricing-container-cloud .pricing-per-month {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}

.pricing-container-cloud .pricing-btn a {
    display: block;
    padding: 10px 14px;
    border: 1px solid #D6BBFB;
    border-radius: 8px;
    text-align: center;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 24px;
    color: #6941C6;
    box-shadow: 0px 1px 2px 0px #1018280D;
    margin-top: 32px;
}

.pricing-container-cloud .pricing-btn a:hover {
    background: #7F56D9 !important;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.share-your-text {
    color: #101828;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 13px;
}

.pricing-container-cloud ul.features-list {
    margin-top: 32px;
}

.pricing-container-cloud ul.cross-features-list {
    margin-top: 0px;
    opacity: 0.4;
}

.pricing-container-cloud ul li {
    margin-top: 12px;
    margin-left: 28px;
    color: #344054;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    list-style-type: none;
    position: relative;
}

.pricing-container-cloud ul.features-list li:before {
    content: '';
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    background-image: url(https://cdn.boldreports.com/website/images/pages/pricing/purple-tickmark.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -28px;
    margin-top: 1px;
}

.pricing-container-cloud ul.cross-features-list li:before {
    content: '';
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    background-image: url(https://www.boldreports.com/wp-content/uploads/2025/06/cross-mark.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -28px;
    margin-top: 1px;
}

/* ✅ Stack all columns vertically below 1024px */
@media (max-width: 1023px) {
    .pricing-container-cloud {
        flex-direction: column;
    }
    .pricing-container-cloud > div {
        width: 100% !important;
        margin-bottom: 35px;
    }
}


/* Optional tweaks for small screens */
@media (max-width: 426px) {
    .pricing-container-cloud {
        padding: 0;
        margin: 0;
    }
}

.pricing-container-cloud #request-quote-popup-btn,
.pricing-container-cloud #request-cloud-quote-popup-btn {
    display: block;
    padding: 10px 8px;
    border: 1px solid #d6bbfb;
    border-radius: 8px;
    background-color: #ffffff;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 24px;
    color: #6941c6;
    box-shadow: 0px 1px 2px 0px #1018280D;
    margin-top: 32px;
}

.pricing-container-cloud #request-quote-popup-btn:hover,
.pricing-container-cloud #request-cloud-quote-popup-btn:hover {
    background: #7f56d9 !important;
    color: #fff;
    transition: all 0.3s ease;
}

.pricing-container-cloud #request-quote-popup-btn:focus,
.pricing-container-cloud #request-cloud-quote-popup-btn:focus {
    background: #fff;
}/* End custom CSS */
/* Start custom CSS */@media(min-width:320px) and (max-width:767px){

.Heading h2, .Heading h3, .Heading h4, .Heading h5, .Heading h6 {
    font-size: 32px;
    font-weight: 700 !important;
    line-height: 40px;
    letter-spacing: 0.16px;
    }
    
.explore .elementor-heading-title a{
    font-weight:500 !important;
}

}

/*for transparent header purpose */
#mega-menu-wrap-max_mega_menu_3 .mega-menu-toggle {
    background: none !important;
}
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-item > a.mega-menu-link{
    background:none !important;
}
@media only screen and (min-width: 991px){
#mega-menu-wrap-max_mega_menu_3{
     background:none !important;
}
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-item > a.mega-menu-link:hover{
      background:none !important;
}
}
#top-header{
    background: rgba(0, 0, 0, 0) !important;
    z-index: 9999 !important;
}/* End custom CSS */