/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Child theme of Hello Elementor
*/

/***** Our brand page css start *****/
.brands-list-filer-sec #brand-filters {display: flex;justify-content: center;gap: 20px;align-items: center;width: 100%;max-width: 655px;margin: 0 auto;padding-bottom: 25px;}
.brands-list-filer-sec #brand-filters input#brand-search {position: relative;border: 1px solid #E6E6E6;font-family: Poppins;font-weight: 400;font-size: 16px;line-height: 33px;color: #444343;padding-right: 30px; border-radius: 5px;}
.brands-list-filer-sec #brand-filters input#brand-search::placeholder {color: #444343;}
.brands-list-filer-sec #brand-filters .brand-search-field {width: 342px;position: relative;flex-shrink: 0;}
.brands-list-filer-sec #brand-filters .brand-search-field span {position: absolute;top: 50%;right: -1px;transform: translate(-50%, -50%);background: #FDBD3D;padding: 4px 7px;border-radius: 50%;font-size: 16px;line-height: 23px;}
.brands-list-filer-sec #brand-filters select#brand-sort {width: 260px;border-radius: 5px;border: 0;color: #434343;font-weight: 700;font-size: 20px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #FFBF0E url('data:image/svg+xml;utf8,<svg fill=\'%23333\' height=\'16\' viewBox=\'0 0 24 24\' width=\'16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/></svg>') no-repeat right 7px center;background-size: 10%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.brands-list-filer-sec div #brand-results {text-align: center;}
.brands-list-filer-sec div #brand-results p {color: #92191c;font-size: 21px;font-weight: 600;}
.brands-list-filer-sec div #brand-results #brand-loader{position: absolute;top: 0;background-color: #f8f8f87a;width: 100%;height: 100%;left: 0;z-index: 9;border-radius: 18px;}
.brands-list-filer-sec div #brand-results #brand-loader img {width: 100%;max-width: 63px;z-index: 99; position: relative;margin-top: 10%;}
.brands-list-filer-sec #brand-filters span#brand-clear {cursor: pointer;color: #92191c;font-weight: 500;font-size: 17px;text-decoration: underline;transition: 0.4s ease all;}
.brands-list-filer-sec #brand-filters span#brand-clear:hover {color: black;}
.brands-list-filer-sec div #brand-results .brand-grid .brands a.elementor-button.disabled {font-size:0;background-color: #e6e6e6;color: #999999;cursor: not-allowed;pointer-events: none;border: none;opacity: 0.7;}
/***** Our brand page css end *****/
/***** Parts page css start *****/
.parts-services-header-cta .parts-cta-btn a.elementor-button {width: 221px;}
.diff-parts-types .our-parts-box {justify-content: end !important;height: 100%;min-height: 330px; transition: transform 0.4s ease, background-color 0.4s ease;position: relative;overflow: hidden;transform: scaleX(1);}
.diff-parts-types .our-parts-box .parts-content-div {display: none;transition: opacity 0.4s ease;}
.diff-parts-types .our-parts-box:hover .parts-content-div {display: block;z-index: 9;}
.diff-parts-types .our-parts-box h4{z-index: 7; position: relative;}
.diff-parts-types .our-parts-box:hover h4{color: #000 !important;}
.diff-parts-types .our-parts-box:hover {
    /* transform: scaleX(1.2); */
    /* width: 100%;  */
    justify-content: center !important;}
/* .diff-parts-types .our-parts-box:hover .parts-inner-div {transform: scaleX(0.88);margin-left: -14px;}
.training-dev-sec .training-dev-box:hover {transform: none !important;width: var(--width);} */
.training-dev-sec .training-dev-box:hover .parts-inner-div{transform: none !important;margin-left: 0; z-index: 7;}
.training-dev-sec .training-dev-box:before{transition: opacity 0.4s ease;z-index:1;}
.training-dev-sec .training-dev-box:hover::before, .diff-parts-types .our-parts-box:hover::before{opacity: 0;}
.training-dev-sec .training-dev-box:hover::after, .diff-parts-types .our-parts-box:hover::after{opacity: 0.8;}
.training-dev-sec .training-dev-box:after, .diff-parts-types .our-parts-box::after{content: '';position: absolute;top:0; left:0;width: 100%; height: 100%;background-image: linear-gradient(180deg, var( --e-global-color-secondary ) 70%, #00000047 100%);z-index:2;transition: opacity 0.4s ease;opacity: 0;}
.brands-cta-btn-group .brands-cta-button a {width: 278px;}
.brand-carousel {
    position: relative;
}
.brand-carousel .elementor-swiper-button {
    position: absolute;
    bottom: -101px;
    top: auto !important;
}
.brand-carousel .elementor-swiper-button.elementor-swiper-button-prev {
    left: 4% !important;
}
.brand-carousel .elementor-swiper-button.elementor-swiper-button-next {
    right: 4% !important;
}
.brand-carousel .swiper-slide.swiper-slide-active, .brand-carousel .swiper-slide {
    padding-left: 15px;
    padding-right: 15px !important;
}
/*   .getin-touch-btn a.elementor-button:hover span.elementor-button-content-wrapper svg defs image {
    filter: brightness(0) !important;
} */


.getin-touch-btn a.elementor-button:hover svg defs image {
  filter: brightness(0) !important;
}
.brands-list-filer-sec div #brand-results .brand-grid .type-brands .elementor-widget-theme-post-title a * {
    transition: 0.4s all;
}
.brands-list-filer-sec div #brand-results .brand-grid .type-brands .elementor-widget-theme-post-title a:hover h3 {
    color: var(--e-global-color-secondary);
}

/* Style update: 05-12-25 */
.enquiry-form-col .enquiry-form .wpcf7 form.invalid .wpcf7-response-output { font-size: 13px; color: #dc3232;}
#askQuestionResponse p, #contactUsModalResponse p, .enquiry-form-col .enquiry-form .wpcf7 form.sent .wpcf7-response-output {color: #06a406 !important;font-size: 15px;}

.home .contact-team-form .wpcf7 form.sent .wpcf7-response-output {
    color: #06a406 !important;
    font-size: 15px !important;
    background: #deedd7;
}
.home .contact-team-form .wpcf7 form.invalid .wpcf7-response-output, .home .contact-team-form .wpcf7 form.validating .wpcf7-response-output { font-size: 13px; color: #dc3232; border-color: #dc3232 !important; background-color: #ffbdbd;}
/* Style update Ends: 05-12-25 */


/***** Parts page css end *****/
/***** Media query *****/
@media only screen and (max-width: 1180px){
    .diff-parts-types .our-parts-box {min-height: 280px;}
}
@media only screen and (max-width: 1180px) and (orientation: landscape){
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid {grid-template-columns: repeat(3, 1fr);}
    .e-con, .e-con-inner {--container-max-width: 976px !important;}
}
@media only screen and (max-width: 767px){
    .phone-quote-buttons-container.scrolled {
        display: flex !important;
        position: fixed;
        bottom: 0;
        z-index: 1000;
    }
    .phone-quote-buttons-container {
        display: none !important;
    }
    .parts-service-content-box .parts-service-content {box-shadow: none !important;}
    .parts-services-header-cta .parts-cta-btn a.elementor-button, .brands-cta-btn-group .brands-cta-button a {width: 100%;}
    .allan-farm-machine-sec:before {background-image: linear-gradient(180deg, #000000B8 15%, #92191CCC 45%) !important;}
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid .brands.type-brands > .elementor-element.e-parent {padding: 14px 8px;}
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid .brands.type-brands .elementor-widget-image img {max-width: 100px;}
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid .brands.type-brands h3 {font-size: 17px;line-height: 20px;height: 33px;align-content: center;}
    .brands-list-filer-sec div #brand-results .elementor-widget-loop-grid .brand-grid .brands.type-brands .elementor-widget-button a.elementor-button {padding: 9px 0px 9px 0px;font-size: 13px;}
    .brands-list-filer-sec #brand-filters {flex-wrap: wrap;gap: 12px;}
    .brands-list-filer-sec #brand-filters .brand-search-field,.brands-list-filer-sec #brand-filters select#brand-sort {width: 100%;}
    .brands-list-filer-sec #brand-filters select#brand-sort {font-size: 18px;}
}