:root {
    --light-purple: #F6F4FE;
    --purple: #922BE2;
    --bg-purple: #922BE2;
    --dark-purple: #EC1659;
    --body-text-purple: #b5b5b5;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #EC1659;
}
.navbar-expand-lg .navbar-nav .nav-link.dark_btn {
    background-color: var(--purple);
    border-radius: 10px;
    background: var(--Prime-Gradient, linear-gradient(130deg, #EC1659 14.45%, #922BE2 85.28%));
}
.how_it_works .step_block ul li .step_text h4{
    color: var(--bg-white)
}
body {
    background-color: #242424;
}
.navbar-brand{
    max-height: 55px;
}
.how_it_works .how_it_inner,
.features_section .feature_detail {
    background-color: #1e1e1e;
    box-shadow: 0px 4px 30px #121212;
}
header.fix_style {
    backdrop-filter: blur(5px);
    background-color: #000000b4;
}
.banner_section .banner_slider #frmae_slider::before {
    background: #1d1d1b;
    border-radius: 25px;
}
footer .top_footer {
    background-color: #141414;
}
footer .top_footer .logo img {
    width: 80px;
}
footer .top_footer .logo {
    margin-bottom: 10px;
}
.about_app_section .about_text .app_statstic li {
    background-color: #1e1e1e;
    box-shadow: 0px 4px 10px #121212;
}
.about_app_section .about_text .app_statstic li p {
    color: var(--bg-white);
}
.puprple_btn {
    background-color: var(--purple);
    border-radius: 10px;
    background: var(--Prime-Gradient, linear-gradient(130deg, #EC1659 14.45%, #922BE2 85.28%));
}
.about_app_section .about_img::before {
    background-color: #922BE2;
}
.puprple_btn::before {
    border-radius: 10px;
}
.navbar-brand img {
    width: 130px;
}
.features_section .feature_detail .feature_box .data_block h4,
.how_it_works .step_block ul li .step_number h3,
.testimonial_section .total_review h3 {
    color: var(--bg-white);
}
.section_title p{
    max-width: 720px;
    margin: 0 auto;
}
.how_it_works .step_block ul {
    margin-top: 30px;
}
.free_app_section .container .free_app_inner {
    background-color: var(--purple);
    background: var(--Prime-Gradient, linear-gradient(130deg, #EC1659 14.45%, #922BE2 85.28%));
}
.purple_backdrop {
    background-color: rgb(0 0 0 / 80%);
}
.free_app_section .container .free_app_inner .free_text .app_btn {
    margin-top: 25px;
}
.faq_section .faq_panel .card {
    background-color: #1e1e1e;
    box-shadow: 0 4px 10px #121212;
}
.app_solution_section .app_images ul li img {
    border-radius: 15px;
}

.app_solution_section .app_images::before {
    background-color: #0A0808;
}
.contact_page_section .contact_inner .contact_form,
.experts_team_section .experts_box:hover {
    background-color: #1e1e1e;
    box-shadow: 0 4px 10px #121212;
}
.why_we_section .why_inner {
    background-color: #1e1e1e;
    box-shadow: 0px 4px 30px #121212;
}
.inner-header{
    backdrop-filter: blur(5px);
    background-color: #000000b4;
}
@media screen and (min-width: 767px){
    .bred_crumb {
        /* min-height: 400px; */
    }
}

@media screen and (max-width: 992px){
    .navbar-brand img {
        width: 70px;
    }
    .navbar-expand-lg .navbar-nav {
        background-color: #1e1e1e;
        box-shadow: 0 4px 10px #121212;
    }
}


@media screen and (max-width: 767px){
    .banner_slider .slider_img img,
    .slider_frame img{
        max-height: 450px;
        margin: 0 auto;
    }
    .banner_section .banner_slider #frmae_slider::before {
        left: 50%;
        width: 220px;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        height: 88%;
    }
    .features_section .feature_detail .feature_img img {
        max-height: 450px;
    }
    .about_img .frame_img img{
        max-height: 450px;
    }
    .about_img .screen_img img{
        max-height: 280px;
    }
    .about_app_section .about_img .screen_img {
        margin-left: -100px;
    }
    .interface_section .owl-item .screen_frame_img img {
        max-height: 450px;
    }
    .free_app_section .container .free_app_inner .free_img img {
        max-height: 450px;
    }
    .free_app_section .container .free_app_inner .free_img img:last-child {
        margin-left: -110px;
        transform: scale(0.8);
    }
}


.modal-content {
  background-color: black;
}