@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: "GeneralSans-Regular", Sans-serif;
  src: url('http://dev.quodo.com.au/~branchout/wp-content/uploads/2025/11/GeneralSans-Regular.woff2') format('woff2'),
       url('http://dev.quodo.com.au/~branchout/wp-content/uploads/2025/11/GeneralSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeneralSans-Medium", Sans-serif;
  src: url('http://dev.quodo.com.au/~branchout/wp-content/uploads/2025/11/GeneralSans-Medium.woff2') format('woff2'),
       url('http://dev.quodo.com.au/~branchout/wp-content/uploads/2025/11/GeneralSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.entry-content p:last-child {
	margin-bottom: 0;
}

.contact-info h3 {
	margin-bottom:0;
}
.contact-col {
	height:fit-content;
}

.nf-form-wrap .nf-form-content button,
.nf-form-wrap .nf-form-content input[type=button],
.nf-form-wrap .nf-form-content input[type=submit] {
    color: #fff !important;
    background-color: #6EC1E4;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 3px;
}
.nf-form-wrap .nf-form-fields-required {
    display: none !important;
}

/*Min Height for Scrolling Counters - Lachlan 01/05/2025*/

.scrolling-counters {
	min-height: 200px;
}

.copyright-text img { vertical-align: bottom; }
.copyright-text strong { font-family: "GeneralSans-Medium", Sans-serif; font-weight: 600; }
body p { margin: 0 ; }
.elementor-button svg { width: 20px; }
.elementor-nav-menu:after { content: unset !important; }
body #ast-scroll-top { background: var( --e-global-color-secondary );color: var( --e-global-color-astglobalcolor5 ); border: 1px solid var( --e-global-color-astglobalcolor5 ); right: 15px; bottom: 12px; }
a:focus { outline: unset; }
.site-content { overflow: hidden; }
.elementor-button-content-wrapper { align-items: center; }
.site-content .elementor-widget-image { height: 100%; }
.site-content .h-auto.elementor-widget-image { height: auto !important; }
.swiper { width: 100% !important; padding: 0 !important; }
.header .elementor-icon-list-item { width: fit-content; }
.elementor-sticky--effects { background-color: var( --e-global-color-secondary ) !important; box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #3a3a3a; }
.header .right-side { backdrop-filter: blur(10px); }
.glass-bg a::after { content: ""; position: absolute; inset: 0; background: #F7F4ED66;  backdrop-filter: blur(38px) saturate(150%) contrast(110%); -webkit-backdrop-filter: blur(38px) saturate(150%) contrast(110%); border: 1px solid #FFFFFF; z-index: 0; border-radius: 12px; } 
.glass-bg .elementor-button span { position: relative; z-index: 1; }

.arrow-white .elementor-swiper-button:hover svg path { fill: #fff; }
 
.elementor-swiper-button { z-index: 9 !important; }

.h-100 { height: 100%; }

.privacy-page ul { margin-bottom: 0; } 
footer a,
footer li { width: fit-content !important; }

.ace-button {display: none !important; }
.header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { background-color: #F7F4ED66!important; color: var( --e-global-color-text ) !important; font-family: var( --e-global-typography-9624f42-font-family ), Sans-serif; font-size: var( --e-global-typography-9624f42-font-size ); font-weight: var( --e-global-typography-9624f42-font-weight ); line-height: var( --e-global-typography-9624f42-line-height ); letter-spacing:var( --e-global-typography-9624f42-letter-spacing ); fill: var( --e-global-color-text ); padding: 15px 38px 15px 38px; width: fit-content !important; margin: 10px 20px 0; border-radius: 12px;}
.header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link:hover { background-color: var(--e-global-color-primary) !important; color: var(--e-global-color-secondary) !important; }

.header .header-logo, 
.header .header-menu, 
.header .header-button, .header .right-side { width: fit-content !important; }
.header .elementor-nav-menu .sub-arrow { margin: 0; padding: 0; display: block; padding-left: 6px; } 
.header .elementor-nav-menu--dropdown { padding: 20px 0 20px !important; } 
.header .elementor-nav-menu--dropdown a { border-inline-start: none !important; background-color:transparent !important; } 
.header .elementor-menu-toggle { padding: 6px !important }
.home .header .light-logo,
.home .header.elementor-sticky--effects .dark-logo,
.header .dark-logo { display: none !important; } 
.home .header .dark-logo,
.header .light-logo,
.home .header.elementor-sticky--effects .light-logo { display: block !important; } 

.footer-menu-list .elementor-nav-menu { display: flex; flex-wrap: wrap; column-gap: 17px; } 
.footer-menu-list .elementor-nav-menu li { max-width: 85px; width: auto !important; flex: 0 0 85px; }
.footer-menu-list2 .elementor-nav-menu li { max-width: 150px; flex: 0 0 150px; }

.hero-section .swiper-slide-image { height: 660px; width: 100%; object-fit: cover; }

.slick-list .slick-track { display: flex; }

.hero-section .swiper-pagination-bullet { transition: all 0.5s ease; width: 50px !important; border-radius: 4px; border: 1px solid var( --e-global-color-9b9107a ); } 
.hero-section .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.hero-section .swiper-pagination-bullet:hover { width: 100px !important; background: var(--e-global-color-secondary) !important; border: 1px solid var( --e-global-color-text ); } 
.hero-section .swiper-pagination { left: 50%; bottom: 20px !important; transform: translateX(-50%); border-radius: 8px; display: flex; justify-content: center; width: fit-content; background: rgba(247, 244, 237, 0.3);  backdrop-filter: blur(38px) saturate(150%) contrast(110%); -webkit-backdrop-filter: blur(38px) saturate(150%) contrast(110%); border: 1px solid #FFFFFF66; padding: 8px 6px; }

.feature-project .elementor-swiper-button:hover svg path { fill: #fff; }

.contact-form #nf-form-3-cont.nf-form-cont { margin: 0; } 
.contact-form .nf-form-wrap .nf-form-content,
.contact-form .submit-container .nf-field { padding: 0; } 
.contact-form .nf-form-wrap .nf-form-content .nf-row { margin: 0 -12px; }
.contact-form .nf-form-wrap .nf-form-content .nf-row .nf-cell { padding: 0 12px; }
.contact-form .nf-form-wrap .nf-form-content .ninja-forms-field:not([type="submit"]) { background-color: #FFFFFF; border: 1px solid #DCDCDC; outline: 0; border-radius: 12px; font-family: "Work Sans", Sans-serif; font-size: 16px; font-weight: 400; padding: 16px 13px; height: 48px; display: block; color: #0B0B0B; } 
.contact-form .nf-form-wrap .nf-form-content .nf-field-element textarea.ninja-forms-field { height: 160px; } 
.contact-form .nf-form-wrap .nf-form-content .nf-field-element .ninja-forms-field::placeholder { color: #333333; }
.contact-form .nf-form-wrap .nf-form-content input[type=submit] { display: block; width: 100%; font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 600; line-height: 23px; height: auto; transition: unset; background-color: #171111; color: #FFFFFF; padding: 12px 20px; border-radius: 10px; }
.contact-form .nf-form-wrap .nf-form-content input[type=submit]:hover { background-color: #223523; transition: unset; }
.contact-form .nf-form-content label { color: #171111; font-size: 14px; font-weight: 500; font-family: "Work Sans", Sans-serif; line-height: 16px; text-transform: capitalize; }
.contact-form .nf-error-msg.nf-error-field-errors { display: none;}
.contact-form .nf-error.field-wrap .nf-field-element:after { display: none; } 
.nf-error .nf-error-msg { display: none; }
.contact-form .ninja-forms-req-symbol { color: #171111; margin-left: -4px; } 
.contact-form .nf-error .ninja-forms-req-symbol { color: #e80000; }
.nf-pass.field-wrap .nf-field-element:after { display: none; }
.contact-form .submit-container { margin-bottom: 0 !important;  margin-top:0px; }
.contact-form .label-above .nf-field-label { margin-bottom: 8px; }
.contact-form .nf-response-msg p { text-align: center; font-family: "Lato", Sans-serif; font-size: 16px; margin: 0; color: #171111; } 
.contact-form .nf-response-msg { margin-top: 40px; }
.contact-form #nf-field-19 { background: url(http://dev.quodo.com.au/~branchout/wp-content/uploads/2025/11/select.svg) !important; background-position: right 13px center !important; background-size: 18px !important; background-repeat: no-repeat !important; padding: 10px 13px; }
.contact-form .list-select-wrap div div { display: none !important; }
.contact-form .nf-input-limit { margin: 0; }
.contact-form .nf-field-container { margin-bottom: 24px; }

#green-gradiant {background: radial-gradient(43.46% 122.57% at 54.04% 52.22%, #3F5A41 0%, #223523 100%);}
#white-gradiant { background:radial-gradient(95.36% 273.67% at 50% 50%, #FFFFFF 0%, #999999 100%) }

body .elementor-counter .elementor-counter-number-suffix { flex-grow: unset; } 
body .elementor-counter .elementor-counter-number-wrapper,
body .elementor-counter .elementor-counter-title { flex: unset; } 
body .elementor-counter { gap: 5px; justify-content: start; }

@media (max-width: 1200px) {
  .footer-menu-list .elementor-nav-menu li,
  .footer-menu-list2 .elementor-nav-menu li { max-width: 100%; flex: 0 0 100%; }
}
@media (max-width: 1024px) {
    .ace-button,
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link,
    .contact-button { display: flex !important;  }
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { justify-content: center; }

    .header .right-side { background-color: transparent !important; box-shadow: unset !important; }
    .header li .elementor-nav-menu--dropdown { padding: 0px 20px ; }
}

@media (max-width: 991px) {
    br { display: none; }
    .site-content .elementor-button,
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { width: 190px  !important; height: 50px; display: flex; align-items: center; justify-content: center; }
    iframe { height: 300px !important; }

    .elementor-icon-list-item { width: 100% !important; }

    .menu-footer-list ul { display: flex; flex-wrap: wrap; column-gap:20px; row-gap:0px; justify-content: center !important; flex-direction: column; } 
    .menu-footer-list ul li a { text-align: center;  justify-content: center !important; width: auto !important; } 
    .menu-footer-list ul li { width: auto !important; } 
    .menu-footer-list.quick-link ul { flex-direction: unset; }

    .position-unset { position: unset; }
    .hero-section .swiper-slide-image { height: 580px; }
}
@media screen and (max-width: 782px) {

}
@media (max-width: 767px) {
    footer a,
    footer li { width: 100% !important; text-align: center; }
    footer .elementor-icon-list-text { text-align: center; }
    .bottom-footer .elementor-inline-items { row-gap: 12px; }

    .contact-form .nf-cell { width: 100% !important; } 
    .contact-form .nf-field-container,
    .contact-form .address-container { margin-bottom: 0; }
    .contact-form .nf-form-content input,
    .contact-form .nf-form-content select,
    .contact-form .nf-form-content .list-select-wrap .nf-field-element>div,
    .contact-form .nf-form-content textarea { height: 50px; padding: 10px 15px; }
    .contact-form .address-container .nf-field,
    .contact-form .textbox-container .nf-field { margin-bottom: 0; }
    .contact-form .nf-field-container .nf-field-label { margin-bottom: 5px !important; } 
    .contact-form .nf-form-content textarea { height: 100px; }
    .contact-form .nf-field { padding-bottom: 10px; }
    .contact-form .nf-form-wrap .nf-form-content .nf-row .nf-cell { padding: 0; }
    .contact-form .nf-form-wrap .nf-form-content .nf-row { margin: 0 -0; }
    .contact-form .nf-form-wrap .nf-form-content .ninja-forms-field:not([type="submit"]) { padding: 15px 15px; height: 52px; } 
    .contact-form .nf-form-content label {  font-size: 16px }

    .privacy-page ul { margin: 0; } 
    .privacy-page li { list-style: none; } 
    .privacy-page li:before { vertical-align: middle; margin-right: 8px; content: ""; max-width: 5px; min-width: 5px; min-height: 5px; max-height: 5px; border-radius: 50%; display: inline-block; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(https://dev.quodo.com.au/~approvedwaste/wp-content/uploads/2025/10/circle.svg); } 

    
    body .elementor-counter { justify-content: center; }
}