body{
margin: 0;
padding: 0;
font-size: 18px;    
color: #6e7a85;
font-family: 'Poppins', sans-serif;
}
img{
border:none;
outline:none;
max-width:100%;
height: auto;
}
.clear{
width:0;
padding:0;
height:0;
margin:0;
clear:both;
}
a {
text-decoration:none;
outline:none;
color: #7d2248;
}
a:hover, a:focus, a:active{
color:#000;
text-decoration:none;
transition:color 0.3s linear;
-webkit-transition:color 0.3s linear;
-o-transition:color 0.3s linear;
-moz-transition:color 0.3s linear;
-ms-transition:color 0.3s linear;
}
.container, .wp-block-group__inner-container {
width: 1400px;
max-width: 100% !important;
padding:0 15px;
margin:0 auto;
}
.container-fluid {
width: 2106px;
max-width:98%;
}
.banner .container-fluid {
width: 1602px;
max-width: 98%;
}
a.site-btn {
font-size: 20px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 15px 30px;
border-radius: 60px;
display:inline-block;
}
a.site-btn:hover {
background-color: #80e0a7;
}
h1 {
margin-bottom: 10px;
font-size: 90px;
color: #00263a;
font-weight: 800;
font-family: 'Poppins';
}
h2 {
font-size: 90px;
color: #00263a;
font-weight: 800;
margin-bottom: 20px;
font-family: 'Poppins', sans-serif;
}
h3 {
color: #00263a;
font-size: 33px;
font-weight: 400;
margin-bottom:20px;
line-height: 42px;
}
h6 {
font-size: 20px;
color: #00263a;
font-weight: 600;
}
.header {
padding: 30px 0px;
position: absolute;
z-index: 999;
display: block;
width: 100%;
}
.header-right {
text-align: end;
}
header .row {
align-items: center;
}
.header-right a {
font-size: 22px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 23px 30px;
border-radius: 60px;
width: 262px;
display: inline-block;
text-align: center;
margin-left:20px;
}
.header-right a:hover {
background-color: #80e0a7;
} .ds ul.mega-menu {
display: flex !important;
width: 100%;
justify-content: space-between;
}
.inner-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #2c3f49 !important;
}
header.header.inner-header.MenuFixed {
background-color: #fff;
}
.MenuFixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
padding: 10px 0px;
z-index: 999;
background: #00263a;
animation: fadeIn .3s ease-in both;
box-shadow: 0px 10px 30px #0000000d;
}
@keyframes fadeIn {
from {transform:translatey(-90px); opacity: 0;}
to {transform:translatey(0px); opacity: 1;}
}
.banner {
position: relative;
background-color: #00263a;
padding: 250px 0px 100px;
min-height: 1109px;
}
.banner-text h1 {
font-size: 144px;
line-height: 149px;
color: #fff;
font-weight: 900;
margin-bottom: 40px;
}
.banner-text p {
font-size: 30px;
color: #80e0a7;
font-weight: 700;
margin-bottom: 50px;
}
.banner-btn a {
text-align: center;
font-size: 22px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 23px 30px;
border-radius: 60px;
min-width: 262px;
display: inline-block;
}
.banner-btn a:hover {
background-color: #80e0a7;
}
.banner-icon {
text-align: end;
}
.second-section {
padding: 70px 0px;
}
.second-section h2 {
margin-bottom: 40px;
}
.second-sec-box {
text-align: center;
transition: 0.5s;
margin-top:30px;
}
.second-sec-box:hover {
cursor: pointer;
-webkit-transform: scale(0.9);
transform: scale(0.9);
transition: 0.5s;
}
.second-sec-box h3 {
margin-top: 20px;
color: #00263a;
font-size: 34px;
font-weight: 400;
font-family: 'Questrial', sans-serif;
}
.third-sec {
position: relative;
}
.green-area {
background-color: #80e0a7;
max-width: 62%;
padding: 150px 310px;
text-align: center;
}
.green-area p {
font-size: 34px;
color: #00263a;
font-weight: 400;
font-family: 'Questrial';
margin-bottom: 50px;
}
ul.green-list {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
margin-left: 300px;
}
.green-list li {
font-size: 30px;
font-weight: 800;
color: #00263a;
text-align: left;
position: relative;
margin-bottom:50px;
}
.green-list li::before {
background-image: url(//matesratesmortgages.com.au/wp-content/themes/Mates%20Rates%20Mortgage%20WP/images/check-list.png);
background-repeat: no-repeat;
content: '';
display: block;
height: 54px;
position: absolute;
width: 54px;
top: -3px;
left: -80px;
}
.second-sec-box img {
height: 120px;
}
.green-list li span {
display: block;
font-size: 23px;
font-weight: 500;
}
.blue-area {
position: absolute;
top: 0;
right: 0;
text-align: center;
align-items: center;
max-width: 100%;
padding: 0;
display: flex;
height: 100%;
}
.blue-img {
background-image: url(https://matesratesmortgages.com.au/wp-content/themes/Mates%20Rates%20Mortgage%20WP/images/deal-bg.png);
background-repeat: no-repeat;
background-position: center;
text-align: center;
max-width: 100%;
padding: 70px 160px 340px;
background-size: cover;
}
h1.deal, h3.deal {
color: #fff;
font-size: 270px;
font-weight: 900;
font-family: 'Poppins';
line-height: 280px;
margin-bottom: 10px;
}
.deal span {
font-size: 87px;
vertical-align: text-top;
}
.blue-area a.theme-btn {
background-color: #00263a;
}
.blue-area a.theme-btn:hover {
background-color: #5576d1;
}
.blue-area p {
font-size: 30px;
color: #000000;
font-family: 'Poppins';
font-weight: 600;
line-height: 48px;
}
.blue-section {
background-color: #00263a;
color: #fff;
padding: 70px 0px 120px;
}
.blue-section h2 {
color: #fff;
margin-bottom: 100px;
}
.add-box h3 {
font-size: 30px;
font-weight: 400;
font-family: 'Poppins';
}
section.fouth-sec .container-fluid {
width: 1602px;
}
.add-box {
display: inline-block;
justify-content:center;
width: 19%;
text-align: center;
border-left: 1px solid #fff;
height: 156px;
align-items: center;
vertical-align: bottom;
}
.add-box:last-child {
border-right: 1px solid #fff;
}
.add-box a h3:hover {
cursor: pointer;
transform: scale(1.2);
transition: 0.5s;
color: #80e0a7;
}
.add-box h3 {
font-size: 24px;
font-weight: 500;
transition: 0.5s;
font-family: 'Poppins';
vertical-align: middle;
margin: 0;
color: #fff;
}
.add-box > div {
display: inline-flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.fouth-sec {
padding: 70px 0px;
}
.fouth-sec h3 {
font-size: 33px;
font-family: 'Poppins';
color: #00263a;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}
.fouth-sec p {
color: #6e7a85;
font-size: 19px;
line-height: 30px;
}
.brands-sec {
background-color: #d9d9d6;
padding: 60px 0px;
}
.brands-sec h2 {
margin-bottom: 60px;
}
.brands-sec img {
margin-bottom: 40px;
}
.testimonial-sec {
background-color: #ff8674;
padding: 70px 0px;
}
.testimonial-sec p {
font-size: 30px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.testimonial-sec h2 {
margin-bottom: 60px;
}
h3.title {
text-align: center;
color: #00263a;
font-size: 30px;
font-weight: 500;
}
.footer {
background-color: #00263a;
padding: 90px 0 0;
}
.footer h3 {
font-size: 26px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.footer-logo {
text-align: end;
margin-top:100px
}
.merge {
display: flex;
}
.input-field input[type=text], .input-field input[type=email], .input-field input[type=text]  {
height: 60px;
width: 100% !important;
padding: 10px 10px;
border-radius: 60px;
background-color: #fff;
font-size: 17px;
}
.footer-submit input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-size: 17px;
font-weight: 400;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #335161;
border: 0px;
padding: 15px 50px;
border-radius: 60px;
}
.footer-submit input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
background-color: #80dfa6;
}
.footer-submit span.wpcf7-spinner {
display: none;
}
.footer .wpcf7-response-output {
background-color: #80dfa6;
color: #000;
font-weight: 700;
font-size: 14px;
text-align: center;
border: 0px !important;
margin: 10px 0px 10px !important;
}
.footer ul.social-icons{width:45%;margin-top:100px}
ul.social-icons {
list-style: none;
margin-bottom: 0px;
}
.social-icons li {
display: inline-block;
margin: 10px 20px 0px 0px;
}
.social-icons li a:hover img {
filter: contrast(0.5);
transition: 1s;
transform: rotate(360deg);
}
.social-icons li img {
filter: brightness(20);
}
.webby {
border-top: 1px solid #ffffff14;
margin-top: 60px;
padding: 30px 15px;
}
.webby p {
margin-bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.webby p a {
color: #fff;
}
.webby p a:hover {
color: #79dea8;
}
a.theme-btn {
font-size: 17px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 16px 30px;
border-radius: 60px;
min-width: 262px;
display: inline-block;
text-align: center;
margin-top: 20px;
}
a.theme-btn:hover{
background-color:#80e0a7;
}
.content-spacing .ewd-ufaq-faq-title-text h4 {
font-size: 18px !important;
}
.content-spacing .ewd-ufaq-post-margin-symbol span {
font-size: 14px !important;
transform: translate(8px, 3px);
}
.content-spacing .ewd-ufaq-post-margin.ewd-ufaq-faq-post, .content-spacing .ewd-ufaq-post-margin.ewd-ufaq-faq-post p {
font-size: 15px !important;
}
.content-spacing .ewd-ufaq-faq-div {
background-color: #fbfbfb;
border: 1px solid #cccccc38;
padding: 10px;
margin-bottom: 10px;
} .content-spacing {
min-height: calc(100vh - 426.5px);
padding-bottom:40px;
}
.page-id-4967 .content-spacing{
min-height: 300px;
}
.top-bar {
background-color: #fafafd;
padding: 20px;
}
.inner-page-top h1 {
text-align: center;
margin: 40px 0px;
}
p.sub-text {
font-size: 33px;
color: #5576d1;
font-weight: 400;
font-family: 'Poppins';
line-height: 44px;
text-align: center;
}
.inner-header {
position: unset;
}
.welcome-text h1 {
margin-bottom: 40px;
font-size: 90px;
color: #00263a;
font-weight: 900;
font-family: 'Poppins';
}
.welcome-text p {
font-size: 33px;
color: #5576d1;
font-weight: 400;
font-family: 'Poppins';
line-height: 44px;
margin-bottom: 80px;
}
.first-para h3 {
font-size: 33px;
margin-bottom: 30px;
color: #00263a;
font-weight: 500;
}
.first-para p {
font-size: 19px;
color: #6e7a85;
line-height: 40px;
font-weight: 400;
}
.we-sec {
background-color: #80e0a7;
padding: 60px 0px;
}
.we-sec p {
margin-bottom: 70px;
font-size: 34px;
line-height: 40px;
color: #00263a;
font-weight: 500;
font-family: 'Questrial';
text-align: center;
}
.we-sec ul.green-list {
margin-left: 0px;
}
.content-area {
padding: 70px 0px;
}
.content-area h3 {
margin-bottom: 40px;
margin-top: 40px;
}
.purple-sec {
background-color: #5576d1;
padding: 120px 0px 50px;
}
.purple-sec h2 {
font-size: 80px;
color: #fff;
line-height: 90px;
}
.purple-btn-sec {
text-align: end;
}
.purple-sec {
background-color: #5576d1;
padding: 140px 0;
}
.purple-btn-sec {
text-align: end;
position: absolute;
right: 0;
bottom: 20px;
}
.purple-btn-sec .site-btn {
font-size: 22px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
padding: 23px 30px;
border-radius: 60px;
width: 262px;
display: inline-block;
text-align: center;
}
.purple-btn-sec a.site-btn {
background-color: #00263a;
}
.four-boxes-sec {
padding: 80px 0px;
}
.news-sec {
background-color: #f8fafd;
padding: 70px 0px;
}
.news-text {
background-color: #fff;
padding: 40px 10px 40px 20px;
}
.news-text h3 {
margin-bottom: 30px;
}
.news-text p {
margin-bottom: 0px;
}
.testimonial-box {
background-color: #f7f7f7;
padding: 40px 20px;
position: relative;
}
.grid-item {
margin-bottom: 40px;
}
.testimonial-box img {
height: 47px;
}
.testimonial-box p {
font-size: 19px;
color: #6e7a85;
line-height: 30px;
font-weight:400;
}
p.rating {
color: #ff8675;
}
.first-para a {
color: #7d2248;
}
.news-banner {
background-color: #fafafd;
padding: 20px 0px;
}
.news-page-box-text {
padding: 40px 10px 40px 20px;
border: 1px solid #d9d9d6;
margin-bottom: 50px;
}
.news-box-text h3 {
font-size: 30px;
margin-bottom: 30px;
color: #00263a;
font-family: 'Questrial', sans-serif;
}
.news-box-text h3 a {
color: #00263a;
font-family: 'Questrial', sans-serif;
}
.new-para a {
display: none;
}
.news-box-text {
padding: 20px 10px 0 20px;
}
.more-btn {
position: absolute;
bottom: 60px;
}
.news-box-text p {
color: #6e7a85;
font-size: 16px;
line-height: 24px;
}
.more-btn a {
font-size: 24px;
font-weight: 500;
color: #7d2248;
border-bottom: 1px solid transparent;
font-family: 'Questrial', sans-serif;
}
.more-btn a:hover {
color: #6e7a85;
border-bottom: 1px solid #7d2248;
}
.inner-section {
padding: 0 0 50px;
}
.faqs-sec {
background-color: #80e0a7;
padding: 80px 0px;
margin-top: 30px;
}
.page-id-19 .ewd-ufaq-faqs {
margin-top: 0;
}
.contact-text {
background-color: #80dfa6;
padding: 70px 0px;
}
.contact-text h1 {
margin-bottom: 0px;
margin-top: 50px;
}
.form-area {
background-color: #5576d1;
padding: 50px 0px;
}
.page-id-4131 .content-spacing {
padding-bottom: 0;
}
.form-area p {
font-size: 32px;
font-weight: 900;
color: #fff;
margin-bottom: 50px;
}
h2.gsection_title {
font-size: 32px !important;
font-weight: 900;
color: #fff;
margin-bottom: 50px;
text-align: center;
}
.gform_legacy_markup_wrapper .gsection {
border-bottom: 0 !important;
}
.ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
width: 100% !important;
background-color: #fff;
padding: 14px 10px 12px !important;
border-radius: 60px;
color: #a7a9ac;
font-size: 17px !important;
font-family: 'Questrial';
outline: 0px;
margin-bottom: 20px;
border: none !important;
}
li#field_6_25 br {
display: none;
}
#field_6_25 h5 {
font-weight: 900;
color: #fff !important;
margin-bottom: 10px;
}
#field_6_25 p {
font-size: 18px !important;
font-weight: 400;
margin-bottom: 0;
}
.gfield_checkbox label {
color: #fff !important;
}
label.gfield_label.gform-field-label {
color: #fff !important;
}
select#input_6_31 {
background-color: #fff;
padding: 14px 10px 12px !important;
border-radius: 60px;
color: #a7a9ac;
font-size: 17px !important;
font-family: 'Questrial';
outline: 0px;
margin-bottom: 20px;
border: none !important;
}
.gfield_description {
color: #fff !important;
}
#field_6_27 th {
color: #fff !important;
}
a.add_list_item {
background-color: #79dea8;
padding: 2px;
border-radius: 50%;
}
.faq-tab h4 {
color: #00263a;
font-size: 24px;
font-weight: 400;
margin-bottom: 30px !important;
}
.faq-tab .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
font-size: 15px;
margin: 10px auto 0px;
color: #00263a;
}
.faq-tab .ewd-ufaq-faq-div {
margin: 0;
padding: 20px 0;
border-top: 1px solid #ffffff82;
}
.ewd-ufaq-faqs {
margin-top: 50px;
border-bottom: 1px solid #ffffff82;
}
.faq-tab p {
color: #00263a;
}
.faq-tab .ewd-ufaq-faq-categories {
display: none;
}
.form-group input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
width: 100%;
background-color: #fff;
padding: 14px 10px 12px;
border-radius: 60px;
color: #a7a9ac;
font-size: 17px;
font-family: 'Questrial';
outline: 0px;
margin-bottom: 20px;
}
.form-group input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
width: 100%;
background-color: #fff;
padding: 14px 10px 12px;
border-radius: 60px;
color: #a7a9ac;
font-size: 17px;
font-family: 'Questrial';
outline: 0px;
margin-bottom: 20px;
border: 0px;
}
.form-group textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
width: 100%;
background-color: #fff;
padding: 14px 10px 12px;
border-radius: 15px;
color: #a7a9ac;
font-size: 17px;
font-family: 'Questrial';
outline: 0px;
margin-bottom: 60px;
border: 0px;
height: 150px;
}
.radio-option span.wpcf7-form-control.wpcf7-radio.form-control {
background-color: transparent;
border: 0px;
padding: 0px;
text-align: left;
}
.radio-option span.wpcf7-list-item-label {
font-size: 22px;
font-weight: 500;
color: #fff;
line-height: 60px;
}
.radio-option .wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0em;
width: 330px;
}
.radio-option input[type="radio"] {
vertical-align: text-bottom;
height: 30px;
width: 30px;
margin-right: 10px;
}
.submit-btn input.wpcf7-form-control.has-spinner.wpcf7-submit {
font-size: 20px;
font-weight: 400;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #00263a;
padding: 15px 50px;
border-radius: 60px;
text-decoration: uppercase;
cursor: pointer;
border: 0px;
}
.submit-btn input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
background-color: #80e0a7;
color: #00263a;
border: 0px;
}
.submit-btn {
margin-top: 30px;
}
.submit-btn span.wpcf7-spinner {
display: none;
}
.form-area .wpcf7-not-valid-tip {
margin-bottom: 40px;
color: #00263a;
font-size: 15px;
font-weight: normal;
display: block;
line-height: 0px;
}
.form-area .wpcf7-response-output {
border: 0px !important;
background-color: #80e0a7;
border-radius: 60px;
color: #00263a;
font-weight: 800;
}
.contact-text h1 a:hover {
color: #5576d1 !important;
}
.our-service-top {
padding: 70px 0 50px;
}
ul#mega-menu-primary {
z-index: 99999;
}
.inner-header .mb #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #fff !important;
}
iframe {
border: none;
}
.calc-bx {
background-color: #fff;
border: 1px solid #ebebeb;
min-height:194px;
}
.calc-bx .is-resized {
margin: 0;
text-align: center;
width: 100%;
}
.page-id-17 .calc-bx h4 a {
min-height: 64px;
}
.page-id-18 .calc-bx h4 a {
min-height: 86px;
}
.calc-bx .is-resized a {
display: block;
padding: 20px;
}
.calc-bx h4 a {
padding: 20px;
display: block;
padding-top: 0;
}
.calc-bx h4 {
font-size: 20px;
margin: 0;
padding: 0;
color: #00263a;
}
.calc-bx h4 a {
color: #00263a;
}
.calc-bx:hover {
background-color: #79dea81c;
}
.map-img img {
width: 340px;
}
.map-lf {
text-align: right;
}
.page-id-88 .entry p a {
color: #62bd8c;
}
.map-links p {
color: #00263a;
}
nav.navigation.pagination {
margin: 0 auto;
display: block;
width: 100%;
}
.pagination .nav-links {
text-align: center;
}
.news-bx {
border: 1px solid #d9d9d6;
height: calc(100% - 40px);
padding-bottom: 52px;
margin-bottom:40px;
}
.team-bx {
text-align: center;
}
.team-bx img {
width: 240px;
transition: 0.3s;
transform: scale(1);
}
.team-bx:hover img {
transform: scale(0.9);
}
span.post-n a {
font-size: 20px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 15px 30px;
border-radius: 60px;
display: inline-block;
width: 150px;
}
span.post-n a:hover {
background-color: #80e0a7;
}
.step-bx {
text-align: center;
padding: 20px;
background-color: #7adea821;
border-bottom: 4px solid #7adea8;
margin-top: 20px;
margin-bottom: 20px;
min-height: 272px;
}
.step-bx h4 {
color: #002539;
font-size: 18px;
font-weight: 700;
margin-bottom: 16px;
}
.step-bx p {
color: #002539;
font-size: 14px;
margin-bottom: 0;
}
.csh-bx {
padding: 30px;
background-color: #00263A;
margin: 20px 0;
min-height: calc(100% - 30px);
text-align: center;
}
.csh-bx p {
color: #fff;
font-weight: 300;
}
.csh-bx h4 {
color: #80E0A7;
font-weight: 300;
}
.csh-bx .icon img {
width: 60px;
margin-bottom: 30px;
}
ul.range-list {
column-count: 2;
list-style: none !important;
}
ul{list-style:none;}
ul.range-list li, .content-spacing ul li {
font-size: 16px;
color: #01273b;
font-weight: 500;
margin-bottom: 13px;
padding-right: 50px;
position: relative;
}
ul.range-list li:before,  .content-spacing ul li:before {
display: inline-block;
width: 8px;
height: 8px;
content: '';
background-color: #7adea8;
border-radius: 50%;
position: absolute;
left: -20px;
top: 13px;
}
.main-table thead {
background-color: #5677d1;
}
.main-table table tbody td {
padding: 20px;
font-size: 15px;
color: #01273b;
text-align:center;
border-bottom: 1px solid #c7c8ca;
}
.main-table table th {
border: 1px solid #7796e9;
}
.chart-bg .wp-block-group__inner-container {
width: 1600px;
}
.main-table table thead th {
padding: 20px;
color: #ffffff;
font-weight: 400;
font-size: 14px;
vertical-align: bottom;
text-align:center;
}
.chart-bg p em {font-size: 15px;text-align: center;display: block;}
.main-table table tbody p {
font-size: 15px;
margin-bottom: 0;
}
.main-table table tbody tr {
background-color: #f2f2f3;
}
.main-table table tbody tr:nth-child(even) {
background-color: #ffffff;
}
.main-table {
margin-bottom: 30px;
}
.main-table .icon img {
width: 18px;
display: inline-block;
margin: 0 auto;
}
.main-table .icon {
text-align: center;
display:block;
}
.step-bx .icon {
background-color: #fff;
padding: 14px;
width: 100px;
margin: 0px auto 30px;
border-radius: 50%;
border: 2px solid #5677d1;
}
.bd-sec img {
width: 100%;
}
.news-box.n-gr .news-text {
background-color: #5677d1;
}
.news-box.n-gr .news-text p {
color: #ffffff;
}
.news-box.n-gr {
margin-top: 30px;
}
.blue-sec {
background-color: #ff8675;
padding: 60px 0;
}
.blue-sec h3, .blue-sec p, .blue-sec-b h3, .blue-sec-b p {
color: #fff;
}
.blue-sec-b {
background-color: #5576d0;
padding: 60px 0;
}
.blue-sec-b .wp-block-group__inner-container {
width: 1300px;
max-width: 100%;
padding: 0 15px;
}
label.gfield_label.gform-field-label, .gfield_list th {
font-weight: 600 !important;
font-size: 14px !important;
}
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
font-size: 15px !important;
padding: 10px !important;
border: 1px solid #ccc !important;
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-top: 0 !important;
}
.gform_page_footer.top_label input {
font-size: 22px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #5576d1;
padding: 15px 30px;
border-radius: 60px;
display: inline-block !important;
text-align: center;
margin-left: 20px;
width: 220px !important;
border: none !important;
}
.ns-bx {
display: inline-flex;
justify-content: center;
width: 100%;
align-items: center;
padding: 20px;
background-color: #7adea8;
margin-top: 30px;
}
.ns-bx a {
color: #01273b;
font-size: 20px;
font-weight: 700;
}
.ns-bx:hover {
background-color: #5576d0;
}
.ns-bx:hover a {
color: #fff;
}
.faq-tab ul li {
color: #00263a;
font-size: 16px;
margin-bottom: 10px;
font-weight: 500;
}
.faq-title {
padding: 30px 0;
}
.faq-tab .ewd-ufaq-faq-div:last-child {
margin-bottom: 0;
}
.single-our_services .faqs-sec {
margin-top: 0;
}
.green-area .theme-btn:hover {
background-color: #ff8675;
}
.six-bx-sec {
background-color: #D9D9D6;
padding: 50px 0;
}
.wh .add-box h3 {
color: #00263c;
font-weight: 400;
}
.postid-79 .wh > .add-box:nth-child(1) a h3, .page-id-87 .wh > .add-box:nth-child(2) a h3, .page-id-4241 .wh > .add-box:nth-child(3) a h3, .page-id-4212 .wh > .add-box:nth-child(4) a h3 {
font-weight: 600;
}
.wh .add-box {
border-color: #ff8674;
width:16%;
}
.cut-sec {
padding: 80px 0;
background-image: url(https://matesratesmortgages.com.au/wp-content/uploads/2023/03/cut-bg.jpg);
background-size: cover;
background-position: center;
min-height: 646px;
display: inline-flex;
width: 100%;
align-items: center;
justify-content: center;
}
.cut-sec .wp-block-group__inner-container {
width: 600px;
text-align: center;
}
.cut-sec h3 {
color: #00263a;
font-weight: 400;
}
.cut-sec p {
color: #00263a;
font-weight: 600;
font-size: 18px;
}
.count-sec {
background-color: #00263a;
padding: 80px 0;
text-align: center;
}
.step-row {
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
position:relative;
}
.step-cr {
flex: 0 0 140px;
max-width: 18%;
margin: 0 15px;
position: relative;
z-index: 9;
}
.step-row:before {
width: 80%;
height: 10px;
background-image: url(https://matesratesmortgages.com.au/wp-content/uploads/2023/03/cir.svg);
content: '';
display: block;
position: absolute;
margin: 0 auto;
left: 0;
z-index: 1;
right: 0;
top: 95px;
}
.step-num {
background-color: #5576d1;
width: 200px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 auto 30px;
height: 200px;
border-radius: 50%;
border: 10px solid #fff;
}
.stp-c p {
color: #00263a;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
position: absolute;
left: 0;
right: 0;
width: 100%;
top: -20px;
}
.stp-c span {
color: #00263a;
font-weight: 700;
font-size: 70px;
}
.step-cont {
color: #fff;
}
.stp-c {
position: relative;
width: 100px;
}
.count-sec .wp-block-group__inner-container {
width: 1600px;
}
.gform_button {
font-size: 22px;
font-weight: 300;
color: #fff;
font-family: 'Poppins', sans-serif;
background-color: #00263a;
padding: 23px 30px;
border-radius: 60px;
width: 262px !important;
display: inline-block;
text-align: center;
margin-left: 20px;
border: none;
cursor: pointer;
}
.validation_error {
display: none;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent !important;
border: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-right: 15px !important;
}
div#gform_confirmation_message_6 {
color: #fff;
text-align: center;
font-weight: 600;
font-size: 30px;
}
.gfield_description.validation_message.gfield_validation_message {
padding:0 !important;
font-size: 12px;
margin-bottom: 20px;
font-weight: 400;
color: #ffc107 !important;
}
.gform_button:hover {
background-color: #7adea8;
}
div#eckb-article-content-header-row-1 {
display: none !important;
}
h1.eckb-article-title {
text-align: center;
margin-bottom: 50px !important;
}
.epkb-doc-search-container {
padding: 50px 0 !important;
background-color: #79dea8 !important;
}
.epkb-search-box {
border-radius: 100px;
overflow: hidden;
background-color: #fff;
}
.epkb-search-box input {
border: 0px !important;
}
button#epkb-search-kb {
border-radius: 50px !important;
}
h1.eckb-article-title {
text-align: center !important;
display: block !important;
}
div#eckb-article-content-header-row-2 {
width: 100% !important;
display: block !important;
text-align: center !important;
}
.eckb-article-content-header-row-left-group {
display: block !important;
width: 100% !important;
text-align: center !important;
}
.single-epkb_post_type_1 .ds li#mega-menu-item-4701 a {
background: rgba(34, 34, 34, 0);
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #ff8674;
}
div#eckb-article-content-title-container {
display: block !important;
}
.epkb-doc-search-container__title {
color: #00263a !important;
font-weight: 800 !important;
font-family: 'Poppins';
}
h2.epkb-cat-name {
font-weight: 500 !important;
color: #00263a;
}
section.cashback-sec {
padding: 80px 0;
background-color: #FF8674;
}
section.cashback-sec h2 {
color: #fff;
}
ul.casback-list li {
color: #000000;
font-size: 30px;
font-weight: 500;
margin-bottom: 20px;
list-style: none;
position: relative;
padding-left: 90px;
flex: 0 0 46%;
}
ul.casback-list li p {
color: #000000;
font-size: 30px;
font-weight: 500;
}
ul.casback-list {
margin-bottom: 0;
padding-left: 0;
margin-top:50px;
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.casback-list li:before {
width: 68px;
height: 68px;
display: inline-block;
content: '';
background: url(https://matesratesmortgages.com.au/wp-content/uploads/2023/03/icon-cash.svg);
position: absolute;
left: 0;
top: -17px;
}
.postid-77 ul.range-list {
column-count: 3;
}
.grid-item { width: 48%; }
.calc-bx h4 a {
word-break: normal;
}
.calc-bx .wp-block-group__inner-container {
padding: 0;
width: 100% !important;
}
.calc-bx {
min-height: 100%;
}
.image-rite {
float: right;
width: 300px;
margin: 0 15px 30px;
transform: translateY(30px);
}
.image-rite > div {
width: 100%;
}
.image-rite p {
font-size: 12px;
font-weight: 600;
}
.main-table table tbody tr.stand {
border: 4px solid #79dea8;
background-color: #eafff4;
box-shadow: 0 -14px 40px #00263a33;
}
.btns-sec a.theme-btn {
margin: 20px 10px;
}
.page-id-4967 .container {
width: 900px !important;
max-width: 100% !important;
}
.page-id-4967 section.our-service-top {
padding-bottom: 0 !important;
}
.img-rlt {
float: right;
width: 380px;
margin:15px;
}
.footer-logo span {
display: inline-block;
}
.member-logo {
width: 130px;
margin-right: 20px;
}
.footer-logo a img {
width: 280px;
}
.working-hors-txt h3 {
text-align: center;
font-size: 40px;
font-weight: 800;
}
.hours-list {
width: 400px;
margin: 0 auto;
font-size: 22px;
color: #5576d1;
font-weight: 600;
max-width:100%;
}
.hours-list span:last-child {
float: right;
}
.hours-list > div {padding: 8px 0;border-bottom: 1px solid;}   @media (min-width: 1400px){
.page-id-16 .ser-row .col-lg-3 {
max-width: 20%;
flex: 0 0 20%;
}
.ser-row .col-lg-3 {
max-width: 20%;
flex: 0 0 12.5%;
}
} @media (max-width: 2560px) {
}
@media (max-width: 2400px){	
h1.deal, h3.deal {
font-size: 240px;
}
.deal span {
font-size: 100px;
}
}
@media (max-width: 2010px){	
.green-area {
max-width: 58%;
padding: 100px 310px 100px 80px;
}
h1.deal, h3.deal {
font-size: 170px;
line-height: 200px;
}
.green-area p {
font-size: 33px;
}
ul.green-list{
margin-left:250px;
}
}
@media (min-width: 2011px) and (max-width: 3000px) {
.green-area {
max-width: 68%;
padding: 100px 310px 100px 80px;
}
.blue-img {
max-width: 93%;
padding: 50px 0;
}
}
@media (max-width: 1980px){
.testimonial-box p {
font-size: 16px;
}
.news-box-text p {
font-size: 14px;
}
.news-bx {
padding-bottom: 40px;
}
.news-box-text h3 {
font-size: 24px;
line-height: 22px;
margin-bottom: 10px;
}
.more-btn a {
font-size: 17px;
}
p {
font-size:16px;
}
.wp-block-list li {font-size:16px; padding:5px 0px}
.blog_image_right{float:right; padding-left:20px; width:40%}
.purple-sec h2 {
font-size: 60px;
line-height: 80px;
}
section.fouth-sec .container-fluid {
width: 1400px;
}
.container, .wp-block-group__inner-container {
width: 1300px;
max-width: 100%;
}
h1{
font-size:50px;
}
.blue-section h2 {
margin-bottom: 70px;
}
p.sub-text {
font-size: 28px;
line-height: 42px;
}
.first-para h3 {
font-size: 24px;
margin-bottom: 18px;
font-weight: 500;
}
.first-para p {
font-size: 17px;
line-height: 30px;
}
.we-sec .green-list li {
font-size: 24px;
margin-bottom: 32px;
padding-left: 50px;
}
.we-sec .green-list li::before{
left:0;
}
.green-area p {
font-size: 28px;
}
.header-right a, .banner-text a, .purple-btn-sec .site-btn {
font-size: 18px;
padding: 18px 30px;
width: 204px;
}
.banner .container-fluid {
width: 1402px;
}
.banner-text h1 {
font-size: 100px;
line-height: 100px;
}
.banner-text p {
font-size: 25px;
color: #80e0a7;
font-weight: 700;
margin-bottom: 40px;
}
.banner {
min-height: 898px;
}
h2{
font-size:50px;
}
.we-sec p {
margin-bottom: 50px;
font-size: 28px;
}
.content-area h3, h3 {
margin-bottom: 20px;
margin-top: 20px;
font-size: 24px;
font-weight: 400;
line-height: 34px;
}
.second-sec-box img {
height: 90px;
}
.second-sec-box h3 {
font-size: 26px;
}
.green-area p {
font-size: 23px;
}
.green-list li {
font-size: 24px;
margin-bottom: 32px;
}
.green-list li::before {
height: 34px;
position: absolute;
width: 34px;
top: 0px;
background-size: cover;
}
.add-box h3 {
font-size: 20px;
}
.fouth-sec p {
font-size: 16px;
line-height: 26px;
}
.testimonial-sec p {
font-size: 16px;
margin-bottom: 30px;
height: auto;
}
.testimonial-sec h2 {
margin-bottom: 60px !important;
}
.green-area {
max-width: 68%;
padding: 100px 390px 100px 200px;
}
.blue-img {
padding: 70px 110px 230px;
background-size: cover;
}
h1.deal, h3.deal {
font-size: 140px;
line-height: 200px;
}
.deal span {
font-size: 50px;
line-height: 2;
}
.container-fluid {
width: 1800px;
max-width: 98%;
}
a.site-btn {
font-size: 18px;
}
}
@media (max-width: 1920px){	
ul.casback-list li, ul.casback-list li p {
font-size: 26px;
}
.our-service-top {
padding: 50px 0 40px;
}
.second-section {
padding: 50px 0px;
}	
}
@media (max-width: 1800px){	
.banner-text h1 {
font-size: 90px;
line-height: 100px;
}
.banner-text p {
font-size: 24px;
}
.header-right a {
font-size: 18px;
}
h2 {
font-size: 60px;
}
.green-area p {
font-size: 24px;
}
h1.deal, h3.deal {
font-size: 170px;
}
.blue-area {
background-position: bottom left;
}
.blue-area p {
font-size: 27px;
line-height: 41px;
}
.testimonial-sec p {
font-size: 24px;
}
h3.title {
font-size: 20px;
}
ul.green-list {
margin-left: 250px;
}
.navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
margin: 15px 0px 0 0 !important;
}
}
@media (max-width: 1600px){	
ul.green-list {
margin-left: 160px;
}
.green-area {
max-width: 68%;
padding: 100px 310px 100px 200px;
}
h1 {
font-size: 60px;
}
.navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size: 13px;
}
h1.deal, h3.deal {
font-size: 130px;
line-height: 130px;
}
.green-list li {
font-size: 25px;
}
.add-box {
width: 19.6%;
}
.welcome-text h1 {
margin-bottom: 30px;
font-size: 50px;
}
.welcome-text p {
font-size: 25px;
}
.first-para h3 {
font-size: 24px;
}
.first-para p {
font-size: 19px !important;
}
.we-sec p {
margin-bottom: 30px;
font-size: 24px;
}    
.we-sec ul.green-list {
margin-left: 0px;
padding-left: 84px;
}
.testimonial-sec p {
font-size: 20px;
height: unset !important;
}
.testimonial-sec p {
font-size: 20px;
height: 544px;
}
.inner-page-top h1 {
text-align: center;
margin: 30px 0px;
}
p.sub-text {
font-size: 25px;
}	
.banner-icon img {
width: 380px;
}
.banner-icon {
text-align: center;
}
.banner {
min-height: 838px;
}
h2 {
font-size: 46px;
}
.we-sec .green-list li {
font-size: 20px;
}	
.news-box-text h3 a {
color: #00263a;
font-size: 18px !important;
}	
.blue-img {
padding: 70px 90px 230px;
background-size: cover;
}
}
@media (max-width: 1500px){	
.second-sec-box h3 {
font-size: 23px;
}
.we-sec .green-list li {
font-size: 16px;
}
.ds #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
padding:0 !important
}
}
@media (max-width: 1440px){
.footer-logo a img {
width: 240px;
}
.member-logo {
width: 110px;
}
.footer-submit input.wpcf7-form-control.has-spinner.wpcf7-submit {
padding: 15px 30px;
display: inline-block;
width: 100%;
}
.header-right a, .banner-text a {
padding: 18px 18px;
width: 160px;
font-size: 16px;
margin-left: 10px;
}
.second-sec-box h3 {
font-size: 22px;
}
h2 {
font-size: 40px;
}
h1.deal, h3.deal {
font-size: 100px;
line-height: 130px;
}
.blue-area p {
font-size: 22px;
line-height: 33px;
}
.green-list li {
font-size: 18px;
margin-bottom: 15px;
}
ul.green-list {
margin-left: 116px;
}
.green-list li::before {
height: 26px;
position: absolute;
width: 26px;
top: 0px;
background-size: cover;
left: -39px;
}
.green-area p{
margin-bottom:30px;
font-size: 17px;
}
.add-box h3 {
font-size: 20px;
}
.fouth-sec h3 {
font-size: 24px;
margin-bottom: 30px;
}
.fouth-sec p {
color: #6e7a85;
font-size: 16px;
line-height: 25px;
}
.testimonial-sec p {
font-size: 20px;
}
.footer h3 {
font-size: 20px;
}
.merge input#fname {
width: 350px;
padding: 20px 0px;
}
.merge span a {
font-size: 16px;
padding: 10px 50px;
}
.merge span {
margin-top: 14px;
}
ul.social-icons {
list-style: none;
margin-bottom: 0px;
padding-left: 10px;
}
.deal span {
font-size: 40px;
}
.purple-sec h2 {
font-size: 70px;
}
}
@media (max-width: 1328px){
.navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size: 12px;
}
.green-area {
max-width: 68%;
padding: 60px 310px 60px 40px;
}
}
@media(max-width: 1299px) {
.banner-text h1 {
font-size: 70px;
line-height: 78px;
}
.banner-text p {
font-size: 20px;
}
.header-right a {
font-size: 16px;
}
.banner-btn a {
font-size: 16px;
}
.banner-icon img {
width: 380px;
}
.second-sec-box h3 {
font-size: 20px;
}
.green-area p {
font-size: 20px;
}
.content-area h3 {
margin-bottom: 40px;
margin-top: 0px;
}
.purple-sec h2 {
font-size: 60px;
line-height: 62px;
}
.purple-btn-sec {
text-align: end;
margin-top: 142px;
}
.navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size: 11px;
}
.social-icons li {
display: inline-block;
margin: 10px 7px 0px 0px;
}	
}
@media(max-width: 1247px) {
.add-box h3 {
font-size: 20px;
}
}
@media (max-width: 1200px){
}
@media (max-width: 1199px) {
.footer-logo a img {
width: 220px;
}
.step-num {
width: 160px;
height: 160px;
border: 8px solid #fff;
}
.stp-c span {
font-size: 50px;
}
.step-row:before {
top: 75px;
}
.merge {
display: block;
}
.header-right a {
width: auto;
font-size: 14px;
padding: 10px 20px;
}
.blue-img {
padding: 70px 160px 230px;
background-size: cover;
width: 100%;
}
.green-area {
max-width: 100%;
padding: 40px 30px;
}
.blue-area {
position:relative;
}
.green-list li::before {
left: -50px;
}
.ds {
display: none;
}
.mb {
display: block !important;
}
ul#mega-menu-primary {
position: absolute !important;
width: 100% !important;
top: 10px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 10px;
top: -51px;
}
.header-right {
margin-right: 50px;
}
.green-area p {
font-size: 18px;
margin-bottom: 20px;
}
ul.green-list {
margin-left: 70px;
column-count: 2;
}
.green-list li {
font-size: 20px;
padding-right: 50px;
}
.add-box, .wh .add-box {
width: 32%;
}
.welcome-text h1 {
margin-bottom: 20px;
font-size: 30px;
}
.welcome-text p {
font-size: 20px;
}
.we-sec ul.green-list {
margin-left: 0px;
padding-left: 80px;
column-count: 1;
}
h3 {
font-size: 20px;
}
.content-area h3 {
margin-bottom: 20px;
margin-top: 0px;
}
.content-area p {
font-size: 13px;
}
.purple-sec h2 {
font-size: 39px;
line-height: 47px;
}
a.site-btn {
font-size: 17px;
}
.purple-btn-sec {
text-align: end;
margin-top: 30px;
}
.purple-sec {
background-color: #5576d1;
padding: 30px 0px 30px;
}
.testimonial-sec p {
font-size: 15px;
line-height: 20px;
height: unset;
}
h6 {
font-size: 15px;
color: #00263a;
font-weight: 600;
}
.banner {
min-height: 748px;
}
.banner {
padding: 220px 0px 100px;
}
.faq-tab h4 {
font-size: 18px;
}
.faq-tab .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
transform: translateY(-4px);
}
}
@media (max-width: 1024px) {
.inner-page-top h1 {
font-size: 24px;
}
} @media (max-width: 991px) {
.working-hors-txt h3 {
font-size: 30px;
}
.hours-list {
font-size: 17px;
}
.grid-item { width: 100%; }
.step-cr {
flex: 0 0 40%;
max-width: 40%;
}
.step-row {
justify-content: center;
}
.step-row:before{
display:none;
}
.banner-text h1 {
font-size: 50px;
line-height: 59px;
}
.banner-text p {
font-size: 15px;
margin-bottom: 27px;
}
.green-list li span {
font-size: 14px;
}
.footer-logo {
text-align: center;
margin: 30px 0px 0px;
}
.footer h3 {
font-size: 20px;
text-align: center;
}
.inner-banner img {
display: none;
}
.inner-banner .inner-banner-bg {
min-height: 260px;
display: block !important;
background-size: cover;
background-position: center;
}
h1 {
font-size: 30px;
}	
p.sub-text {
font-size: 17px;
line-height: 30px;
}	
.we-sec ul.green-list {
padding-left: 15px;
column-count: 2;
}	
.purple-btn-sec .site-btn {
font-size: 16px;
padding: 14px 30px;
width: 200px;
}	
.purple-btn-sec {
bottom: 0px;
}	
.testimonial-box {
margin-bottom: 20px;
}	
ul.social-icons {
padding-left: 0px;
text-align: center;
margin: 10px 0px;
width:100% !important
}	
.first-para h3 {
font-size: 20px;
margin-bottom: 10px;
}	
.first-para p {
font-size: 15px !important;
margin-bottom: 30px;
}	
.we-sec p {
margin-bottom: 30px;
font-size: 18px;
}
.purple-btn-sec {
position: relative;
text-align: center;
}
section.content-area.sq-ser img, section.content-area.sq-ser h3 {
margin-top: 20px;
}
.purple-sec h2 {
font-size: 34px;
line-height: 48px;
text-align: center;
}
.four-boxes-sec {
padding: 40px 0px;
}
.footer-logo img {
width: 200px;
}
.footer {
background-color: #00263a;
padding: 40px 0 0;
}
.header {
padding: 20px 0px;
}
.image-rite {
float: none;
width: 300px;
margin: 0 15px 30px;
transform: translateY(0px);
margin: 20px auto 30px;
}
}
@media (max-width: 767px) {
.banner-btn a{margin:10px 0}
.epkb-search-box{
background-color:transparent;
overflow:auto;
border-radius:0px;
}
p.sub-text br {
display: none;
}
.map-lf, .map-links p {
text-align: center;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 10px;
top: -118px;
}
.header-right a {
width: auto;
font-size: 12px;
padding: 10px 20px;
}
.logo {
text-align: center;
margin-bottom: 20px;
}
.banner {
position: relative;
background-color: #00263a;
padding: 260px 0px 40px;
}
.header-right {
text-align: center;
margin-top: 10px;
}
.home .header {
border-bottom: 1px solid;
}
.banner-text {
text-align: center;
}
.banner-icon {
text-align: center;
margin-top: 30px;
}
.banner-icon img {
width: 200px;
}
.second-section h2 {
margin-bottom: 20px;
font-size: 30px !important;
}
.green-list li {
font-size: 17px;
}
.blue-img {
background-position: bottom left -61px;
padding: 40px 20px 190px;
background-size: cover;
width: 100%;
}
.add-box, .wh .add-box {
width: 100%;
border-left: unset;
border-bottom: 1px solid;
height:auto;
}
.add-box h3 {
font-size: 20px;
margin: 0;
padding: 30px 0;
}
.add-box:last-child {
border-right: none;
}
h2 {
font-size: 26px;
}
.inner-banner .inner-banner-bg {
min-height: 210px;
}  
.we-sec ul.green-list {
padding-left: 15px;
column-count: 1;
}	
span.post-n a, .single-post a.site-btn {
display: block;
margin: 10px auto;
padding: 10px;
font-size: 15px;
width: 200px;
}
}
@media (max-width: 575px) {
.img-rlt {
float: none;
display:block;
width: 380px;
max-width:100%
margin:15px auto;
}
ul.casback-list li:before {
width: 40px;
height: 40px;
background-size:cover;
top: -9px;
}
ul.casback-list li, ul.casback-list li p {
font-size: 18px;
}
ul.casback-list li {
padding-left: 50px;
flex: 0 0 100%;
}
.step-cr {
flex: 0 0 40%;
max-width: 80%;
}
.we-sec p br {
display: none;
}
.we-sec p {
margin-bottom: 30px;
font-size: 18px;
line-height: 28px;
}
.row.first-para h3 {
text-align: left !important;
}
.blue-section h2 {
color: #fff;
margin-bottom: 10px;
}
.merge {
display: block;
text-align: center;
}
ul.green-list {
margin-left: 65px;
column-count: 1;
}
.add-box:last-child {
border-right: unset;
}
h2 {
font-size: 26px;
}
.brands-sec .col-lg-2.col-md-3.col-sm-6 {
text-align: center;
}
.testimonial-sec p {
font-size: 17px;
}
.footer-submit {
margin: 20px 0px 10px;
}
.inner-banner .inner-banner-bg {
min-height: 180px;
}
.form-area p {
font-size: 18px;
margin-bottom: 40px;
}	
.radio-option span.wpcf7-list-item-label {
font-size: 17px;
line-height: 40px;
}	
.form-group input, .form-group textarea {
font-size: 16px !important;
}
}
@media only screen and (max-width: 768px) { .blog_image_right{float:none; width:99%; padding:10px}
} .custom-form-container .wpcf7-not-valid-tip {
color: #d93025 !important; font-size: 0.85em !important;
display: block !important;
margin-top: 5px !important;
} .custom-form-container .wpcf7-not-valid {
border: 2px solid #d93025 !important;
} .custom-form-container {
max-width: 800px;
margin: 40px auto !important;
padding: 20px;
font-family: sans-serif;
} .form-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
}
.form-column {
flex: 1;
min-width: 280px;
}
.full-width {
flex: 0 0 100% !important;
} .custom-form-container input:not([type="checkbox"]):not([type="submit"]), 
.custom-form-container select, 
.custom-form-container textarea {
width: 100% !important;
padding: 12px !important;
border: 1px solid #ddd !important;
border-radius: 5px !important;
box-sizing: border-box !important;
} .consent-box {
font-size: 0.95em;
color: #444;
}
.consent-box span.wpcf7-list-item {
margin: 0;
display: flex;
align-items: flex-start;
}
.consent-box input[type="checkbox"] {
margin-top: 5px !important;
margin-right: 12px !important;
width: auto !important;
} .form-submit {
text-align: center;
margin-top: 30px;
}
.form-submit input[type="submit"] {
display: inline-block !important;
width: auto !important;
min-width: 200px !important; background-color: #5576d1 !important;
color: #fff !important;
padding: 15px 40px !important;
border: none !important;
border-radius: 5px !important;
font-size: 1.1em !important;
font-weight: bold !important;
cursor: pointer;
}
.form-submit input[type="submit"]:hover {
background-color: #80e0a7 !important;
}