/* Logo */

.navbar-brand img {
    max-width: 100%;

}


.single_portfolio_content {
    padding: 40px 1px 1px 1px;
}


.portfolio_single_inner .single_portfolio_content {
    padding-top: 20px;
}


/*padding service changed*/
.saas_features_area {
    padding: 50px 0px;
}

.sec_padding {
    padding: 50px 0px;
}
.portfolio_single_area {
    padding-top: 50px;
    background-color: aliceblue !important;
}
.sofax-section-padding5 {
    padding: 90px 0px;
}

.promo_content_bg {
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
    border-radius: 0px;
    
    position: relative;
    z-index: 1;
    padding: 50px 320px ;
    margin-top: unset;
}
/*service paddng*/
.service_category_area {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}

.app_features_area {
    padding: 50px 0;
}

.footer_area_three {
    padding-top: 50px;
}

.item p {
    font-size: 16px;
}

/* Breadcrumb */

.saas_breadcrumb_area {
    padding: 80px 0 30px;
}


/* Contact form */
.contact_form {
    padding: 30px;
}

.contact_form .form-group textarea.form-control {
    height: 150px;

}

.contact_form .form-group .form-control {
    height: 60px;
}


/* FAQ */

.section_title {
    margin-bottom: 30px;
}

.features_tab_inner:before {
    background: none;
}


/* Tick Color */

.features_tab_inner .saas_features_content .saas_list li i {
    color: var(--saas-blue);
}


.section_title.text-center {
    max-width: unset;
}


.navbar > .container, .navbar > .container-fluid,
 .navbar > .container-lg, .navbar > .container-md,
  .navbar > .container-sm, .navbar > .container-xl,
   .navbar > .container-xxl {
        flex-wrap: unset;
}


/* Image */
 img {
    border-radius: 10px;
 }


 /* Random */
 .app_features_item:not(:last-child) {
    margin-bottom: 50px;
 }

 p {
    text-align: justify;
 }

 .col-md-4 .process_item p {
    text-align: center;
 }

 .col-lg-4  a:hover {
    cursor: pointer;

 }

 .service_item {
    cursor: pointer;
 }

 .footer_bottom p {
    text-align: center;
 }

 
 .promo_content p {
    text-align: center;
 }

 .contact_info_item {
    max-width: 100%;
 }


 .section_title p {
    display: flex;
    justify-content: center;
 }

 .saas_breadcrumb_text h1 {
    font-size: 50px;
    margin-bottom: 0;
 }

 .single_portfolio_content h2 
 {
    text-align: center;
 }

 .saas_banner_area {
    padding: 130px 0 50px 0;
 }

 .saas_banner_content h1 {
    font-size: 55px;
 }

 .app_features_item .app_features_content h2 {
    font-size: 40px;
 }

 h1 {
    text-transform: capitalize;
 }

 h2 {
    text-transform: capitalize;
 }

 .service_item p{
    font-size: 16px;
 }


 .long-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 497px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .site-menu ul {
    width: 240px;
 }
 .saas_faq_area {
    background: unset;
 }

 .saas_faq_area_two {
    background: aliceblue;
 }





 @media (max-width: 1000px) {
    .long-image-wrapper {
        height: 380px;
    }
 }



 @media(max-width: 767px) {

    /* font size */

    .saas_breadcrumb_text h1 {
        font-size: 40px;
    }

  h2 {
    font-size: 30px;
  }

    .section_title_two {
        margin-bottom: 25px;
    }

    .saas_features_area {
        padding: 25px 0;
    }

    .service_category_area {
        padding-top: 25px;
    }

    .sec_padding {
        padding: 25px 0;
    }

    .app_features_area  {
        padding: 25px 0;
    }

    .container, .container-fluid, .container-lg, .container-md, 
    .container-sm, .container-xl, .container-xxl {
        padding-right: calc(var(--bs-gutter-x) * 1) ;
        padding-left:  calc(var(--bs-gutter-x) * 1) ;
    }

    .saas_features_content {
        margin-top: 0px;
    }

    h2 {
        display: flex;
        justify-content: center;
    }

    .long-image-wrapper {
        height: 230px;
    }
    

 }

 @media(max-width: 576px) {



    .testimonial_slider_two .item {
        margin: 15px;
    }

    .section_title h2 {
        font-size :30px;
    }


    .f_widget {
        text-align: center; /* Center the text and inline elements like <a> and <p> */
        margin-bottom: 30px;
    }
    
    /* If you want to add additional styling for the <a> and <p> tags */
    .f_widget .f_logo {
        display: inline-block; /* Ensure the logo is treated as inline for centering */
    }
    
    .f_widget p {
        margin-top: 10px; /* Optional: Add some space between the <a> and <p> */
    }
 }

 @media (max-width: 500px) {
    .contact_info_item .icon {
        width: 40px;
        height: 40px;
    }

  
       .f_widget  {
           text-align: center;
     
 }
}


@media (max-width: 400px) {
    .service_item  {
        display: grid;
        justify-content: center;
        justify-items: center;
    }

    .long-image-wrapper {
        height: 160px;
    }
}