/*!
Theme Name: referlo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: referlo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

referlo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



 .banner-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.banner-section {
	width: 100%;
	position: relative;
	height: 290px;
	overflow: hidden;
	background: linear-gradient(90deg, rgb(29, 87, 161) 0%, rgb(16, 49, 118) 35%, rgb(11, 45, 111) 100%);}

.banner-section h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.banner-section::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: url(https://referlo.com.au/wp-content/themes/referlo/img/dotted_ic.png);
}

.contact_us {
	padding: 0;
	list-style: none;
}

.contact_us li input , .contact_us li textarea{
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #e4e1e1;
	font-family: "Poppins", serif;
	color: #000;
	width: 100%;
}

.contact_us li input.wpcf7-submit {
	padding: 10px 35px;
	border-radius: 8px;
	background: #05215b;
	color: #fff;
	font-family: "Poppins", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contact_us li textarea{
	height: 150px;
}
/* .social_icons img {
	width: 350px;
	height: 115px;
	object-fit: contain;
	background: #05215b;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
} */

/* .contact_us {
	padding-left: 100px;
} */
.contact_form .col-md-6 img {
	width: 100%;
	max-width: 90%;
}

.social_icons i {
	font-size: 45px;
	color: #05215b;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}


.social_icons p, .social_icons a {
	font-size: 18px;
	text-decoration: none;
	color: #000 !important;
	text-align: center;
	margin-top: 15px;
}


.social-icons a i {
	padding: 10px;
	border-radius: 50%;
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background: #05215b;
	color: #fff;
  font-size: 20px;
}

.social-icons {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.contact_us {
	width: 100%;
	max-width: 85%;
	margin: 0 auto;
	padding: 35px;
	background: url(https://referlo.com.au/wp-content/themes/referlo/img/dotted_ic.png);
	border: 1px solid #efe8e8;
	box-shadow: 0 0px 5px 0 #efe8e8;
	border-radius: 8px;
}

.social_icons .call_us > a{
	padding: 90px 20px;
	border: 1px solid #c4c1c1;
	border-radius: 7px;
	display: block;
	width: 100%;
	background: url(https://referlo.com.au/wp-content/themes/referlo/img/dotted_ic.png);
  position: relative;
}

.call_us {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.social-icons {
	margin-bottom: 20px;
}
.social_icons h2 {
	text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

.social_icons .call_us > a::before {
	content: "";
	background: #e4e4e4;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0.1;
}
.social_type {
	position: relative;
	width: 350px;
	display: flex;
	justify-content: center;
	align-items: center
	;
	margin: 0 auto;
	margin-top: 35px !important;

}



.refer-earn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  max-width: 1200px;
  margin: auto;
}



.refer-earn-container  h1 {
  font-size: 2.5rem;
  color: #0056d2;
}

.landing_page{
	padding:60px 0;
}
.landing_page .content h1 {
	font-size: 45px;
	color: #3E9DFF;
	font-weight: 600;
}
.refer-earn-container  p {
  font-size: 1rem;
  line-height: 1.6;
}
.landing_page {
	background: url('https://referlo.com.au/wp-content/themes/referlo/img/dotted_ic.png') no-repeat, #f2f8fd;
	background-size: contain;
	background-position: center;
	background-size: 70%;
}
.steps {
  margin-top: 2rem;
}

.ps {
	font-weight: 600;
	color: #000;
}
.steps {
	display: grid;
	gap: 26px;
}
.steps .step .text h3 {
	color: #1042A8;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}
.steps .step .text {
	margin-left: 12px;
}
.step {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}



.text h3 {
  margin: 0;
  font-size: 1.2rem;
}

.text p {
  margin: 0;
  font-size: 1rem;
  color: #000;
}

.bonus {
  margin-top: 2rem;
  background-color: #e8f5e9;
  padding: 1rem;
  border-left: 5px solid #28a745;
}

.bonus h3 {
  margin: 0;
  font-size: 1.2rem;
  color: #28a745;
}

.ps {
  margin-top: 1rem;
}

.illustration img {
  max-width: 100%;
  height: auto;
}
.landing_form {
	margin: 0;
	padding: 0;
	display: grid;
	list-style: none;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	align-items: start;
	gap: 6px;
	vertical-align: middle;
	margin-top: 25px;
}

.landing_form li:last-child > p {
	margin: 0;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.landing_form li label > span {
	color: #1042a8;
}

.landing_form li input {
	width: 100%;
	padding: 12px 7px;
	border-radius: 10px;
	border: 1px solid #e4e2e2;
	font-size: 15px;
	width: 100%;
	max-width: 100%;
}
.landing_form li input.wpcf7-submit.Register{
	box-shadow: 0 10px 36px #1042A83D;
}
._landig-form lable {
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
.landing_page {
	padding-bottom: 45px;
}
.landing_form li:last-child input {
	background: #1042A8;
	color: #fff;
	font-weight: 600;
	border: none;
}
._landig-form {
	width: 100%;
	max-width: 80%;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	padding-bottom: 1px;
	padding-top: 27px;
	margin-top: 30px;
}

._landig-form h2 {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
.refer-subheading{
	color:#545454;
	font-weight: 600;
}
.landing_form li {
	width: 100%;
	max-width: 100%;
	padding: 0 5px;
}


@media screen and (max-width: 768px) {
  .refer-earn-container {
    flex-direction: column;
    text-align: center;
  }

 /* .illustration {
    margin-top: 2rem;
  }*/
	 .illustration {
    margin-bottom: 2rem;
  }
}

.social_type::before {
	content: "";
	height: 1px;
	width: 150px;
	display: block;
	position: absolute;
	border: 1px solid #05215b;
	left: 0;
}

.social_type::after {
	content: "";
	height: 1px;
	width: 150px;
	display: block;
	position: absolute;
	border: 1px solid #05215b;
	right: 0;
}
.map iframe {
	width: 100%;
	max-width: 100%;
	border-radius: 10px;
	height: 333px;
	margin-bottom: 40px;
}

.social_icons .call_us > a:hover{
	background:#05215b ;
	transition: all 0.5s linear;
}

.social_icons .call_us > a:hover i , .social_icons .call_us > a:hover {
	color: #fff !important;}


	.subscribe-panel p {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.subscribe-panel p input.wpcf7-email {
		padding: 9px 20px;
  border-radius: 6px;
  border: 1px solid #d4d1d1;
	}

	.subscribe-panel .submit-btn {
		background: #aa2224;
		padding: 10px 40px;
		border: 0;
		color: #fff;
		margin-left: 10px;
		border-radius: 5px;
	}

.container.landing_content .image-container img {
	width: 100%;
}

.container.landing_content .rating img {
    width: 59%;
    margin-top: 90px;
    margin-left: auto;
    float: right;
}

.header {
	font-size: 32px;
	font-weight: 700;
	line-height: 70px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 45px;
}
.container.landing_content .row > div:first-child {
	padding-left: 0 !important;
}
.sub-header {
	margin-bottom: 71px;
	font-size: 36px;
	font-weight: 600;
	color: #3E9DFF;
}
.container.landing_content .content {
	font-size: 17px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #545454;
}

.contact_icons {
    display: grid;
    gap: 20px;
    margin-top: 60px;
    margin-bottom: 0;
}



.contact_icons a {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #1042A8;
    width: fit-content;
}


.contact_icons a img {
    width: 70px;
}
#custom_header {
	background: #221E1F ;
}
#custom_header a{text-transform: capitalize;}
#custom_header .nav-item.contact-btn a {
	border: none;
	text-transform: capitalize;
}


.sign_up button  a{color: #fff !important;}
.sign_up button {
	padding: 7px 50px;
	border-radius: 50px;
	display: flex;
	margin: 35px auto 0 auto;
	background: #05215b;
	border: none;
	color: #fff !important;
}









@media screen and (max-width: 1140px) {

.landing_form {
	grid-template-columns: 1fr 1fr 1fr;
}
}



	@media only screen and (max-width: 992px) {
.landing_form {
	grid-template-columns: 1fr;
}

.header {
	line-height: 1.5;
	
}
.container.landing_content .rating img {
	width: 42%;
	margin-top: 20px;
}
.sub-header {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 600;
	color: #3E9DFF;
	margin-top: 28px;
}
.contact_icons {
	margin-top: 24px;
}
.sub-header {
	font-size: 31px;
}
.container.landing_content > .row > div {
	padding: 0;
}

.contact_icons a {
	font-size: 16px;
}
.contact_icons a img {
	width: 40px;
}
.header {
	font-size: 25px;.custom_header {
	background: #000;
}	
	margin-bottom: 25px;
}


	}

	@media only screen and (max-width: 992px) {
		.call_us {
			display: grid;
			grid-template-columns: 1fr 1fr;
		}

	}
	@media only screen and (max-width: 767px) {
.landing_page .row > div:first-child{
	order: 2;
}
.content h1,.content .refer-subheading{
	text-align:center;
		}
		p.ps{
			font-style:italic;
			text-align:center;
		}
.refer-earn-container {
	padding: 0 15px;
}
		.landing_form li:last-child > p {
  margin-top: 0;
}
.landing_form li br {
	display: none;
}
._landig-form h2 {

	line-height: 1.2;

}
._landig-form {
	width: 100%;
	max-width: 93%;
}
	.banner-section h1 {
	
		font-size: 30px;
	}
	.steps .step .text p {
	text-align: left;
}
.steps .step .text h3 {
	text-align: left;
}
	.contact_us {
		width: 100%;
		max-width: 100%;
		padding: 15px;
	}
	.contact_form {
		padding-bottom: 0 !important;
	}

	.call_us {
		display: grid;
		grid-template-columns:  1fr;

	}
	.social_icons .call_us > a {
		padding: 90px 35px;
		max-width: 100%;
		margin: 0 auto;
	}
	.social_type::before {
		width: 120px;

	}

	.social_type::after {
		width: 120px;

	}
	.social_type {
		width: 299px;
	}

	.contact_form .col-md-6 img {
		width: 100%;
		max-width: 100%;
		margin-bottom: 35px;
	}

	.subscribe-panel .submit-btn {

		margin-left: 0;
	}

	.social-icons {
		margin-bottom: 0px;
	}
}