/*
 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
*/
.brxe-block.how-we-work-icon-box:hover , .brxe-block.information-box-wrap:hover {transform: translateY(-10px);background: #fff !important;box-shadow: 0px 0px 13px -6px #000000f7 !important;}
.brxe-block.how-we-work-icon-box , .brxe-block.information-box-wrap {transition: 400ms;}
.home header#brx-header {position: absolute; z-index: 9;}
@keyframes marquee { to { transform: translateX(calc(-100% - var(--gap))); } }
.main-header-section .right-side ul#menu-main-menu li:first-child { margin: 0; }
.main-header-section .right-side ul#menu-main-menu li.current-menu-item { position: relative; }
.main-header-section .right-side ul#menu-main-menu li.current-menu-item:after , .main-header-section .right-side ul#menu-main-menu li.current-menu-parent:after { content: ""; width: 6px; position: absolute; background: #F08C00; height: 6px; border-radius: 100%; margin: auto; left: 0; right: 0; }
.our-service-section .service-wraper .left-service { position: relative; }
.our-service-section .service-wraper .left-service:after { content: ""; height: 100%; width: 1px; position: absolute; right: -1px; background: url(https://lujayninfoways.a2hosted.com/elm_programs/wp-content/uploads/2024/12/Line-15.png); }
.animation-section { --gap: 1rem; }
.main-animation { overflow: hidden; user-select: none; display: flex; gap: var(--gap); /* transform: rotate(-4deg); */ }
.animated-wrap { list-style: none; flex-shrink: 0; min-width: 100%; display: flex; justify-content: space-between; align-items: center; gap: var(--gap); animation: marquee 15s linear infinite; }
.animation-heading { background: linear-gradient(to right, #a2a2a2, #ffffff, #212121); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; /* color: transparent; */ /* font-weight: 400; */ /* font-size: 25ch; */
    -webkit-text-stroke: 1.5px rgba(14, 144, 121, 1); color: #fff; }
.resorces-section .resorces-slider button.splide__pagination__page.is-active { position: relative; }
.resorces-section .resorces-slider button.splide__pagination__page.is-active:after { position: absolute; content: ""; width: 15px; height: 15px; top: -5px; border-radius: 100px; border: .5px solid #0E9079; padding: 10px; left: -5px; }
div#brxe-qicdnp { display: none; }
h5.big-and-small-text span {font-size: 48px; line-height: 57.6px;}
.saprate-post-section .left-side .brxe-post-content p { margin-bottom: 20px; }
.saprate-post-section .left-side .brxe-post-content p:last-child { margin-bottom: 0; }
.saprate-post-section .left-side .brxe-post-content figure.wp-block-image.size-full {margin: 30px 0px;}
.image-overlay-part figure:before { opacity: 0.77; }
.saprate-post-section .left-side .brxe-post-content figure.wp-block-image.size-full img { border-radius: 20px; }


.swiper-autoheight .swiper-slide { height: 100% !important; display: flex; align-items: center; }
.accordian-section-wrap .accordion-content-wrapper .brxe-text ul { margin: 0; }
.accordian-section-wrap .accordion-content-wrapper .brxe-text p { margin-bottom: 0px; }
.contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap { display: flex; flex-flow: wrap; justify-content: space-between; column-gap: 15px; }
.contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap .form-wrap { width: 48%; margin-bottom: 20px; }
.contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap .form-wrap input , .contact-us-section .right-contact .form-wrapper-contact .second-row-wrap .form-wrap textarea { font-size: 18px; line-height: 20px; padding: 13px 15px; border: 1px solid #ccc; border-radius: 6px; }
.contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap .form-wrap input::placeholder , .contact-us-section .right-contact .form-wrapper-contact .second-row-wrap .form-wrap textarea::placeholder { color: #353535a6; }
.contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap .form-wrap input:focus { background: #0e90791f; outline: none; }
.contact-us-section .right-contact .form-wrapper-contact .second-row-wrap { flex-direction: column; }
.contact-us-section .right-contact .form-wrapper-contact .second-row-wrap .form-wrap { width: 100%; }
.contact-us-section .right-contact .form-wrapper-contact .second-row-wrap .form-wrap.message-wrap textarea { height: 100px; }
.contact-us-section .right-contact .form-wrapper-contact .third-row-wrap .form-submit-button input { padding: 12px 25px; font-size: 18px; background: #F08C00; border: none; border-radius: 6px; color: #fff; transition: 0.4s; }
.contact-us-section .right-contact .form-wrapper-contact .third-row-wrap .form-submit-button input:hover { background: #0e9079; }
.main-header-section .right-side ul ul.sub-menu li.current-menu-item:after { display: none; }





.main-header-section .right-side ul ul.sub-menu li a:hover { color: #F08C00 !important; }
.main-header-section .right-side ul ul.sub-menu li.current-menu-item a:hover { color: #fff !important; }
.main-header-section .right-side ul ul.sub-menu li.current-menu-item a { color: #fff !important; }
.main-header-section .right-side ul ul.sub-menu li:first-child { border-radius: 6px 6px 0px 0px; }
.main-header-section .right-side ul ul.sub-menu li:first-child a { border-radius: 6px 6px 0px 0px; }
.main-header-section .right-side ul ul.sub-menu li:last-child a { border-radius: 0px 0px 6px 6px; }
.main-header-section .right-side ul ul.sub-menu li:last-child { border-bottom: none !important; border-radius: 0px 0px 6px 6px  !important; }
.main-header-section .right-side ul ul.sub-menu{border-radius:7px;margin-top: 7px;}
.page-id-28 section#brxe-lmxmyb { display: none; }
.right-contact .brxe-shortcode form.wpcf7-form .wpcf7-response-output { margin: 15px 0px 0px;  border-width: 1px; border-radius: 10px; padding: 6px 15px; }
.right-contact .brxe-shortcode form.wpcf7-form.invalid .wpcf7-response-output { border-color: #f18686; background: #ffe0e0; color: red;  }
.right-contact .brxe-shortcode form.wpcf7-form.sent .wpcf7-response-output { background: #d4f7d4; color: green; font-weight: 500; }



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

    .banner-section button.splide__arrow.splide__arrow--prev { left: -10px !important; }
    .banner-section button.splide__arrow.splide__arrow--next { right: -10px !Important; }

    
    }


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

    .banner-section button.splide__arrow.splide__arrow--prev { left: -30px !important; }
    .banner-section button.splide__arrow.splide__arrow--next { right: -30px !Important; }
    h5.big-and-small-text span { font-size: 42px; line-height: 52.6px; }
        
}


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


h5.big-and-small-text span {
    font-size: 34px;
    line-height: 42.6px;
}
h5.big-and-small-text {
    font-size: 28px !important;
}

}

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

    .contact-us-section .right-contact .form-wrapper-contact .first-row-form-wrap .form-wrap { width: 100%; margin-bottom: 20px; }

   
    }


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

.animated-wrap { animation: marquee 8s linear infinite; }

.banner-section button.splide__arrow.splide__arrow--prev { left: -15px !important; }
.banner-section button.splide__arrow.splide__arrow--next { right: -15px !Important; }
.our-service-section .service-wraper .left-service:after { display: none; }
.coll-to-action-section {flex-direction: column-reverse !important;}

}

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

.fotter-section-last .middle-wraper-footer { row-gap: 30px !important; }
.fotter-section-last .middle-wraper-footer .footer-colum { width: 100% !important;}
.fotter-section-last .middle-wraper-footer .footer-colum div#brxe-udftcx { max-width: 100%; }
.mobile-quick-link div#brxe-ccibjo { row-gap: 30px; display: inline-flex; flex-direction: column; }
.desk-top-link { display: none  !important; }
div#brxe-qicdnp { display: block; }
div#brxe-nbreak { flex-direction: column; align-items: center; row-gap: 10px; }
div#brxe-nbreak div#brxe-uxghqa { width: 100%; justify-content: center; }
.h1-heading{ line-height: 55px !important; font-size: 45px !important; }
}


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

    .h1-heading { line-height: 47px !important; font-size: 37px !important; }
    
    }

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

    .h1-heading { line-height: 45px !important; font-size: 32px !important; }
}