@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

.banner_section .banner_text{
    text-align: start;
}

*{
    text-align: start;
}

body {
    font-size: 18px;
    font-family: 'Almarai', sans-serif;
    background-color: #fdfdfd;
}
.how_it_works .how_it_inner{
    padding-bottom: 0;
}
.how_it_works , .pricing_section{
    z-index: 888;
}

.pricing_section .pricing_pannel .pricing_block{
    display: flex;
    flex-direction: column;
    align-items: center!important;
    text-align: center!important;
}

.section_title h2 , .section_title p{
    text-align: center;
}

.about_app_section .section_title h2 , .about_app_section .section_title p{
    text-align: start;
}


.pricing_section .pricing_pannel .pricing_block.highlited_block{
    background-color: var(--dark-purple);
}

.about_app_section .about_img img{
    max-height: 616px;
}

.banner_section .banner_images img {
    box-shadow: 0px 4px 10px #35435d46;
}
.pricing_section {
    background: var(--purple);
}
.bundle-currency{
    font-size: small;
}
.features_section .features_inner .feature_img img{
    max-height: 234px;
}
.features_section .features_inner .feature_img{
    text-align: center;
}
footer .top_footer {
    padding: 100px 0 30px 0;
}

.pricing_section .pricing_pannel .pricing_block {
    justify-content: space-between;
    padding: 30px 0;
}

.owl-carousel .owl-dots button.active{
    background-color: var(--slider-dots-color);
}
.owl-carousel .owl-dots button{
    background-color: #c6ccd6;
}
.trusted_section .company_logos img{
    height: 100px;
    object-fit: cover;
}
.free_app_section{
    padding-top: 220px;
}
.form-control{
    height: 55px;
}
.free_app_section .container .free_app_inner{
    background-color: var(--dark-purple);
}
.trial_box form {
    width: 80%;
}

.trusted_section .company_logos img{
    filter: none;
}
.contact-div h2 , .contact-div p , .contact-div h4 , .contact-div a , .contact-div span{
    color: #fff;
}

.product-illustration-image{
    width: 100%;
}

.home-why-item{
    background-color: #fff;
    border-radius: 15px;
    padding: 2rem 1rem;
    height: 100%;
    position: relative;
    z-index: 2;
}


.home-why-item img{
    width: 5rem;
    height: 5rem;
    object-fit: contain;
}
.why-section{
    background-color: var(--purple);
}

.float {
    cursor: pointer;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    z-index: 100;
}

.faq_section .faq_panel .card-header .btn{
    background-color: transparent;
    width: 100%;
    justify-content: space-between;
}
