/* codes for footer bg starts here */
.button_black {
    background-color: black;
    color: #fff;
    font-size: 13px;
    padding: 9px 40px;
    border-radius: 2rem;
    font-weight: 600;
    text-decoration: none;
    margin-right: 10px;
}

.button_black:hover {
    border: 1px solid rgb(166, 246, 166);
    background-color: transparent;
    color: #000;
    font-weight: 600;
    transition: 0.3s;
}

.button_purple {
    background-color: rgb(167, 12, 194);
    color: #fff;
    font-size: 13px;
    padding: 9px 40px;
    border-radius: 2rem;
    font-weight: bolder;
    text-decoration: none;
    margin-right: 10px;
}

.button_purple:hover {
    border: 1px solid rgb(167, 12, 194);
    background-color: white;
    color: rgb(167, 12, 194);
    font-weight: 600;
    transition: 0.3s;
}

.button_purple.animate-slide-in {
    opacity: 0;
    transform: translateX(150px);
    transition: transform 1s ease-out, opacity 0.8s ease-out;
    will-change: transform, opacity;
    display: inline-block;
}

.button_purple.animate-slide-in.visible {
    opacity: 1;
    transform: translateX(0);
}

/* button animation codes starts here  */
.button_black.animate-slide-in {
    opacity: 0;
    /* color: #fff; */
    transform: translateX(50px);
    transition: transform 1s ease-out, opacity 0.8s ease-out;
    will-change: transform, opacity;
    display: inline-block;
}

.button_black.animate-slide-in.visible {
    opacity: 1;
    transform: translateX(0);
}

/* top_bg codes starts here */
.top_bg_card {
    background-color: rgb(255 244 244 / 49%);
    padding: 30px 14px;
    margin-right: 10px;
    border-radius: 15px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.homepage_video_container_3 {
    position: relative;
    align-items: center;
    width: 100%;
    height: 400px;
    /* Adjust based on your design */
    overflow: hidden;
    /* border: 4px solid rgba(0, 53, 150, 1); */
    border-radius: 10px;
}

.jarallax-video-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
}

.video-overlay-3 {
    position: absolute;
    width: 96%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background: rgba(0, 0, 0, 0);
    /* Semi-transparent background */
    padding: 20px;
    border-radius: 10px;
}

.video-overlay-3 p {
    font-weight: bolder;
}


.homepage_video_container {
    position: relative;
}

.video_container {
    border: 2px solid white;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.tick_icon {
    border-radius: 50%;
    background-color: white;
}

.video-overlay {
    position: absolute;
    top: 51%;
    left: 51%;
    transform: translate(-50%, -50%);
    color: black;
    padding: 20px;
    border-radius: 10px;
    width: 91%;
}

.video-overlay-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 1100px;
    padding: 40px 25px;
    /* Glass morphism effect */
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    border-radius: 16px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.6);
    text-align: center;
}

/* Heading / Main Title */
.video-overlay-1 h1 {
    color: #ffffff;
    /* clean white for strong contrast */
    font-size: 34px;
    opacity: 0.95;
    margin-bottom: 0px;
    font-weight: 900;
}

/* Subtitle / Description text */
.video-overlay-1 span {
    color: #eb74e1;
    /* clean white for strong contrast */
    font-size: 22px;
    opacity: 0.95;
    font-weight: 700;
    /* width: 75%;
    margin-left: 15%; */
    justify-items: center;
}

.video-overlay-1 p {
    color: #ffffff;
    /* clean white for strong contrast */
    font-size: 16px;
    opacity: 0.95;
    margin-bottom: 4px;
    margin-top: 22px;
    font-weight: 700;
    /* width: 75%;
    margin-left: 15%; */
    justify-items: center;
}

/* CTA button */

.video-overlay-a_div {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Glass morphism effect */
    text-align: center;
}

.video-overlay-a_div a {
    display: inline-block;
    margin-top: 80px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: linear-gradient(90deg, #803986, #9b048e);
    color: #ffffff;
    /* dark text for contrast */
    border-radius: 8px;
    transition: transform .3s ease, box-shadow .3s ease;
}

.video-overlay-a_div a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 3, 7, 0.45);
}

.homepage_video_container_1 img {
    width: 100%;
    height: 490px;
    object-fit: cover;
    object-position: center;
}

.top_banner_side_heading {
    width: 75%;
    font-size: 24px;
    font-weight: bold;
}

.top_bg_card span {
    font-size: 40px;
    font-weight: 600;
}

.tick_content img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.tick_content:first-child {
    margin-right: 20px;
}

.tick_content span {
    font-weight: bolder;
}

.top_bg_card p {
    margin-bottom: 0px;
    font-size: 14px;
    color: black;
    margin-top: 30px;
}

.homepage_video_container img {
    width: 100%;
}

/* top_bg codes ends here */

/* middle_bg codes starts here  */
.integrations_card span {
    font-size: 32px;
    font-weight: 600;
}

.integrations_card p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.integrations_container_bg {
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

/* middle_bg codes ends here  */

/* Footer Code starts here */
.boman_footer_content {
    font-size: 14px;
    width: 80%;
    margin-top: 3px;
}

.footer_content ul li a {
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.footer_content ul li span {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.footer_all_content_head {
    font-size: 24px;
}

/* Footer Code ends here */

.score_contents {
    background-color: white !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 5px;
}

.score_contents_1 {
    background-color: white !important;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
    margin-left: 50px;
}

.score_container {
    width: 100%;
}

.score_contents_2 {
    background-color: rgb(64, 92, 197) !important;
    height: 360px;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
}

.dashboard_card {
    margin-top: 50px !important;
}

.dashboard_img {
    width: 520px;
    height: 300px;
}

.mobile_client {
    display: none !important;
}

.pc_client {
    display: block !important;
}

.logo_container {
    padding-top: 15px;
    height: 185px;
    border: 2px solid rgb(192, 190, 190);
    width: 14% !important;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.logo_container p {
    margin-bottom: 5px;
}


/* Smooth infinite scroll */
@keyframes infiniteScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Initial hidden state */
.scroll-content {
    opacity: 0;
    transform: translateY(30px);
    /* Moves content 30px down */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* When in viewport, make visible */
.scroll-content.show1 {
    opacity: 1;
    transform: translateY(0);
}

/* Homepage top animations */
/* Initial hidden state */
.scroll-right-unique,
.scroll-left-unique {
    opacity: 0;
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.scroll-right-unique {
    transform: translateX(100px);
    /* Move text from right */
}

.scroll-left-unique {
    transform: translateX(-100px);
}

/* Automatically animate on page load */
.show1 {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.trusted_content {
    font-size: 20px;
}

.top_bg_card_container {
    display: flex;
}

.top_bg_card_content_2 {
    margin-top: 15px;
}

.unify_container {
    display: flex;
}

.pc_integration_btn {
    display: block;
}

.mobile_integration_btn {
    display: none !important;
}

.pages_content {
    padding-left: 48px !important;
}

.pc_partners {
    display: block;
}

.mobile_partners {
    display: none;
}

.significantly_content p {
    color: #000;
}

@media (max-width: 1200px) {
    .video-overlay-1 h1 {
        font-size: 30px;
    }

    .video-overlay-1 span {
        font-size: 20px;
    }

    .video-overlay-a_div a {
        font-size: 14px;
    }

    .video-overlay-a_div {
        position: absolute;
        top: 64%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .video-overlay-a_div a {
        padding: 12px 24px;
        font-size: 14px;
    }
}

@media (max-width: 1080px) {
    .video-overlay-1 h1 {
        font-size: 28px;
    }

    .video-overlay-1 span {
        font-size: 18px;
    }

    .video-overlay-a_div a {
        font-size: 14px;
    }
}

@media (max-width: 980px) {
    .video-overlay-1 h1 {
        font-size: 22px;
    }

    .video-overlay-1 span {
        font-size: 16px;
    }

    .video-overlay-1 P {
        font-size: 12px;
    }

    .video-overlay-a_div {
        position: absolute;
        top: 64%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .video-overlay-a_div a {
        padding: 12px 18px;
        font-size: 10px;
    }

    .top_purple_btn_purple {
        text-align: center;
    }

    .homepage_video_container_3 {
        height: 450px;
    }

    .top_banner_side_heading {
        font-size: 20px;
    }

    .top_bg_card span {
        font-size: 24px;
    }

    .top_bg_card p {
        margin-top: 10px !important;
        font-size: 13px;
    }

    .top_bg_card {
        padding: 14px 14px;
    }

    .button_black {
        padding: 9px 25px;
        margin-right: 0;
    }

    .bottom_bg_content p {
        font-size: 14px;
    }

    .bottom_bg_heading span {
        font-size: 14px;
    }
}

@media (max-width: 790px) {

    .video-overlay-1 h1 {
        font-size: 20px;
    }

    .video-overlay-1 span {
        font-size: 14px;
    }

    .video-overlay-1 p {
        font-size: 12px;
    }

    .video-overlay-a_div {
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .top_bg_card_content_1 {
        width: 100% !important;
    }

    .top_bg_card_content_2 {
        padding: 0px 0px !important;
        width: 100% !important;
    }

    .top_bg_card_content {
        display: block;
    }

    .integrations_card h4 {
        font-size: 20px;
    }

    .integrations_card p {
        font-size: 14px;
    }

    .button_black {
        padding: 6px 13px;
        margin-right: 0;
        font-size: 12px;
    }

    .bottom_bg_content p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .bottom_bg_heading span {
        font-size: 12px;
    }

    .top_bg_card {
        padding: 10px 12px;
    }

    .top_banner_side_heading {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .top_bg_card span {
        font-size: 20px;
    }

    .top_bg_card p {
        font-size: 12px;
    }

    .homepage_video_container img {
        height: 350px;
    }

    .scroll-left-unique {
        font-size: 13px;
    }

    .scroll-right-unique {
        font-size: 14px;
    }

    .scroll-right-unique h4 {
        font-size: 22px !important;
    }

    .main_significantly_container {
        display: block !important;
    }

    .significantly_content {
        width: 100% !important;
        text-align: center;
    }

    .unify_container {
        display: block !important;
    }

    .unify_content {
        width: 100% !important;
        text-align: center;
        margin-bottom: 20px;
    }

    .pc_integration_btn {
        display: none !important;
    }

    .mobile_integration_btn {
        display: block !important;
    }

    .main_footer_container {
        display: block !important;
    }

    .footer_all_content {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .boman_footer_content {
        text-align: center !important;
        font-size: 14px !important;
        width: 100%;
        margin: 0 auto;
    }

    .footer_all_content_head {
        display: block !important;
        text-align: center !important;
    }

    .footer_all_content_head {
        font-size: 16px !important;
    }

    .pages_content {
        padding-left: 0px !important;
    }

    .best_in_content p {
        font-size: 14px;
    }

    .bottom_bg_content {
        width: 50% !important;
    }

    .bottom_bg_heading {
        width: 50% !important;
    }
}

@media (max-width: 650px) {
    .video-overlay-1 h1 {
        font-size: 18px;
    }

    .video-overlay-1 span {
        font-size: 12px;
    }

    .video-overlay-1 p {
        font-size: 10px;
    }
 

    .best_in_container {
        display: block !important;
    }

    .best_in_content {
        width: 100% !important;
    }

    .trusted_container {
        width: 95% !important;
    }

    .homepage_video_container_3 {
        height: 470px;
    }

    .button_black {
        padding: 6px 8px;
        margin-right: 0;
        font-size: 8px;
    }

    .button_purple {
        padding: 9px 20px;
        font-size: 10px;
    }

    .homepage_video_container_4 img {
        height: 150px !important;
    }

    .significantly_heading {
        font-size: 20px !important;
        text-align: center;
    }

    .video-overlay {
        left: 53%;
        width: 98%;
    }

    .pc_partners {
        display: none !important;
    }

    .mobile_partners {
        display: block !important;
    }

    .significantly_content h3 {
        font-size: 17px;
    }

    .significantly_content p {
        font-size: 13px !important;
    }

    .best_in_content h2 {
        font-size: 20px !important;
    }

    .best_in_content {
        padding: 0 20px;
    }

    .integrations_card h4 {
        font-size: 20px;
    }

    .unify_content img {
        width: 40px !important;
        height: 40px !important;
    }

    .burp_img_container img {
        width: 75px !important;
        height: 48px !important;
    }
}