/*
Theme Name: Expertise Child
Theme URI: https://expertise.qodeinteractive.com
Description: A child theme of Expertise
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: expertise
Template: expertise
*/


body{
	background:#000;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, 
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, 
.wpcf7 form.sent .wpcf7-response-output{
	color:#fff!important;
}
.our-services-section article .qodef-e-media .qodef-e-read-more .qodef-m-icon svg, 
.choose-section .qodef-interactive-link-showcase .qodef-m-item .qodef-e-title, 
.choose-section .qodef-interactive-link-showcase .qodef-m-item svg, 
.testimonials-section .qodef-testimonials-list-wrapper .qodef-e .qodef-e-content h3.qodef-e-text, 
.testimonials-section .qodef-testimonials-list-wrapper .qodef-e .qodef-e-content h5.qodef-e-author, 
.qodef-mobile-header-navigation>ul>li>a{
	color:#fff!important;
}
.qodef-m-icon.qodef--open .qodef-svg--menu, 
.qodef-m-icon.qodef--close .qodef-svg--close path, 
#qodef-side-area .qodef-svg--close path{
	stroke: #c78664!important;
}
.faq-section .qodef-accordion.qodef-layout--simple.qodef-skin--light .qodef-accordion-content{
	color:#fff!important;
}
.our-services-section article .qodef-e-content .qodef-e-text h5 a, 
h3.qodef-m-title span, 
h4.qodef-m-title span{
	color: #c78664;
}
.choose-section .qodef-button.qodef-layout--simple, 
.our-service .qodef-button.qodef-layout--simple, 
.testimonials-section .swiper-pagination-bullets .swiper-pagination-bullet:before, 
#qodef-page-mobile-header, 
.qodef-mobile-header-navigation, 
.qodef-page-title{
	background-color: #000!important;
	border-bottom: 0px solid #d2d2d2;
}
.testimonials-section .swiper-pagination-bullets .swiper-pagination-bullet:before{
	background-color: #fff!important;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark{
	    top: 0px!important;
	    width: 50px!important;
    height: 50px!important;
	    margin-top: 10px;
}
.we-serve-text{
	min-height:132px!important;
}

div[data-element_type=container].qodef-elementor-content-grid{
	 width: 100%!important;
}
.qodef-svg--quote{
	fill: #d1977c!important;
}
.qodef-header--standard #qodef-page-header {
    background-color: rgb(0 0 0 / 78%)!important;
}
#qodef-page-header .qodef-header-logo-link {
    height: 50px!important;
}
.qodef-contact-info-widget.qodef--email a {
    text-transform: initial;
}
.qodef-interactive-link-showcase .qodef-m-item .qodef-e-title {
    font-size: 30px!important;
}
.home_counter .qodef-shortcode.qodef-m.qodef-counter {
    display: grid;
}
.home_counter .qodef-m-digit-wrapper {
    order: 1;
}
.home_counter .qodef-m-title-holder {order: 2;}

.home_counter .qodef-m-content {
    order: 3;
}
.qodef-counter.qodef-layout--simple .qodef-m-title:before{
	content:unset;
}
.qodef-counter.qodef-layout--simple .qodef-m-title {
    padding-left: 0;
}
.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-top-holder {
    display: none;
}
#qodef-page-footer-top-area-inner {
    padding-top: 70px;
    padding-bottom: 70px;
}
#qodef-back-to-top .qodef-back-to-top-icon, .qodef-button.qodef-layout--simple .qodef-m-icon-holder .qodef-m-icon:before, .qodef-button.qodef-layout--filled.qodef-html--link, .qodef-contact-form-7 .qodef-form-wrapper.qodef--contact-circle button[type=submit]:before, .rs-layer .qodef-form-wrapper.qodef--contact-circle button[type=submit]:before{
	background: linear-gradient(135deg, #c78664 0%, #edc7be 100%)!important;
}

.our-value .qodef-shortcode.qodef-m.qodef-icon-with-text img {
    width: 150px;
}
#qodef-page-footer-top-area {
    background-color: #000;
}
#qodef-page-footer .widget .qodef-widget-title {
    color: #fff;
}
#qodef-page-footer .widget a, #qodef-page-footer .widget a:hover{
    color: #fff;
	   font-size: 16px;
}
ul.footer-contact-info {
    color: #a2a4a5;
}
div#qodef-page-footer-top-area img {
    width: 250px;
}
#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner {
    grid-template-columns: minmax(0,3fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);
}
.our-section-icon .qodef-m-icon-wrapper img{
	max-width: 15%!important;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark .qodef-icon:before{
	background: linear-gradient(135deg, #c78664 0%, #edc7be 100%) !important;
}
::selection {
  background: #cf9377!important;  /* your desired highlight color */
  color: #ffffff;        /* text color when selected */
}
.wpcf7-form-control.wpcf7-submit.qodef-button.qodef-size--normal.qodef-layout--filled.qodef-m{
	background:linear-gradient(135deg, #c78664 0%, #edc7be 100%)!important;
}
.service_icons img {
    width: 69px;
}
.service_box h3.elementor-image-box-title {
    margin-top: 0px;
}
.single_service_box .qodef-shortcode.qodef-m.qodef-icon-with-text img {
    width: 100px;
}
#qodef-side-area #media_image-3 img{
	    max-width: 20%!important;
}

/* Canvas styling for custom Elementor ripple */
.ripple_effect_image.qodef-ripple-effect--on .custom-el-ripple-item canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: inset(0 75% 0 0);
}

/* Overlay effect like Qode video button */
.ripple_effect_image.qodef-ripple-effect--on .custom-el-ripple-item:after {
    content: "";
    background: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: inset(0 75% 0 0);
    pointer-events: none;
}
.how_it_work .qodef-m-icon-wrapper img {
    width: 130px;
}
.sidebar-logo{
	display:flex;
}
.sidebar-logo .effect{
	height: 50px;
    width: 50px;
}
.sidebar-logo .logo{
	    width: 170px;
    height: 55px;
	margin-left: 5px;
}
.qodef-theme-button, button[type=submit], input[type=submit]{
	width:266px!important;
	justify-content: center!important;
}
#qodef-top-area, #qodef-footer-copyright-area{
	background: linear-gradient(135deg, #c78664 0%, #edc7be 100%) !important;
}
#qodef-top-area span, #qodef-top-area, #qodef-footer-copyright-area h6, #qodef-top-area .widget a, #qodef-top-area .widget.widget_expertise_core_custom_font .qodef-custom-font.qodef--bullet:before{
	color:#fff!important;
}
.what-make-img .elementor-widget-image, .what-make-img .elementor-widget-image img{
	height:100%!important;
} 

.qodef-testimonials-list-wrapper {
  position: relative; /* Make sure parent is positioned so ::before can be absolute */
}
.qodef-testimonials-list{
	margin-left:180px;
}
.qodef-testimonials-list-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 40%;
  background: url("https://metrolinkservices.com.au/wp-content/uploads/2025/11/Quote.png") no-repeat center center;
  background-size: contain; /* or cover, depending on what you want */
  z-index: -1; /* So that it stays behind the content of .my-element */

}
.qodef-testimonials-list.swiper-container-vertical .qodef-e-content, .qodef-testimonials-list.swiper-vertical .qodef-e-content{
	max-width:100%!important;
}
.qodef-testimonials-list-wrapper .qodef-svg--quote{
	display:none;
}
.qodef-contact-form-7 .qodef-form-row, .rs-layer .qodef-form-row{
	gap: 20px!important;
}
.qodef-contact-form-7 label, .rs-layer label{
	margin: 0 0 10px!important;
	color:#fff;
}
.qodef-contact-form-7 input, .rs-layer input, 
.qodef-contact-form-7 select.wpcf7-form-control.wpcf7-select, 
.qodef-contact-form-7 textarea{
	color:#fff!important;
	border-color: #fff!important;
}
.qodef-button.qodef-layout--filled.qodef-html--link{
	    border: 0!important;
}
select.wpcf7-form-control.wpcf7-select {
    font-size: 12px;
    font-weight: 600;
}
@media only screen and (max-width: 1600px) and (min-width: 320px) {
    .qodef-content-grid, div[data-element_type=container].qodef-elementor-content-grid{
        width: 100% !important;
        max-width: 94% !important;
        margin: 0 auto !important;
    }
	.testimonials-section div[data-element_type=container].qodef-elementor-content-grid, div[data-element_type=container].qodef-elementor-content-grid.first-section, div[data-element_type=container].qodef-elementor-content-grid, div[data-element_type=container].qodef-elementor-content-grid.video-section{
		max-width: 100% !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 841px) {
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner{
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr)!important;
	}
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner .qodef-grid-item:first-child{
		grid-column: 1!important;
	}
}
@media only screen and (max-width: 840px) and (min-width: 767px) {
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner{
		        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr) !important;
	}
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner .qodef-grid-item:first-child{
		grid-column: 1!important;
	}
}
@media only screen and (max-width: 767px) and (min-width: 681px) {
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner{
		       grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.7fr) minmax(0, 1.2fr) !important;
		grid-column: 2!important;
	}
}
@media only screen and (max-width: 680px) and (min-width: 319px) {
	#qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner {
		grid-template-columns: repeat(var(--qode-columns), minmax(0, 1fr))!important;
	}
}
@media screen and (max-width: 1024px){
	.our-service-section .our-service-contant-section{
		grid-template-columns: repeat(2, 1fr);
		display: grid;
	}	
	div[data-element_type=container].qodef-elementor-content-grid.first-section{
		margin: 0px 0px!important;
	}
	
}
@media screen and (max-width: 960px){
	#qodef-top-area #qodef-top-area-inner{
		display: block!important;
		height: 100%!important;
	}
	#qodef-top-area #qodef-top-area-inner .qodef-widget-holder{
		justify-content: center!important;
	}
}
@media screen and (max-width: 840px){
	.qodef-h3, h3{
		font-size: 26px;
        line-height: 34px;
		margin: 10px 0;
	}
	.choose-section .qodef-interactive-link-showcase .qodef-m-item .qodef-e-title{
		font-size: 20px !important;
		line-height: 22px!important;
	}
	.choose-section .qodef-button.qodef-layout--simple .qodef-m-icon-holder{
		width: 40px;
    	height: 40px;
	}
	.about-us-method .about-us-method-box{
		display:block;
	}
	.about-us-method .about-us-method-box img{
		width: 100%;
    height: 100%;
	}
	.elementor-element-8036b3b.about-us-method-box{
		display: grid;
	}
	.elementor-element-8036b3b.about-us-method-box .elementor-element-ef83c66{
		order: 1;
	}
	.elementor-element-8036b3b.about-us-method-box .elementor-element-b846863{
		order: 0;
	}
}
@media screen and (max-width: 768px){
	.qodef-testimonials-list {
		margin-left: 90px;
	}
	.first-section{
		display:block!important;
	}
	.first-section .first-contant-section, .first-section .our-value{
		width: 100%!important;
	}
	#qodef-back-to-top{
		width: 30px;
		height: 30px;
		right: 16px;
		bottom: 50px;
	}
	#qodef-back-to-top svg{
		width: 15px!important;
	}
}
@media screen and (max-width: 680px){
	.qodef-testimonials-list-wrapper::before{
		top: -40px;
		width: 10%;
		height: 10%;
	}
	.qodef-testimonials-list {
		margin-left: 0px;
	}
	.qodef-h4, h4 {
        font-size: 22px!important;
        line-height: 25px!important;
    }
	.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark .qodef-icon:before{
		width: 60%!important;
    height: 60%!important;
	}
	.faq-section .qodef-accordion.qodef-layout--simple .qodef-accordion-title{
		padding: 20px 37px 20px 0!important;
	}
}
@media screen and (max-width: 540px){
	.our-service-section .our-service-contant-section{
		grid-template-columns: repeat(1, 1fr);
	}
	.swiper-pagination-bullets .swiper-pagination-bullet{
		height: 16px;
    	width: 16px;
	}
	.swiper-pagination-bullets .swiper-pagination-bullet:before{
		height: 5px;
    	width: 5px;
	}
	.swiper-pagination-bullets .swiper-pagination-bullet:after{
		height: 20px;
    	width: 20px;
	}
	.testimonials-section .qodef-testimonials-list.swiper-vertical .qodef-e-inner {
		padding-right: 15px;
	}
	.qodef-button.qodef-html--link, .qodef-contact-form-7 .qodef-form-wrapper.qodef--contact button[type=submit], .rs-layer .qodef-form-wrapper.qodef--contact button[type=submit]{
		padding: 12px 20px 12px;
		font-size:15px;
		line-height: 17px;
	}
	.qodef-form-wrapper button[type=submit]{
		width: 150px !important;
	}
}
@media screen and (max-width: 480px){
	 .qodef-h4, h4 {
        font-size: 20px !important;
        line-height: 22px !important;
    }
	.faq-section .qodef-accordion.qodef-layout--simple .qodef-accordion-title{
		padding: 20px 37px 20px 0!important;
	}
}

	

@media screen and (max-width: 451px){
	.first-section .our-value .first-box-contant-image{
		display:block!important;
	}
	.first-section .our-value .first-box-contant-image .first-section-box{
		width:100%;
	}
	.qodef-icon-with-text.qodef-layout--top .qodef-m-title {
		margin-top: 20px;
	}
}
@media screen and (max-width: 850px){
	.qodef-interactive-link-showcase .qodef-m-images {
		display: block!important;
		width: 100%;
	}
	.qodef-interactive-link-showcase .qodef-m-images img{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.qodef-page-title .qodef-m-title.entry-title {
    	font-size: 36px!important;
	}	
    #qodef-page-outer {
        margin-top: 0!important;
    }
	.qodef-page-title .qodef-m-content {
        padding-top: 0!important;
    }
	.qodef-page-title {
		height: 230px !important;
	}
}
@media screen and (max-width: 480px){
	.qodef-page-title {
        height: 150px !important;
    }
}