/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

main#brx-content {
    margin-top: 142px;
}
.prosli_sec .splide__track {
    padding: 0px 120px 0px 120px !important;
}
.prosli_sec button.splide__arrow {
    position: initial !important;
}
.prosli_sec .splide__arrows {
    display: flex;
    position: absolute;
    top: -87px;
    right: 174px;
    gap: 10px;
}

.disc_bl h4 {
    background: linear-gradient(90deg, #818894 0%, #CAD0D7 45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 256px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
}
.disc_bl h4 strong{
   font-size: 64px;
    font-weight: 700;
    line-height: 0.5;
    display: inline-block;
    vertical-align: middle;
    height: 110px;
    padding-top: 77px;

}
.disc_bl h4:after {
    content: "%";
    font-size: 128px;
    font-weight: 700;
    position: absolute;
    right: 27px;
    top: 26px;
    background: linear-gradient(90deg, #818894 0%, #CAD0D7 45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.brands_sec .splide__track {
    padding: 0px 200px 0px 200px !important;
}
.brands_sec .splide__slide{ min-height:150px }

.prosli_sec .splide__slide img{
        mix-blend-mode: multiply;
}
.prosli_sec .splide__slide{transition: all 0.5s ease;}
.prosli_sec .splide__slide:hover .brxe-jpkypf, 
.prosli_sec .splide__slide:hover .brxe-aonicl, 
.prosli_sec .splide__slide:hover .brxe-hhbxmi {
    background: #ffc46a69;
}
.midheading h3,.marquee_text strong {
    font-size: 139px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 1;
        font-family: "industry";
    font-weight: 700;
}
.midheading .splide__track {
    padding: 0px 180px 0px 180px !important;
}
.midheading .splide__slide h3{ position:relative; }
.midheading .splide__slide h3:after, .marquee_text strong:after {
    content: "";
    width: 13.311px;
    height: 12.72px;
    background: #000;
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-left: 24px;
}
.midheading .splide__slide{
    max-width: max-content;
}

@media (max-width: 1679px){

    main#brx-content{
        margin-top: 130px;
    }
     .disc_bl h4{
        font-size: 232px;
     }
     .disc_bl h4:after{
            font-size: 115px;
     }
     .disc_bl h4 strong {
    font-size: 59px;}

    .midheading h3,.marquee_text strong {    font-size: 129px;}
}

 
@media (max-width: 1500px) {
    main#brx-content {
        margin-top: 120px;
    }
    .prosli_sec .splide__track {
        padding: 0px 80px 0px 80px !important;
    }
    .brxe-tzxcpl .brxe-jpkypf.brxe-div {
        min-height: 410px;
    }
    .midheading h3,.marquee_text strong {    font-size: 119px;}

} 

@media (max-width: 1400px) {
    .prosli_sec .splide__arrows{
            top: -76px;
    right: 136px;
    }
        .disc_bl h4 {
        font-size: 208px;
    }
        .disc_bl h4:after {
        font-size: 106px;
    }
        .disc_bl h4 strong {
        font-size: 54px;
    }
    .brands_sec .splide__track {
    padding: 0px 150px 0px 150px !important;
    }
    .midheading h3,.marquee_text strong {    font-size: 109px;}

}

@media (max-width: 1200px) {
    main#brx-content {
        margin-top: 86px;
    }
    .prosli_sec .splide__arrows{
        right: 80px;
    }
        .disc_bl h4 {
        font-size: 183px;
    }
        .disc_bl h4:after {
        font-size: 94px;
        top: 15px;
    }
    .disc_bl h4 strong {
        font-size: 48px;
    }
    .midheading h3,.marquee_text strong {    font-size: 100px;}

}

@media (max-width:991px) {

    .prosli_sec .splide__arrows {
        right: 30px;
        top: -57px;
    }
    .disc_bl h4 {
        font-size: 172px;
    }
        .brands_sec .splide__track {
        padding: 0px 50px 0px 50px !important;
    }
    .midheading h3,.marquee_text strong {    font-size:90px;}


}

@media (max-width:767px) {
    .prosli_sec .splide__slide img{
            max-height: 350px;
    }
    .midheading h3,.marquee_text strong {    font-size:80px;}

    .midheading .splide__track {
        padding: 0px 70px 0px 70px !important;
    }

}

@media (max-width:600px) {
    .prosli_sec .splide__arrows {
        right: 0;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .prosli_sec button.splide__arrow {
        transform: none !important;
    }
    .prosli_sec .splide__track {
        padding: 0px 80px 60px 80px !important;
    }
    .midheading h3,.marquee_text strong {    font-size:60px;}
    .midheading .splide__track {
        padding: 0px 30px 0px 30px !important;
    }

}
@media (max-width:500px){

    main#brx-content {
        margin-top: 81px;
    }
        .prosli_sec .splide__track {
        padding: 0px 30px 60px 30px !important;
    }
    .disc_bl h4 {
        font-size: 135px;
    }
        .disc_bl h4:after {
        font-size: 71px;
        top: 11px;    right: 12px;
    }
        .disc_bl h4 strong {
        font-size: 33px;
        height: 96px;
        padding-top: 59px;
    }
    .brands_sec .splide__slide {
    min-height: 145px;
    }
        .prosli_sec .splide__slide img {
        max-height: 255px;
        min-height: 255px;}

    .midheading h3,.marquee_text strong {    font-size:40px;}

    .midheading .splide__slide h3:after, .marquee_text strong:after {
     
    width: 8px;
    height: 8px;  
    margin-right: 11px; 
    margin-bottom: 6px;
    margin-left: 11px;
    }


}