/*--------------------Hero Section Css Start--------------------*/
.page_header_section {
    padding: 90px 0 180px 0;
}
.btn_blue_header {
    margin-right: 19px;
}
/*--------------------Hero Section Css End--------------------*/




/*--------------------Feature And Services Section Css Start--------------------*/
.feature_and_services {
    padding-top: 200px;
}
.page_feature {
    padding: 170px 0 124px 0;
}
.page_feature_2 {
    padding: 170px 0 0 0;
}
.feature_and_services .services_main_section{
    padding-top: 56px;
}
.feature_and_services .services_main_section .services_content_box{
    padding-bottom: 67px;
}
.feature_and_services .services_main_section .services_content_box .services_content_box_heading{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.2px;
    margin-bottom: 24px;
}
.feature_and_services .services_main_section .services_content_box .services_content_box_text{
    font-size: 18px;
    line-height: 26px;
    color: #12141D;
    opacity: 0.7;
    padding-right: 43px;
}
.service_cta_section {
    padding-top: 96px;
}


/*--------------------Feature And Services Section Css End--------------------*/

/*--------------------Development Process Section Css Start--------------------*/
.development_process_section .bc_section_title{
    padding-bottom: 100px;
}
/*.development_process_section .bc_section_title .heading1{*/
/*    margin-bottom: 15px;*/
/*    letter-spacing: -0.96px;*/
/*}*/
.development_process_section .bc_section_title .text{
    color: #FAFAFA;
    opacity: 0.7;
}
.development_process_section .main_section .left_heading{
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    color: #FFFFFF;
}
.development_process_section .main_section .right_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FAFAFA;
    opacity: 0.7;
}
.development_process_section .main_section {
    border-top: 1px solid #34363E;
    padding: 60px 0;
}
.development_process_section .main_section:last-child{
    border-bottom: 1px solid #34363E;
}
/*--------------------Development Process Section Css End--------------------*/
/*--------------------Trusted Partner Start-------------------- */
.trusted_bottom{
    padding-top: 100px;
}
/*.trusted_partner_section .main_heading {*/
/*    font-size: 40px;*/
/*    line-height: 52px;*/
/*}*/
/*.trusted_partner .text {*/
/*    margin-bottom: 30px;*/
/*}*/
/*.trusted_partner:nth-child(2) {*/
/*    padding-top: 100px;*/
/*}*/
/*--------------------Trusted Partner End *--------------------*/
/*--- Platform Section Css Start */
.platform_section {
    padding: 180px 0 180px 0;
}
.trigger_carousel_sync {
    padding: 32px 0 0 0;
}
.trigger_carousel_sync #sync1 {
    padding: 0 0 60px 0;
}
.tab_background {
    background-size: 100%;
    min-height: 380px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    border-radius: 10px;
}
.tab_content_main_row {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
.tab_content_main_row .tab_content {
    padding-left: 58px;
}
.tab_content_main_row .tab_content .tab_heading {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.tab_content_main_row .tab_content .tab_text {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: normal;
    color: #FFFFFF;
}
/*sync2 carousel */
.cycle-tab-item {
    border-top: solid 2px #DFDFDF;
    position: relative;
    padding: 17px 27px;
    text-align: center;
    list-style-type: none;
    font-weight: 600;
    color: #83868D;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
}
.cycle-tab-item:after {
    display: block;
    content: '';
    border-top: solid 2px #007AFF;
    transform: scaleX(0);
    transition: transform 0ms ease-out;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
}
.current .item .cycle-tab-item:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition: transform 5s ease-in;
}
.trigger_carousel_sync #sync2 .item {
    background: transparent;
    text-align: center;
    cursor: pointer;
}
.trigger_carousel_sync #sync2 .current .cycle-tab-item {
    color: #000000;
}
.Our_Partner_Side_Image {
    height: auto;
    width: 100%;
    box-shadow: 0 21px 40px 1px rgba(91, 104, 113, 0.14), 0 0 1px 0 rgba(26, 32, 36, 0.32);
    border-radius: 10px;
}
/*--- Platform Section Css End */
/*--------------------Why Choose BrickClay Section Start--------------------*/
.WCB {
    padding: 170px 0;
}
.WCB .cards_row {
    padding-top: 32px;
}

.WCB .card {
    margin-bottom: 17px;
    background: #FFFFFF;
    padding: 40px 40px 50px 32px;
    height: 100%;
}
.WCB .card .card_header {
    margin-bottom: 15px;
}
.WCB .card .card_count {
    min-width: 36px;
    height: 36px;
    background: #DCEBFC;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 34px;
}
.WCB .card .card_count .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #007AFF;
}
.WCB .card .card_title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.2px;
    color: #000000;
    margin-bottom: 15px;
}
.WCB .card .card_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #12141D;
    opacity: 0.7;
}
/*--------------------Why Choose BrickClay Section End--------------------*/
/*--------------------Tech Section Start-------------------- */
.animation_main {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
}
.animation_main .left_blur {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: auto;
    height: 500px;
}
.animation_main .right_blur {
    position: absolute;
    top: 50%;
    right: -13%;
    transform: translate(0%, -45%);
    z-index: 99;
    width: auto;
    height: 500px;
}
.animation_main .left_blur_2 {
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 99;
    height: 500px;
    width: auto;
}
.animation_main .right_blur_2 {
    position: absolute;
    top: 54%;
    right: -15%;
    transform: translate(0%, -50%);
    z-index: 99;
    height: 550px;
    width: auto;
}
#tech-animation-tablet, #tech-animation-mobile {
    display: none;
}
/*--------------------Tech Section End-------------------- */

/*---Challenges Solving Css Start---*/
/*.challenges_solving_2 .heading_section_row {*/
/*    grid-column-start: 2;*/
/*    grid-column-end: 12;*/
/*}*/
.challenges_solving_2 .bc_section_title .text {
    /*color: #FFFFFF;*/
    /*opacity: 0.7;*/
}
.challenges_solving_2 .main_section {
    margin-top: 40px;
    /*margin-bottom: 100px;*/
}
.challenges_solving_2 .main_section .accordion_section{
    margin-right: 57px
}
.challenges_solving_2 .accordion {
    width: 100%;
    background-color: #f5f8fc;
}
.challenges_solving_2 .accordion-item {
    position: relative;
    /*border-bottom: 1px solid #35363E;*/
}
.challenges_solving_2 .accordion-header {
    cursor: pointer;
    padding: 32px 36px;
    border-bottom: 1px solid #DDDFE3;
}
.challenges_solving_2 .accordion-header .accordion-heading{
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: normal;
    color: #000000;
}
.challenges_solving_2 .accordion-content {
    /*padding: 10px;*/
    display: none;
    background-color: #FFFFFF;
    padding: 0 52px 48px 36px;
}
.challenges_solving_2 .accordion-content .text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #12141D;
    opacity: 0.7;
}
.challenges_solving_2 .accordion-content .list .list_item {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.challenges_solving_2 .accordion-content .list .list_item .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #12141D;
    opacity: 0.7;
}
.challenges_solving_2 .accordion-content .list .list_item::before {
    content: "";
    display: inline-block;
    margin-right: 16px;
    height: 25px;
    width: 25px;
    min-width: 25px;
    background-image: url(https://www.brickclay.com/wp-content/themes/brickclay/assets/images/frontend-development/list_image.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.challenges_solving_2 .accordion-item.active .accordion-header{
    background-color: #FFFFFF;
    border-bottom: 0;
    /*padding-bottom: 16px;*/
    padding: 36px 36px 12px 36px;
}
.challenges_solving_2 .accordion-header.active {
    pointer-events: none;
}
.challenges_solving_2 .accordion-item.active {
    pointer-events: none;
    margin-top: -1px;
    box-shadow: 0 120px 100px rgba(0, 0, 0, 0.07), 0 80px 60px rgba(0, 0, 0, 0.06), 0 40px 32px rgba(0, 0, 0, 0.05), 0 10px 16px rgba(0, 0, 0, 0.08), 0 10px 8px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02);
}
.challenges_solving_2 .side_images img {
    display: none;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.challenges_solving_2 .side_images img.show-from-bottom {
    animation-name: showFromBottom;
}
@keyframes showFromBottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.challenges_solving_2 .side_images img.active {
    display: block !important;
}
/*---Challenges Solving Css End---*/




/*---Challenges Solving Css Start---*/
.challenges_solving .accordion-content {
    display: none;
}
.image_background {
    min-height: 650px;
}
.challenges_solving .main_section {
    padding: 64px 0 0 0;
}
.challenges_solving .main_section .accordion_section {
    margin-right: 30px;
}
.challenges_solving .accordion {
    width: 100%;
    background-color: #f5f8fc;
}
.challenges_solving .accordion-item {
    position: relative;
}
.challenges_solving .accordion-header {
    cursor: pointer;
    padding: 64px 40px;
    border-bottom: 1px solid #DDDFE3;
}
.challenges_solving .accordion-header .accordion-heading{
    font-weight: 600;
    font-size: 20px;
    line-height: 152.02%;
    letter-spacing: -0.02em;
    color: #000000;
}
.challenges_solving .accordion-item.active .accordion-header{
    background-color: #FFFFFF;
    border-bottom: 0;
    pointer-events: none;
    padding: 70px 40px;
    margin-top: -1px;
}
.challenges_solving .accordion-item.active {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02), 0 10px 8px 0 rgba(0, 0, 0, 0.03), 0 10px 16px 0 rgba(0, 0, 0, 0.08), 0 40px 32px 0 rgba(0, 0, 0, 0.05), 0 80px 60px 0 rgba(0, 0, 0, 0.06), 0 120px 100px 0 rgba(0, 0, 0, 0.07);
}
.side_images {
    position: relative;
}
.side_images .content{
    position: absolute;
    bottom: 0;
    padding: 44px;
}
.side_images .content .content_heading{
    font-size: 24px;
    font-weight: 600;
    line-height: 152.023%;
    letter-spacing: -0.48px;
    margin-bottom: 13px;
    color: #FFFFFF;
}
.side_images .content .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #FFFFFF;
}


/*For List Items Start*/

.point_list .list_item {
    list-style-type: none;
    display: flex;
    margin-bottom: 14px;
    align-items: center;
}
.point_list .list_item .list_text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #FFF;
    opacity: 0.8;
}
/*.point_list .list_item:before{*/
/*    list-style-type: none;*/
/*    content: url(https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-visualization/list_icon.svg);*/
/*    margin-right: 16px;*/
/*}*/

/*For List Items End*/


.image_background {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.30);
}

.challenges_solving .side_images .image_background  {
    display: none;
}
.challenges_solving .side_images .image_background.active {
    display: block !important;
}
.challenges_solving .side_images .image_background.show-from-bottom {
    animation-name: showFromBottom;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes showFromBottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/*---Challenges Solving Css End---*/





/*--- Feature Section Css Start */


.feature_box {
    padding: 30px 0 35px 0;
}
.feature_box .feature_icon {
    margin: 0 auto 8px auto;
}
.feature_box .heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.01em;
    margin-bottom: 12px;
}
.feature_box .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #12141D;
    margin: 0;
    opacity: 0.7;
    padding: 0 50px 0 51px;
}
/*--- Feature Section Css End */





/*---Analytics Services Section CSS Start--- */
.analytics_services .bc_section_title .text {
    color: #FFFFFF;
    opacity: 0.7;
}
.analytics_services_sync_carousel .side_content .heading{
    font-weight: 600;
    font-size: 40px;
    line-height: 58px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 21px;
}
.analytics_services_sync_carousel .side_content .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -1px;
    color: #FFFFFF;
    opacity: 0.7;
}
.point_list {
    margin-top: 35px;
}
.point_list li {
    margin-bottom: 18px;
    position: relative;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.point_list li:before{
    content: '';
    display: inline-block;
    margin-right: 16px;
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/data-science/list_icon2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
    min-width: 28px;
}
.point_list li .list-text{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: 4px;
}
.analytics_services_tabs {
    padding: 43px 0 60px 0;
}
.content_side_image {
    margin: 0 auto;
    height: auto !important;
}
.analytics_services_tabs .cycle-tab-item2 {
    border-bottom: solid 2px #606268;
    position: relative;
    padding: 32px 27px;
    list-style-type: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    color: #B8B8BB;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.analytics_services_tabs .cycle-tab-item2:after {
    display: block;
    content: '';
    border-bottom: solid 2px #007AFF;
    transform: scaleX(0);
    transition: transform 0ms ease-out;
    position: absolute;
    /*top: -2px;*/
    bottom: -1.5px;
    left: 0;
    width: 100%;
}
.analytics_services_tabs .current .item .cycle-tab-item2:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition: transform 5s ease-in;
}
.current .item .cycle-tab-item2 {
    color: #007AFF;
}
/*---Analytics Services Section CSS End--- */




/* --------------------FAQ Section Start----------------------- */
.faq-wrapper .bc_section_title{
    padding-bottom: 32px;
}
/* --------------------FAQ Section End-------------------- */
/*--------------------Related Section Start--------------------*/
.related_services {
    padding: 124px 0 124px 0;
}
.related_services_text {
    margin: 0 183px;
}
.related_card_service_main_section {
    padding: 36px 0 0 0;
}
.related_service_card {
    background: #FFFFFF;
    border-radius: 10px;
    position: relative;
    padding: 50px 36px 50px 36px;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
    height: 100%;
}
.related_service_card::before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.related_service_card:hover {
    box-shadow: 0 0 0 rgba(26, 32, 36, 0.32), 0 21px 40px 1px rgba(91, 104, 113, 0.14);
    transform: scale(1.02);
}
.related_service_card:hover::before {
    opacity: 1;
}
.related_service_card::before {
    background-image: url("https://www.brickclay.com/wp-content/themes/brickclay/assets/images/database-services/diagnal_arrow_icon.svg");
}
.related_service_card .card_title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #000000;
    margin-bottom: 12px;
}
.related_service_card .card_text {
    font-size: 16px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.7);
}
.related_service_carousel {
    display: flex;
}
.related_service_carousel .item {
    margin-right: 13px;
    width: 33%;
}
.related_service_card .text {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*--------------------Related Section End--------------------*/


/*--------------------Tablet Responsive Media Query Start--------------------*/

/*@media only screen and (max-width: 1023px) {*/

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {

    /*--------------------Hero Section Css Start--------------------*/
    .page_header_section {
        padding: 10px 0 104px 0;
    }
    .hero_image_top {
        padding-top: 42px;
        width: 100%;
        margin: 0 auto;
    }
    .btn_blue_header {
        margin-right: 16px;
    }
    /*--------------------Hero Section Css End--------------------*/

    /*--------------------Feature And Services Section Start--------------------*/

    .page_feature {
        padding: 120px 0 100px 0;
    }

    .page_feature_2 {
        padding: 120px 0 50px 0;
    }

    .feature_and_services .services_main_section{
        padding-top: 12px;
    }
    .feature_and_services .services_main_section .services_content_box{
        padding-bottom: 25px;
    }
    .services_content_box_text.text {
        font-size: 18px;
        line-height: 28px;
        /*color: #12141D;*/
        /*opacity: 0.7;*/
    }
    .feature_and_services .services_main_section .services_content_box .services_content_box_heading{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 6px;
        /*letter-spacing: normal;*/
        /*color: #18181B;*/
    }
    .feature_and_services .services_main_section .services_content_box .services_content_box_text{
        padding-right: 0;
        font-size: 18px;
        line-height: 28px;
    }
    .service_cta_section {
        padding-top: 60px;
    }
    /*--------------------Feature And Services Section End--------------------*/
    /*--------------------Development Process Section Start--------------------*/
    /*.development_process_section .bc_section_title .heading1 {*/
    /*    margin-bottom: 6px;*/
    /*    letter-spacing: -0.72px;*/
    /*}*/
    .development_process_section .bc_section_title{
        padding-bottom: 28px;
    }
    .development_process_section .main_section .left_heading{
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
    }
    .development_process_section .main_section .right_text{
        font-size: 18px;
        letter-spacing: normal;
    }
    .development_process_section .main_section {
        padding: 36px 0;
    }
    /*--------------------Development Process Section End--------------------*/
    /*--------------------Trusted Partner Start-------------------- */
    .trusted_bottom{
        padding-top: 80px;
    }
    /*.trusted_partner .text {*/
    /*    padding: 0 48px;*/
    /*}*/
    /*--------------------Trusted Partner End-------------------- */
    /*--- Platform Section Css Start */
    .platform_section {
        padding: 120px 0 120px 0;
    }
    .trigger_carousel_sync {
        padding: 10px 0 0 0;
    }
    .cycle-tab-item:after {
        top: -2px;
    }
    .trigger_carousel_sync #sync1 {
        padding: 0 0 32px 0;
    }
    .trigger_carousel_sync #sync2 .cycle-tab-item {
        font-size: 20px;
        line-height: 26px;
    }
    .cycle-tab-item {
        padding: 20px 0;
    }
    .tab_background {
        min-height: 210px;
    }
    .tab_content_main_row .tab_content {
        padding-left: 27px;
    }
    .tab_content_main_row .tab_content .tab_heading {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .tab_content_main_row .tab_content .tab_text {
        font-size: 18px;
        line-height: 26px;
    }
    .Our_Partner_Side_Image {
        margin-top: 38px;
        height: auto !important;
    }
    /*--- Platform Section Css End */
    /*--------------------Why Choose BrickClay Section Start--------------------*/
    .WCB {
        padding: 100px 0;
    }
    .WCB .card {
        margin-bottom: 12px;
        padding: 36px 86px 52px 36px;
        min-height: 150px;
    }
    .WCB .cards_row {
        padding-top: 12px;
    }
    .WCB .card .card_count {
        min-width: 30px;
        height: 30px;
        margin-right: 28px;
    }
    .WCB .card .card_count .text {
        font-size: 16px;
        line-height: 14px;
        letter-spacing: normal;
    }
    .WCB .card .card_title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .WCB .card .card_text {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: normal;
    }
    .vertical_carousel {
        padding-top: 12px;
    }
    /*--------------------Why Choose BrickClay Sections End--------------------*/


    /*--------------------Tech Section Start-------------------- */
    /*.trusted_partner .text {*/
    /*    padding: 0 !important;*/
    /*}*/
    .animation_main {
        padding-top: 10px;
    }
    .animation_main .left_blur {
        height: 400px;
        top: 60%;
    }
    .animation_main .right_blur {
        height: 400px;
        right: -18%;
    }
    .animation_main .left_blur_2 {
        height: 500px;
        top: 50%;
        left: 2%;
    }
    .animation_main .right_blur_2 {
        height: 500px;
        right: -22%;
    }

    #tech-animation-desktop {
        display: none;
    }
    #tech-animation-tablet {
        display: block;
        padding-top: 20px;
    }
    /*--------------------Tech Section End-------------------- */


    /*---Challenges Solving Css Start---*/
    .challenges_solving_2 .accordion-item.active {
        box-shadow: 0 21px 40px 1px rgba(91, 104, 113, 0.14), 0 0 1px 0 rgba(26, 32, 36, 0.32);
    }
    /*.challenges_solving_2 .bc_section_title .text {*/
    /*    padding: 0 60px;*/
    /*}*/
    .challenges_solving_2 .main_section {
        margin-top: 0;
        padding-top: 12px;
    }
    .challenges_solving_2 .main_section .accordion_section{
        margin-right: 0;
    }
    .challenges_solving_2 .accordion-header {
        padding: 24px 32px 24px 32px;
    }
    .challenges_solving_2 .accordion-header .accordion-heading {
        font-size: 20px;
        line-height: 26px;
    }
    .challenges_solving_2 .accordion-content {
        padding: 0 32px 28px 32px;
    }
    .challenges_solving_2 .accordion-item.active .accordion-header {
        padding: 28px 32px 12px 32px;
    }
    .challenges_solving_2 .accordion-content .text {
        font-size: 18px;
        line-height: 28px;
        color: #12141D;
        opacity: 0.7;
    }
    /*.challenges_solving_2 .accordion-item.active {*/
    /*    box-shadow: none;*/
    /*}*/
    .challenges_solving_2 .accordion-content .list .list_item {
        margin-bottom: 14px;
    }
    /*.challenges_solving_2 .accordion-content .list .list_item .text {*/
    /*    font-size: 14px;*/
    /*    line-height: 25px;*/
    /*}*/
    .challenges_solving_2 .accordion-content .list .list_item::before {
        margin-right: 12px;
        height: 20px;
        width: 20px;
    }
    /*.challenges_solving_2 .accordion-header:before {*/
    /*    height: 16px;*/
    /*    width: 16px;*/
    /*    top: 30px;*/
    /*}*/
    /*.challenges_solving_2 .accordion-item.active .accordion-header:before {*/
    /*    height: 3px;*/
    /*    width: 16px;*/
    /*    top: 40px;*/
    /*}*/
    .challenges_solving_2 .side_images img {
        display: none;
    }
    .challenges_solving_2 .side_images img.active {
        display: none !important;
    }
    .Our_Partner_Side_Image {
        margin-top: 48px;
    }
    /*---Challenges Solving Css End---*/









    /*---Challenges Solving Css Start---*/
    /*.challenges_solving {*/
    /*    padding: 100px 0 150px 0;*/
    /*}*/
    .challenges_solving .main_section {
        padding-top: 12px;
    }
    .challenges_solving .main_section .accordion_section {
        margin-right: 0;
    }
    .challenges_solving .accordion-item.active {
        box-shadow: 0 21px 40px 2px rgba(91, 104, 113, 0.14), 0 0 2px 0 rgba(26, 32, 36, 0.32);
    }
    .challenges_solving .accordion-header {
        padding: 24px 32px;
    }
    .challenges_solving .accordion-header .accordion-heading {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: normal;
    }
    .challenges_solving .accordion-item.active .accordion-header {
        padding: 28px 32px 14px 32px;
    }
    .challenges_solving .side_images .image_background {
        display: none;
    }
    .challenges_solving .side_images .image_background.active {
        display: none !important;
    }
    .challenges_solving .accordion-content {
        display: none;
    }
    .challenges_solving .accordion-item.active .accordion-content {
        display: block;
        padding: 0 32px 40px 32px;
        background-color: #FFFFFF;
    }
    .challenges_solving .accordion-content .text{
        color: #12141D;
        font-size: 18px;
        line-height: 26px;
        opacity: 0.7;
    }

    .point_list_tab .list_item {
        list-style-type: none;
        display: flex;
        margin-bottom: 8px;
    }
    .point_list_tab .list_item::before {
        content: "";
        display: inline-block;
        margin-right: 12px;
        margin-top: 4px;
        height: 20px;
        min-width: 20px;
        background-image: url(https://www.brickclay.com/wp-content/themes/brickclay/assets/images/frontend-development/list_image.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .point_list_tab .list_item .list_text {
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: #12141D;
        opacity: .7;
    }
    /*---Challenges Solving Css End---*/



    /*feature section start */
    /*.feature_section_padding .bc_section_title{*/
    /*    padding-bottom: 18px;*/
    /*}*/
    .feature_main_box {
        padding-top: 40px;
    }
    .feature_box {
        padding: 0 0 48px 0;
    }
    .feature_box .feature_icon {
        margin: 0 auto 12px auto;
    }
    .feature_box .feature_icon img {
        width: 40px;
        height: 40px;
    }
    .feature_box .text {
        padding: 0 30px 0 0;
        text-align: left;
        font-size: 18px;
        line-height: 26px;
    }
    .feature_box .heading {
        font-size: 20px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 16px;
    }
    /*feature section end */



    /*---Analytics Services Section CSS Start--- */
    .analytics_services_sync_carousel .side_content .heading{
        font-size: 28px;
        line-height: 45px;
        text-align: left;
        margin-bottom: 12px;
    }
    .analytics_services_sync_carousel .side_content .text{
        font-size: 18px;
        line-height: 26px;
        text-align: left;
        letter-spacing: normal;
    }
    .analytics_services_tabs {
        padding: 16px 0 48px 0;
    }
    .content_side_image {
        margin: 28px auto 0 auto;
    }
    .analytics_services_tabs .cycle-tab-item2 {
        padding: 24px 0;
        font-size: 20px;
        line-height: 26px;
    }
    .point_list {
        margin-top: 28px;
    }
    .point_list li {
        margin-bottom: 12px;
    }
    .point_list li .list-text {
        font-size: 18px;
        line-height: 26px;
    }
    .point_list li:before{
        height: 24px;
        width: 24px;
    }
    /*---Analytics Services Section CSS End--- */




    /*--------------------Related Section Css Start--------------------*/
    .related_services {
        padding: 96px 0 96px 0;
    }
    .related_services_text {
        margin: 0 30px;
    }
    .related_card_service_main_section {
        padding: 0;
    }
    .related_service_card {
        padding: 36px 28px 54px 28px;
        height: 200px;
    }
    .related_service_card .card_title {
        font-size: 18px;
        margin-bottom: 5px;
        letter-spacing: -0.36px;
    }
    .related_service_card .card_text {
        font-size: 14px;
        line-height: 26px;
    }
    .related_service_carousel .item {
        margin-right: 0;
        width: 100%;
    }
    .related_service_carousel .owl-stage-outer {
        margin: 32px 0 48px 0;
    }
    .related_service_card .text {
        font-size: 16px;
        line-height: 26px;
    }
    /*--------------------Related Section Css End--------------------*/
}
/*--------------------Tablet Responsive Media Query Start--------------------*/





/*--------------------Mobile Responsive Media Query Start--------------------*/

@media only screen and (max-width: 767px) {

    /*--------------------Hero Section Css Start--------------------*/
    .page_header_section {
        padding: 0 0 82px 0;
    }
    .hero_image_top {
        padding-top: 30px;
        width: 100%;
    }

    .btn_blue_header {
        margin: 0 0 9px 0;
    }

    .bc_btn_theme {
        display: block;
        text-align: center;
    }
    /*--------------------Hero Section Css End--------------------*/


    /*--------------------Feature And Services Section Css Start--------------------*/
    /*.feature_and_services .bc_section_title .heading1 {*/
    /*    letter-spacing: -0.48px;*/
    /*    margin-bottom: 8px;*/
    /*}*/
    .page_feature {
        padding: 100px 0 100px 0;
    }
    .page_feature_2 {
        padding: 100px 0 60px 0;
    }
    .feature_and_services .services_main_section{
        padding-top: 0;
    }
    .feature_and_services .services_main_section .services_content_box {
        padding-bottom: 0;
    }
    .feature_and_services .services_main_section .services_content_box .services_content_box_heading{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
        letter-spacing: normal;
    }
    .feature_and_services .services_main_section .services_content_box .services_content_box_text{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
        padding-right: 0;
    }
    .service_cta_section {
        padding-top: 36px;
    }
    /*--------------------Feature And Services Section Css End--------------------*/

    /*--------------------Development Process Section Css Start--------------------*/
    /*.development_process_section .bc_section_title .heading1 {*/
    /*    margin-bottom: 12px;*/
    /*    letter-spacing: -0.48px;*/
    /*}*/
    .development_process_section .main_section .left_heading{
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.18px;
    }
    .development_process_section .main_section .left_heading .d_sm_block{
        display: inline-block;
    }
    .development_process_section .main_section {
        padding: 0 0 24px 0;
        border: 0;
        grid-gap: 8px;
    }
    .development_process_section .main_section:last-child{
        border: 0;
    }
    .development_process_section .main_section:last-child{
        padding-bottom: 0;
    }
    .development_process_section .bc_section_title {
        padding-bottom: 0;
    }
    .development_process_section .main_section .right_text {
        font-size: 16px;
        line-height: 26px;
    }
    /*--------------------Development Process Section Css End--------------------*/
    /*--------------------Trusted Partner Start-------------------- */
    .trusted_bottom{
        padding-top: 70px;
    }
    .trusted_partner .heading1 span {
        display: block;
    }
    /*.trusted_partner .text {*/
    /*    padding: 0;*/
    /*    margin-bottom: 16px;*/
    /*}*/
    /*--------------------Trusted Partner End-------------------- */
    /*--- Platform Section Css Start */
    .platform_section {
        padding: 80px 0 80px 0;
    }
    .trigger_carousel_sync {
        padding: 0;
    }
    .trigger_carousel_sync #sync1 {
        padding: 0 0 24px 0;
    }
    .tab_background {
        min-height: 220px;
        background-size: cover;
    }
    .tab_content_main_row .tab_content {
        padding-left: 24px;
        padding-right: 24px;
    }
    .tab_content_main_row .tab_content .tab_heading {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .tab_content_main_row .tab_content .tab_text {
        font-size: 16px;
        line-height: 24px;
    }
    .cycle-tab-item {
        padding: 13px 0;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .cycle-tab-item:after {
        top: -2px;
    }


    .Our_Partner_Side_Image {
        margin-top: 36px;
        height: auto !important;
    }
    .platform_section .text_sm_center {
        padding:  0 10px;
    }
    /*---Platform Section Css End--- */
    /*--------------------Why Choose BrickClay Section Start--------------------*/
    .WCB {
        padding: 50px 0;
    }
    .WCB .bc_section_title .heading1 {
        padding: 0;
    }
    .WCB .owl-carousel .owl-stage {
        margin-bottom: 25px !important;
    }
    /*.vertical_carousel .owl-stage-outer {*/
    /*    margin: 0 0 0 -15px;*/
    /*}*/

    .WCB .card.d-flex {
        display: block;
    }
    .WCB .card .d-flex {
        display: block;
    }
    .WCB .card .card_count {
        max-width: 20px;
    }
    .WCB .card {
        padding: 33px 26px 32px 26px;
    }
    .WCB .cards_row {
        padding-top: 0;
    }
    .wcb_data_engineering .cards_row {
        padding-top: 0;
    }
    .WCB .card .card_count {
        min-width: 30px;
        height: 30px;
        margin-right: 17px;
        margin-bottom: 10px;
    }
    .WCB .card .card_count .text {
        font-size: 16px;
    }

    .WCB .card .card_title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .WCB .card .card_text {
        font-size: 16px;
        line-height: 26px;
    }

    .WCB .cards_row .card {
        margin-bottom: 12px;
        /*min-height: 140px;*/
    }
    /*--------------------Why Choose BrickClay Section End--------------------*/

    /*--------------------Tech Section Start-------------------- */
    .animation_main {
        padding-top: 0;
    }
    .animation_main .left_blur {
        height: 400px;
    }
    .animation_main .right_blur {
        height: 400px;
        right: -47%;
        transform: translate(0%, -50%);
    }
    .animation_main .left_blur_2 {
        height: 350px;
        left: 2%;
        top: 50%;
    }
    .animation_main .right_blur_2 {
        height: 350px;
        right: -40%;
        top: 50%;
    }
    #tech-animation-desktop {
        display: none;
    }
    #tech-animation-tablet {
        display: none;
    }
    #tech-animation-mobile {
        display: block !important;
        padding-top: 0;
    }
    /*--------------------Tech Section End-------------------- */

    /*---Challenges Solving Css Start---*/
    .challenges_solving_2 .bc_section_title .text {
        padding: 0;
    }
    .challenges_solving_2 .accordion-item.active .accordion-header {
        padding: 24px 20px 8px 20px;
    }
    .challenges_solving_2 .accordion-header {
        padding: 20px 20px 20px 20px;
    }
    .challenges_solving_2 .accordion-header .accordion-heading {
        font-size: 18px;
        line-height: 26px;
    }
    .challenges_solving_2 .accordion-content {
        padding: 0 22px 30px 22px;
    }
    .challenges_solving_2 .accordion-content .text {
        font-size: 16px;
        line-height: 26px;
        color: #12141D;
        opacity: 0.7;
    }
    .challenges_solving_2 .accordion-content .list .list_item {
        margin-bottom: 10px;
        align-items: flex-start;
    }
    .challenges_solving_2 .accordion-content .list .list_item .text {
        font-size: 16px;
        line-height: 26px;
    }
    .challenges_solving_2 .accordion-content .list .list_item::before {
        margin-right: 8px;
        height: 18px;
        width: 18px;
        min-width: 18px;
        margin-top: 5px;
    }
    /*.challenges_solving_2 .accordion-header:before {*/
    /*    height: 10px;*/
    /*    width: 10px;*/
    /*    top: 20px;*/
    /*    right: 20px;*/
    /*}*/
    /*.challenges_solving_2 .accordion-item.active .accordion-header:before {*/
    /*    height: 2px;*/
    /*    width: 10px;*/
    /*    top: 30px;*/
    /*    right: 20px;*/
    /*}*/
    /*.challenges_solving_2 .accordion-item.active {*/
    /*    box-shadow: 0 0 1px rgba(26, 32, 36, 0.32), 0 21px 40px 1px rgba(91, 104, 113, 0.14);*/
    /*}*/
    .challenges_solving_2 .main_section {
        margin-top: 26px;
        /*margin-bottom: 50px;*/
    }
    .challenges_solving_2 .main_section .accordion_section {
        margin-right: 0;
    }
    .challenges_solving_2 .side_images img.active {
        display: none !important;
    }

    .challenges_solving_2 .accordion-item.active {
        box-shadow: 0 13px 26px 1px rgba(91, 104, 113, 0.14), 0 0 1px 0 rgba(26, 32, 36, 0.32);
    }

    /*---Challenges Solving Css End---*/


    /*---Challenges Solving Css Start---*/
    /*.challenges_solving .bc_section_title .text {*/
    /*    padding: 0;*/
    /*}*/
    /*.challenges_solving {*/
    /*    padding: 70px 0 100px 0;*/
    /*}*/
    .challenges_solving .accordion-header {
        padding: 20px 22px 20px 22px;
    }
    .challenges_solving .accordion-header .accordion-heading {
        font-size: 18px;
        line-height: 26px;
    }
    .challenges_solving .accordion-item.active {
        box-shadow: 0 0 2px rgba(26, 32, 36, 0.32), 0 21px 40px 2px rgba(91, 104, 113, 0.14);
    }
    .challenges_solving .main_section .accordion_section {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .challenges_solving .main_section {
        margin: 0;
        padding: 0;
    }
    .challenges_solving .accordion-item.active .accordion-header {
        padding: 17px 22px 12px 22px;
    }
    .challenges_solving .accordion-item.active .accordion-content {
        padding: 0 24px 30px 24px;
    }
    .challenges_solving .accordion-content .text {
        color: #12141D;
        font-size: 16px;
        line-height: 26px;
        opacity: 0.7;
    }
    .challenges_solving .side_images .image_background.active {
        display: none !important;
    }
    .challenges_solving .accordion-item.active .accordion-content {
        display: block;
    }
    .challenges_solving .accordion-item.active .accordion-content {
        background-color: #FFFFFF;
    }

    .point_list_tab .list_item {
        list-style-type: none;
        display: flex;
        margin-bottom: 12px;
    }
    .point_list_tab .list_item::before {
        content: "";
        display: inline-block;
        margin-right: 12px;
        margin-top: 5px;
        height: 20px;
        min-width: 20px;
        background-image: url(https://www.brickclay.com/wp-content/themes/brickclay/assets/images/frontend-development/list_image.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .point_list_tab .list_item .list_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #12141D;
        opacity: .7;
    }
    /*---Challenges Solving Css End---*/





    /*feature css start */
    .feature_main_box {
        padding-top: 16px;
    }
    .feature_box .heading {
        font-size: 18px;
        line-height: 26px;
        text-align: left;
    }
    .feature_box .text {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        text-align: left;
    }
    .feature_box {
        padding: 0 0 24px 0;
    }
    .feature_box .feature_icon img {
        width: 30px;
        height: 30px;
    }
    /*feature css end */




    /*---Analytics Services Section CSS Start--- */
    .analytics_services_sync_carousel .side_content .heading{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
        text-align: left;
        letter-spacing: normal;
    }
    .analytics_services_sync_carousel .side_content .text{
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        letter-spacing: normal;
    }
    .content_side_image {
        margin: 20px auto 0 auto;
    }
    .analytics_services_tabs .cycle-tab-item2 {
        padding: 12px 0;
        line-height: 26px;
        white-space: nowrap;
        font-size: 18px;
        justify-content: start;
    }
    .point_list li {
        align-items: flex-start;
    }
    .point_list {
        margin-top: 24px;
    }
    .point_list li .list-text {
        font-size: 18px;
        line-height: 24px;
    }
    .point_list li:before {
        height: 20px;
        width: 20px;
        margin-right: 10px;
        min-width: 20px;
    }
    .analytics_services_tabs {
        padding: 0 0 24px 0;
    }
    .analytics_services_tabs .cycle-tab-item2:after {
        bottom: -2px;
    }
    /*---Analytics Services Section CSS End--- */



    /* --------------------FAQ Section Start----------------------- */
    .faq-wrapper .bc_section_title {
        padding-bottom: 20px;
    }
    /* --------------------FAQ Section End----------------------- */
    /*--------------------Related Section Css Start--------------------*/
    .related_service_carousel .item {
        width: 100%;
    }
    .related_services {
        padding: 80px 0 80px 0;
    }
    .related_services_heading .d_sm_block {
        display: inline;
    }
    .related_services_text {
        margin: 0 10px;
    }

    .related_service_carousel .owl-stage-outer {
        margin: 24px 0 32px 0;
    }

    .related_card_service_main_section {
        padding: 0;
    }

    .related_service_card {
        padding: 28px 25px 25px 25px;
        height: 180px;
    }

    .related_service_card .card_title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .related_service_card .text {
        font-size: 16px;
        line-height: 26px;
        -webkit-line-clamp: 3;
    }
    /*--------------------Related Section Css End--------------------*/

}

/*--------------------Mobile Responsive Media Query Start--------------------*/



@media only screen and (max-device-width: 1024px) {
    .related_service_carousel .item {
        width: 100%;
    }
    .related_card_service_main_section .owl-dots {
        margin-top: 40px !important;
    }
}

.stretched-link-anchor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}