/*
	Theme Name: Meshmedia
	Theme URI: https://meshmedia.com.au
	Description: All about MDC
	Version: 99
	Author: Sanjeev Developer
	Author URI: https://meshmedia.com.au
*/
html{ overflow-x: hidden;}

body {
  font-family: "Inter", sans-serif;
  color: #010101;
  font-weight: 400;
  background: #fff;
  font-size: 16px;
  line-height: 28px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #010101;
  font-weight: 700;
  font-family: "Inter", sans-serif;
}


::-moz-selection {
  color: #fff;
  background: #289ED9;
}

::selection {
  color: #fff;
  background: #289ED9;
}

.text-colour-1{ color: #5A565C;} 
.text-colour-2{ color: #289ED9;}

.btn{ display: inline-flex; min-width: 182px; height: 52px; align-items: center; justify-content: center; background: #289ED9; font-size: 17px; font-weight: 600; color: #fff; border-radius: 120px;}
.btn:hover{ background: #010101; color: #fff;}

.b_w_h_1{ min-width: 200px; height: 60px;}

.font-13{ font-size: 13px;}
.font-14{ font-size: 14px;}
.font-15{ font-size: 15px;}
.font-16{ font-size: 16px;}
.font-18{ font-size: 18px;} 
.font-20{ font-size: 20px;} 
.font-24{ font-size: 24px;}
.font-29{ font-size: 29px;}
.font-50{ font-size: 50px;}
.font-60{ font-size: 60px;}
.font-24{ font-size: 24px;} 

.lh-18{ line-height: 18px;}
.lh-20{ line-height: 20px;}
.lh-23{ line-height: 23px;}
.lh-26{ line-height: 26px;} 
.lh-30{ line-height: 30px;}
.lh-32{ line-height: 32px;}
.lh-48{ line-height: 48px;}
.lh-72{ line-height: 72px;} 

.card{ color: #010101;}

/*========================================= Start navigation ====================================*/
.navbar-light {
  background: none !important;
}

.navbar-nav>li {
  position: relative; padding: 0px 14px;  text-align: center;

} 



.navbar-nav>li>a {
  color: #202020 !important;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 0px !important;
  text-decoration: none; 
}

.navbar-nav>li>a.active,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li:hover>a {
  color: #289ED9 !important; text-decoration: none; 

}



.navbar-nav>li>.dropdown-toggle:after {
  position: relative;
  bottom: -2px;
  display: none;
}

.navbar-nav>li>.dropdown-menu {
  border: none;
  background: #00afef;
  border-radius: 10px;
  padding: 8px 15px;
  margin-left: 4px;
}

.navbar-nav>li>.dropdown-menu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  outline: none !important;
  background: none !important;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  padding: 5px 15px !important;
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
  color: #015eb5;
  background: #fff !important;
}

/*========================================= End navigation ====================================*/ 

.bg_gray_1{ background: #F0F3F6;}

.home_slider figure:before{ content: ""; background: linear-gradient(90deg, rgba(2, 43, 64, 0.86) 0%, rgba(1, 33, 49, 0.71) 40.1%, rgba(2, 33, 49, 0) 100%); position: absolute; left: 0px; top: 0px; bottom: 0px; width: 64%; } 
.slide_detail{ max-width: 725px;} 
.slide_detail small:before{ content: ""; display: inline-block; width: 50px; height: 2px; background: #FFFFFF; position: relative; top: -4px; margin-right: 8px;} 
.slide_detail h2{ font-size: 60px; color: #fff;} 
.slide_detail h2 span{ color: #289ED9;} 
.small_heading{ color: #289ED9; font-weight: 700;}
.small_heading:before{ content: ""; display: inline-block; width: 50px; height: 2px; background: #289ED9; position: relative; top: -4px; margin-right: 8px;}  

.about_section:after{ content: ""; width: 623px; background: url(images/about_bg.png) no-repeat center top; height: 471px; position: absolute; right: 0px; bottom: 60px; background-size: 100%;} 

.radius-15{ border-radius: 15px;}  

.wwd{border: 1px solid #E9E9E9; background: #fff; border-radius: 12px; box-shadow: 0px 4px 40px 0px #0000001F; padding: 30px; }

.wwd .ic:after{ content: ""; background:#289ED9; width: 60px; height: 60px; border-radius: 100%; opacity: .06;
 position: absolute; left: 16px; top: 14px; z-index: -1; } 

 .wwd:hover{ background: #289ED9;} 
 .wwd:hover .ic img{filter: brightness(0) invert(1);} 
 .wwd:hover h4,  .wwd:hover p{ color: #fff !important;} 
 .wwd:hover .ic:after{ background: #fff;} 

 .partners{  border-bottom: 1px solid rgba(1,1,1,.4); border-top: 1px solid rgba(1,1,1,.4);} 

 .logos_rw:before{ content: ""; position: absolute; width: 100%; height: 1px; background: #fff; position: absolute; left: 0px; bottom: 0px;}
 .logos_rw .item{ min-height: 130px; border-right: rgba(1,1,1,.12) 1px solid; }  
 .logos_rw .col:nth-child(6n+6){ border-right: none;}  

 .text_bx{ background: #fff; box-shadow: 0px 12px 20px 0px #05273814; padding: 30px 20px; border-radius: 15px; margin:10px 10px 35px; } 
 .s_photo{ width: 44px;}  
 .text_bx i{ width: 41px; height: 41px; margin-bottom: 20px; background: #289ED9; box-shadow: 0px 2px 5px 0px #5D897147; }

 .owl-carousel img{ width:auto !important; display: inline-block !important;} 
 .s_photo{ width: 48px; background: #289ED9; padding: 2px;} 

 .owl-carousel .owl-dots{ display: none !important;} 
 .owl-carousel .owl-nav{ margin: 0px !important; padding: 0px !important; height: 0px;} 
 .owl-carousel .owl-nav button{ width: 70px; height: 70px; border-radius: 100% !important; position: absolute; right: 0px !important; top: -106px !important;  border: rgba(1,1,1,.26) 1px solid !important;}
 .owl-carousel .owl-nav button span{ display: none;} 
 .owl-carousel .owl-nav button:nth-child(1){ right: 85px !important;} 
 .owl-carousel .owl-nav button.owl-prev{ background: #F1F4F7 url(images/arrow_left.png) no-repeat center center !important;} 
 .owl-carousel .owl-nav button.owl-prev:hover{ background: #fff url(images/arrow_left.png) no-repeat center center !important;  border: #fff 1px solid !important;} 
 .owl-carouselb .owl-nav button.owl-prev:hover, .owl-carouselc .owl-nav button.owl-prev:hover{background: #eee url(images/arrow_left.png) no-repeat center center !important;  border: #fff 1px solid !important;}
 .owl-carousel .owl-nav button.owl-next{ background: #F1F4F7 url(images/arrow_right2.png) no-repeat center center !important;} 
 .owl-carousel .owl-nav button.owl-next:hover{ background: #fff url(images/arrow_right2.png) no-repeat center center !important; border: #fff 1px solid !important;} 
 .owl-carouselb .owl-nav button.owl-next:hover, .owl-carouselc .owl-nav button.owl-next:hover{background: #eee url(images/arrow_right2.png) no-repeat center center !important; border: #fff 1px solid !important;} 

 .contact_f_bx{box-shadow: 0px 34px 72px 0px #0216291F; background: #fff; border-radius: 15px; padding: 30px;
 } 

 .c_body{ margin-top: -210px;} 

 .ul_1 li{ margin-bottom: 20px;} 
 .ul_1 li:last-child{ margin-bottom: 0px;} 

 .form-control{ border-radius: 0px; color: #010101; font-weight: 400; box-shadow: none !important; outline: none !important; border: none; border-bottom: #010101 1px solid; font-size: 16px; padding: 0px; height: 45px;}
 
 .form-control::-moz-placeholder{color:rgba(0,0,0,.26);opacity:1;}
 .form-control::placeholder{color:rgba(0,0,0,.26);opacity:1;} 

 .footer_top{ background: #000000; padding: 50px 0px;}
 .footer_top a{ color: #fff; text-decoration: none;}  
 .footer_top a:hover{ color: #289ED9;}
 .footer_top h5{ font-weight: 500; font-size: 20px; padding-bottom: 10px; color: #fff;}

 .footer_bottom{ background: #070E14; padding: 9px 0px;} 

 .ul_2 li{ margin-bottom: 10px;}
 

 .sticky {
  position: fixed;
  top: 0;
  width: 100%; z-index: 9999; box-shadow: 0px 10px 15px rgba(0,0,0,.15);
}

.sticky + main {
  padding-top: 103px;
}

.p_logo{ padding: 10px 15px;} 
.p_logo img{ max-height: 75px; max-width: 150px;}
.wpcf7-spinner{position:absolute;} .wpcf7-form{margin:0;} 

.contact_form .btn{ background-color: #289ED9; background-image: url(https://mdcfinancegroup.com.au/wp-content/uploads/2024/07/arrow_right.png); background-repeat: no-repeat; background-position: 90% 12px; text-align: left;} 
.contact_form .btn:hover{ background-color: #010101;}
.contact_form  textarea{ margin-top: 10px;} 

.footer_bottom a{ color:#fff; text-decoration:none;} 
.partners .logos_rw .row .col:nth-child(19) .p_logo img{ max-height: 56px;}
.lenders .logos_rw .row .col:nth-child(4) .p_logo img{ max-height: 48px;} 
.partners .logos_rw .row .col:nth-child(3) .p_logo img{ height: 70px;} 
.partners .logos_rw .row .col:nth-child(7) .p_logo img{ height: 70px;} 

.scroller {
  max-width: 100%;
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 200s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

.tag-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
}

.tag-list .item {
  
}
.btn.fb-holder{min-width: 42px; height: 42px; margin-right: 10px;}
.contact_left .ul_1 a{color:#010101; text-decoration:none;}
.contact_left .ul_1 a:hover{text-decoration:underline;} .pic_m img{max-width:140px;}
.scan-qr small, .scan-qr p{display:inline-block;}
.scan-qr p{ line-height: 22px; color: #289ED9; padding-top:25px;}
.scan-qr img{margin-top:-25px; margin-left: -6px;} .scan-qr{padding-top: 9px;}
.fa-whatsapp{font-size:18px;} .mobile-only{display:none;} 
.grecaptcha-badge{visibility:hidden;} .wpcf7-spinner{position:absolute; right:200px;}
.wpcf7-response-output{font-size:14px;}