
/*Tech Section */
.server_integration_trusted_section {
    padding: 120px 0 180px 0;
    margin-top: -2px;
}
/*Tech Section */
/*---Challenges Solving Css Start---*/

.challenges_solving {
    padding: 100px 0 30px 0;
}

.challenges_solving .accordion {
    background-color: #FFFFFF;
}

#image1 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/sql-server-integration/image1.webp");
}
#image2 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/sql-server-integration/image2.webp");
}
#image3 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/sql-server-integration/image3.webp");
}
#image4 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/sql-server-integration/image4.webp");
}

/*---Challenges Solving Css End---*/
/*---Challenges Solving Css Start---*/
.challenges_solving_2 {
    padding: 100px 0 100px 0;
}

.challenges_solving_2 .accordion-item.active {
    box-shadow: none;
}

.challenges_solving_2 .accordion {
    background-color: #12141d;
}
.challenges_solving_2 .accordion-item.active .accordion-header {
    background-color: #1E2028;
    border-bottom: 0;
}
.challenges_solving_2 .accordion-item.active .accordion-content {
    background-color: #1E2028;
}
.challenges_solving_2 .accordion-header {
    border-bottom: 1px solid #35363E;
    background-color: #12141d;
}
.challenges_solving_2 .accordion-header .accordion-heading{
    color: #fff;
}
.challenges_solving_2 .accordion-content {
    background-color: #12141d;
}
.challenges_solving_2 .accordion-content .text {
    color: rgba(255, 255, 255, 0.70);
}
/*---Challenges Solving Css End---*/
/*Development Process Section Css Start */
.development_process_section {
    padding: 120px 0 150px 0;
}
/*Development Process Section Css End */
/*---Faq Css Start---*/
.server_integration_faq_section {
    padding: 120px 0 0 0;
}
/*---Faq Css End---*/

/*tech section  start */

.tech_logo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    text-align: center;
    align-items: center;
}
.tech_logo .item {
    align-items: center;
}
.tech_logo .item img{
    height: auto;
    max-width: 70%;
}

/*tech section  end*/
/*---Responsive Media Query For Tablet Start---*/
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {

    /*Tech Section */
    .server_integration_trusted_section {
        padding: 100px 0 120px 0;
    }
    /*Tech Section */
    /*---Challenges Solving Css Start---*/
    .challenges_solving {
        padding: 120px 0 60px 0;
    }

    /*---Challenges Solving Css End---*/
    /*---Challenges Solving Css Start---*/
    .challenges_solving_2 {
        padding: 100px 0 100px 0;
    }
    /*---Challenges Solving Css End---*/
    /*Development Process Section Css Start */
    .development_process_section {
        padding: 100px 0 120px 0;
    }
    /*Development Process Section Css End */
    /*---Faq Css Start---*/
    .server_integration_faq_section {
        padding: 120px 0 60px 0;
    }
    /*---Faq Css End---*/

    /*tech section  start */

    .tech_logo {
        grid-gap: 20px;
    }
    .tech_logo .item img{
        max-width: 50%;
    }

    /*tech section  end*/
}
/*---Responsive Media Query For Tablet End---*/
/*---Responsive Media Query For Mobile Start---*/
@media only screen and (max-width: 767px){

    /*Tech Section */
    .server_integration_trusted_section {
        padding: 80px 0 100px 0;
    }
    .tech_logo {
        padding-top: 20px;
        grid-gap: 20px;
    }
    .owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }
    .tech_logo .item img{
        max-width: 80%;
    }
    /*Tech Section */
    /*---Challenges Solving Css Start---*/

    .challenges_solving {
        padding: 100px 0 50px 0;
    }
    /*---Challenges Solving Css End---*/
    /*---Challenges Solving Css Start---*/
    .challenges_solving_2 {
        padding: 80px 0 80px 0;
    }
    /*---Challenges Solving Css End---*/
    .tech_section {
        padding: 80px 0 80px 0;
    }
    /*Development Process Section Css Start */
    .development_process_section {
        padding: 80px 0 100px 0;
    }
    /*---Faq Css End---*/
    .server_integration_faq_section {
        padding: 100px 0 60px 0;
    }
}
/*---Responsive Media Query For Mobile End---*/