/*---CTA Section Css Start---*/
.data_visualization_wcb_section {
    padding: 150px 0;
}
/*---CTA Section Css End---*/
/*---Services And Feature Css End---*/
/*---Analytics Services Section CSS Start--- */
.analytics_services {
    padding: 100px 0 200px 0;
}
/*Tech Section */
.animation_main_1 {
    position: relative;
    overflow: hidden;
}
.animation_main_1 .left_blur {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: auto !important;
}
.animation_main_1 .right_blur {
    position: absolute;
    top: 50%;
    right: -12%;
    transform: translate(0%, -50%);
    z-index: 99;
    width: auto !important;
}
#temporal-data-animation-tablet, #temporal-data-animation-mobile {
    display: none;
}
#geospatial-data-animation-tablet, #geospatial-data-animation-mobile {
    display: none;
}
/*Tech Section */
/*---Analytics Services Section CSS End--- */
/*---Challenges Solving Css Start---*/
.challenges_solving {
    padding: 100px 0 200px 0;
}
.challenges_solving .main_section .accordion_section {
    margin-left: 30px;
    margin-right: 0;
}
#image1 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-visualization/image1.webp");
}
#image2 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-visualization/image2.webp");
}
#image3 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-visualization/image3.webp");
}
#image4 {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-visualization/image4.webp");
}
/*---Challenges Solving Css End---*/

/*Tech Section Start */
.data_visualization_trusted_section {
    padding: 100px 0 200px 0;
    overflow: hidden;
}
/*Tech Section End */

/*--- Feature Section Css Start */
.feature_section_padding {
    padding: 150px 0;
}
/*--- Feature Section Css End */
/*---Challenges Solving Css Start---*/
.challenges_solving_2 {
    padding: 100px 0 200px 0;
}
/*---Challenges Solving Css End---*/
/*Development Process Section Css Start */
.development_process_section {
    padding: 173px 0 0 0;
}
/*Development Process Section Css End */
/*---Faq Css Start---*/
.data_visualization_faq_section {
    padding: 100px 0 0 0;
}
/*---Faq Css End---*/
/*---Responsive Media Query For Tablet Start---*/
@media only screen and (min-device-width: 768px) and (max-device-width: 992px){
    /*---Analytics Services Section CSS Start--- */
    .analytics_services {
        padding: 100px 0 120px 0;
    }
    /*Tech Section */
    .animation_main_1 .left_blur {
        position: absolute;
        top: 50%;
        left: 6%;
        transform: translate(-50%, -50%);
        z-index: 99;
        width: auto !important;
        height: 300px;
    }
    .animation_main_1 .right_blur {
        position: absolute;
        top: 50%;
        right: -12%;
        transform: translate(0%, -50%);
        z-index: 99;
        width: auto !important;
        height: 300px;
    }
    #temporal-data-animation-desktop {
        display: none;
    }
    #temporal-data-animation-tablet {
        display: block;
    }
    #geospatial-data-animation-desktop {
        display: none;
    }
    #geospatial-data-animation-tablet {
        display: block;
    }
    /*Tech Section */
    /*---Analytics Services Section CSS End--- */

    /*---Challenges Solving Css Start---*/
    .challenges_solving {
        padding: 120px 0 120px 0;
    }
    .challenges_solving .main_section .accordion_section {
        margin-left: 0;
    }
    /*---Challenges Solving Css End---*/

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

    /*---Challenges Solving Css End---*/
    /*Tech Section Start */
    .data_visualization_trusted_section {
        padding: 120px 0 150px 0;
    }
    /*Tech Section End */
    /*feature section start */
    .feature_section_padding {
        padding: 120px 0 80px 0;
    }
    /*feature section end */
    /*Development Process Section Css Start */
    .development_process_section {
        padding: 120px 0 30px 0;
    }
    /*Development Process Section Css End */
    /*---Faq Css Start---*/
    .data_visualization_faq_section {
        padding: 120px 0 60px 0;
    }
    .data_visualization_cta_section .bc_section_title .text {
        padding: 0 50px;
    }
    /*---Faq Css End---*/
}
/*---Responsive Media Query For Tablet End---*/
/*---Responsive Media Query For Mobile Start---*/
@media only screen and (max-width: 767px){
    /*---Analytics Services Section CSS Start--- */
    .analytics_services {
        padding: 80px 0 80px 0;
    }
    .animation_main_1 .left_blur {
        position: absolute;
        top: 50%;
        left: 17%;
        transform: translate(-50%, -50%);
        z-index: 99;
        width: auto !important;
        height: 400px;
    }
    .animation_main_1 .right_blur {
        position: absolute;
        top: 50%;
        right: -26%;
        transform: translate(0%, -50%);
        z-index: 99;
        width: auto !important;
        height: 350px;
    }
    #temporal-data-animation-tablet, #temporal-data-animation-desktop  {
        display: none;
    }
    #temporal-data-animation-mobile {
        display: block;
    }
    #geospatial-data-animation-mobile {
        display: block;
    }
    #geospatial-data-animation-tablet, #geospatial-data-animation-desktop {
        display: none;
    }
    /*Tech Section */
    /*---Analytics Services Section CSS End--- */
    /*---Challenges Solving Css Start---*/
    .challenges_solving {
        padding: 100px 0 100px 0;
    }
    /*---Challenges Solving Css End---*/
    /*---Challenges Solving Css Start---*/
    .challenges_solving_2 {
        padding: 80px 0 100px 0;
    }
    /*---Challenges Solving Css End---*/
    /*Tech Section Start */
    .data_visualization_trusted_section {
        padding: 100px 0 100px 0;
    }
    /*Tech Section End */
    /*feature css start */
    .feature_section_padding {
        padding: 100px 0 80px 0;
    }
    /*feature css end */
    /*Development Process Section Css Start */
    .development_process_section {
        padding: 100px 0 50px 0;
    }
    /*Development Process Section Css End */
    /*---Faq Css Start---*/
    .data_visualization_faq_section {
        padding: 90px 0 50px 0;
    }
    /*---Faq Css End---*/
}
/*---Responsive Media Query For Mobile End---*/