/*****CSS START HERE******/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	background: rgba(249, 249, 249, 1);
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
button:focus {
	outline:none;
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style-type:none;
}
a {
	text-decoration:none;
}

p {
	color: #4F5558;
	font-weight: 500;
	font-size: 18px;
	line-height: 200%;
}
img {
	max-width:100%;
}
input:focus {
	outline:none;
}
header, footer, section {
	width:100%;
	float:left;
}
.auto-container {
	max-width:1190px;
	margin:0 auto;
	padding:0 15px;
}
header {
	background: url(../images/header-bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 12px 0;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#nav-icon1 {
	display: none;
}
.header-center ul {
	display: flex;
	gap: 10px;
}.header-center li a {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}
.header-center li a:hover
{
	opacity:.7;
}

ul.submenu {
	display: none;
}
.header-right ul {
	display: flex;
	gap: 10px;
	align-items: center;
}
.header-right img {
	width: 22px;
	filter: contrast(0) brightness(2);
}
.header-right img:hover, ul.social-icons li a:hover
{
	opacity:.8;
}
.login-btn a {
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 600;
}

.login-btn a:hover
{
	background:#fff;
	color:#4eafe6;
}

li.whatsapp img {
	width: auto;
	filter: inherit;
}

.banner-inner h1 {
	font-weight: 700;
	font-size: 60px;
	margin: 0 0 80px;
}
.bron-inner h2 {
	font-weight: 700;
	font-size: 50px;
	color: rgba(78, 175, 230, 1);
	display: flex;
	gap: 20px;
	align-items: center;
	margin: 0 0 25px;
}
.bron-inner h2 span {
	font-weight: 700;
	font-size: 16px;
	background: rgba(232, 226, 158, 1);
	color: #000;
	border-radius: 100px;
	padding: 4px 15px;
}

.bron-inner h3,
.boost-radio h3 {
	font-family: Montserrat;
	font-weight: 700;
	font-size: 18px;
	margin: 15px 0 0;
}



.boost-outer li {
	color: #4F5558;
	font-weight: 500;
	font-size: 18px;
	list-style: disc;
	margin: 5px 0;
	line-height: 200%;
}

.boost-outer {
	padding: 20px 0 20px 30px;
}

.radion-inner form {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}
.boost-form label {
	box-shadow: 0px 4px 44px 0px #00000040;
	border: 9px solid #FFFFFF;
	border-radius: 40px;
	padding: 20px;
	display: block;
	background: #F9F9F9;
}
.boost-radio-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin: 0 0 40px;
}
.boost-form {
	width: 100%;
	position:relative;
}


.boost-radio-inner h3 {
	background: url(../images/boost.png) no-repeat top center;
	font-weight: 700;
	font-size: 26px;
	padding: 26px 72px 26px 20px;
	color: #fff;
	background-size: 100% 100%;
	margin: 0px 0 0 -50px;
}
.boost-radio-inner h4 {
	font-weight: 700;
	font-size: 50px;
	color: #000;
}
.boost-radio p {
	font-weight: 500;
	font-size: 16px;
	background: url(../images/check-icon.svg) no-repeat left 8px;
	color: #4F5558;
	padding: 4px 0 10px 40px;
	margin:  0;
}
.check-btn {
	position: absolute;
	right: 30px;
	top: 20px;
}

/* On mouse-over, add a grey background color */
.boost-form:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.boost-form input:checked ~ .checkmark {
/*  background-color: #2196F3;
*/}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.boost-form input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.boost-form .checkmark::after {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4EAFE6;
}


/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 18px;
	width: 18px;
	background-color: #BDC1C4;
	border-radius: 50%;
	border: 3px solid #D9D9D9;
}

.boost-radio {
	padding: 0 15px;
}
.radion-inner {
	padding: 40px 0 20px 20px;
}
.dax-inner .bron-inner h3 {
	padding: 0 0 0 70px;
}.dax-inner .boost-outer {
	padding-left: 100px;
}
.dax-inner .bron-inner h3, .dax-inner-con p {
	padding-left: 70px;
}
.banner-outer {
	padding: 80px 0;
}
.banner-outer.cade-plugin {
	background: #fff;
}

.more-benfits {
	text-align: center;
	padding: 50px 0 0;
}

.btn-outer {
	background: #4eafe6;
	color: #fff;
	padding: 15px 22px;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}

.btn-outer:hover
{
	background:#C8C28C;
}


.bron-inner p {
	margin: 15px 0;
}
.bron-inner.backlink {
	margin: 45px 0 0;
}

.boost-form.active label {
	border-color: #C8C28C;
}
.boost-radio h3 {
	text-align: center;
}

.reseller-outer .boost-radio-inner h3 {
	background: url(../images/boost-bg.png) no-repeat top center;
	padding: 26px 120px 27px 44px;
	background-size: 100% 100%;
}
.reseller-outer .boost-radio-inner {
	justify-content: flex-start;
	margin: 0;
}
.radion-inner.reseller-outer {
	margin: 20px 0 0;
}
.love-get h3 {
	font-size: 26px;
	margin: 0 0 40px;
}

.love-get li {
	font-weight: 400;
	font-size: 18px;
	color: #4F5558;
	background: url(../images/check-icon.svg) no-repeat left 7px;
	padding: 4px 0 10px 40px;
	margin: 10px 0;
	line-height: 1.6;
}
.love-get {
	margin: 60px 0 0;
	padding: 0 7%;
}	
.love-get ul {
	padding: 0 5%;
}

.footer-bg img {
	width: 100%;
}
.footer-inner {
	display: flex;
	justify-content: space-between;
	gap: 0px;
}
.footer-left {
	padding: 70px 10px 90px 4%;
	width: 50%;
}

.footer-left h2 {
	font-weight: 500;
	font-size: 40px;
	color: #000;
	border-bottom: 1px solid #000000e5;
	padding: 0 0 20px;
}

.footer-left h2 strong {
	color: #4EAFE6;
	font-weight: 500;
}
.footer-left ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 30px 0 0;
}
.footer-left li {
	flex: 45%;
	width: 49%;
	margin: 22px 0;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px 0 0;
}
.footer-left li h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.footer-left li h4 {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 18px;
	color: #4F5558;
	gap: 15px;
	flex-wrap: wrap;
}.footer-left li h4 strong {
	width: 40px;
}.footer-left li h4 span {
	width: 78%;
	overflow-wrap: break-word;
}
.footer-left li h4 a {
	color: #4F5558;
}

.footer-left li .btn-outer {
	margin: 10px 0 0;
	display: inline-block;
}

ul.social-icons li {
	width: auto;
	flex: inherit;
	padding: 0;
	margin: 0;
}

ul.social-icons li a {
	width: 50px;
	float: left;
	height: 50px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.social-icons li a img
{
	width: 30px;
	filter: contrast(0) brightness(2);
}
.facebook a
{
	background:#365493;
}

.instagram a
{
	background:#774430;
}
.linkdin a
{
	background:#0274b3;
}
ul.social-icons {
	gap: 10px;
	margin: 20px 0 0;
}

.footer-map {
	width: 50%;
	padding: 0 0 0 50px;
}

.footer-map iframe {
	width: 100%;
	min-height: 740px;
}



.footer-img {
	position: relative;
	z-index: 1;
	margin: -40px 0 0;
	float: left;
	width: 100%;
}.footer-img img {
	width: 100%;
	float: left;
}

footer {
	background: #fff;
}
.expand-outer {
    display:none;
}





/*****CSS END HERE******/



/*****PROCING START HERE******/




.two-years .banner-inner h1 {
	margin: 0;
}
.two-years-inner.bron-inner h2 span {
	border-radius: inherit;
	padding: 15px 30px;
	margin: 0 0 0 40px;
}

.two-years .boost-form {
	max-width: 350px;
	margin: auto;
}

.book-btn {
	text-align: center;
	margin: 50px 0 30px;
}
.book-btn a {
	color: #000;
	background: #3da9ec;
	font-weight: 700;
	font-size: 30px;
	border-radius: 50px;
	border: 1px solid #000;
	padding: 15px 53px;
}


.book-btn a:hover
{
	background:#000;
	color:#fff;
}
.two-years .boost-outer {
	position: relative;
	padding-left: 60px;
}
.two-years .boost-outer::after {
	content: "";
	background: url(../images/dots.png) no-repeat top center;
	width: 20px;
	height: 117px;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: -30px;
}
.banner-outer.two-years {
	background: #efefef;
	border-bottom: 2px solid #d5d5d5;
}
.bron-inner.two-years-inner h3 {
	padding: 0 0 0 30px;
	font-size: 20px;
}

.boost-radio h5 {
	text-align: center;
	color: #49a6dd;
	font-size: 35px;
	font-weight: 500;
	padding: 30px 0 70px;
}



.label {
	box-shadow: 0px 4px 44px 0px #00000040;
	border: 9px solid #FFFFFF;
	border-radius: 40px;
	padding: 20px;
	display: block;
	background: #F9F9F9;
}

.two-years .radion-inner {
	display: flex;
}
.label:hover
{
	border-color: #C8C28C;
}





/*****PROCING END HERE******/






/*****PROCING2 starts HERE******/
.boost-con {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}.boost-con .boost-outer {
	width: 60%;
}
.radio-con {
	margin: -80px 0 0;
}

.bron-inner h3 a {
	color: #000;
	text-decoration: underline;
}



/*****PROCING2 END HERE******