/*
 * Buy page stylesheet
 * Last Modified: 5/15/2024
*/
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
	overflow-x: hidden;
	zoom: 1;
}

img {
	max-width: 100%;
	height: auto;
}

h2 {
	position: relative;
	z-index: 0;
}

h2:before {
	content: "";
	position: absolute;
	margin-top: 42px;
	margin-left: -6px;
	width: 74px;
	border-bottom: 16px solid #4f52ef;
	z-index: -1;
}

h2.content-title {
	font-size: 3rem;
	padding: 40px;
	text-align: center;
}

h2.content-title img {
	margin-left: 5px;
}

p {
	font-size: 1.25rem;
	line-height: 150%;
	margin: 24px 0;
	word-wrap: break-word;
}

.container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px 0;
}

.line {
	width: 100px;
	height: 2px;
	background: #1676ea;
	clear: both;
	margin: 20px auto 40px;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.center {
	text-align: center;
}

a {
	word-wrap: break-word;
	color: #333;
}

a:hover {
	color: #1676ea;
}

a img {
	border: 0;
}

.note {
	display: none;
}

.ie8 .note {
	display: block;
	background: #ffca00;
	color: #333;
	font-weight: 600;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 1em;
}

/* Header */
header {
	background: #fff;
	overflow: hidden;
}

header .container {
	padding: 1em .625em;
	display: flex;
	align-items: center;
}

header .logo a img {
	vertical-align: middle;
	display: table-cell;
}

header .logo.fleft a {
	display: flex;
	align-items: center;
}

header h1 {
	font-size: 2.375em;
	color: #536e86;
	font-weight: 400;
}

header h1 strong {
	font-size: 1.375em;
}

/* Banner */
.content-banner {
	color: #fff;
	position: relative;
}

.content-banner:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: bottom;
	background: linear-gradient(-120deg, transparent 35%, #31354e 0);
	z-index: -1;
}

.content-banner .container {
	padding: 60px 10px 80px;
	padding-bottom: 40px;
}

.content-banner h2 {
	font-size: 3rem;
}

.content-banner .bg-img {
	background: url("https://www.drivereasy.com/wp-content/uploads/2022/01/man-1.jpg") no-repeat;
	width: 45%;
	height: 100%;
	background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	position: absolute;
	z-index: -1;
	right: 0;
}

.content-banner .row.features {
	width: 85%;
}

.content-banner .row.features:lang(de),
.content-banner .row.features:lang(en-gb) {
	width: 95%;
}

.content-banner [class*='col-'] {
	padding: 0;
}

.content-banner p {
	font-size: 1.375em;
	line-height: 1.2;
	position: relative;
	padding-left: 35px;
}

.content-banner .show {
	margin-top: 3em;
}

.content-banner .show p:before {
	content: url(https://www.drivereasy.com/wp-content/themes/drivereasy/images/common/new-success.svg);
	width: 28px;
	position: absolute;
	left: 0;
}

.content-banner .much_more {
	float: left;
	margin-top: 1em;
	font-style: italic;
	cursor: pointer;
	text-decoration: underline;
	margin-top: 0;
	margin-left: 35px;
}

.content-banner .much_more a {
	color: #fff;
}

label.delete-price {
	text-decoration: line-through;
	cursor: pointer;
}

.content-banner .col-6.button {
	margin-top: 12em;
}

/* IE 8 & IE 9 */
.ie8 .container {
	min-width: 1000px;
}

.ie .content-banner:after {
	width: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	border-bottom: 1500px solid #31354e;
	border-right: 900px solid transparent;
}

.ie8 .content-banner .col-6.button {
	margin-top: 17em;
}

.ie .plans ul li,
.plans ul li ul li {
	line-height: 1;
}

/* License & prices rea */
.btn {
	background: #ff3000;
	border-radius: 2px;
	margin-left: 1.5em;
	text-align: center;
	display: inline-block;
}

.btn:hover {
	background: #df2a00;
}

.btn a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 1.5em 4em;
}

.btn.small a {
	padding: 24px 30px;
}

.fr.small a {
	padding: 26px 56px;
}

.btn a span.buy_now {
	font-size: 2.25em;
	font-weight: bold;
}

.btn.small a span.buy_now {
	font-size: 24px;
}

.btn a label {
	font-size: 20px;
	cursor: pointer;
}

.btn a span.price,
.btn a span.price_f {
	font-size: 20px;
	line-height: 120%;
}

.plans {
	margin-top: 1em;
	position: relative;
}

.plans ul {
	position: absolute;
}

.plans h4 {
	float: left;
	margin: 0;
	line-height: 1.5;
	cursor: text;
	font-size: 16px !important;
}

.plans .fr_select_box_f ul li,
.plans .fr_select_box ul li {
	width: 380px;
}

.plans ul li span {
	color: #fff;
	float: left;
	width: 230px !important;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	text-align: center;
}

.plans ul li span:after {
	content: '\25bc';
	float: right;
	right: 30px;
}

.plans ul li ul {
	margin: 30px 0;
	padding: 5px 20px 20px;
	z-index: 1;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 30px rgba(7, 51, 84, 0.17);
	-webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17);
	-moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17);
}

.plans ul li,
.plans ul li ul li {
	padding: .5em;
	line-height: 1.5;
	display: inline-block;
}

.plans ul li ul li {
	background: #fff;
	color: #333;
	cursor: pointer;
}

.plans ul li ul li:hover {
	background: #f4f7f7;
}

.plans ul li ul li.split {
	padding: 1em .4em .5em;
	font-size: 1.25em;
	pointer-events: none;
	cursor: text;
	font-weight: bold;
}

.plans ul li ul li.split:nth-child(2n) {
	border-top: 1px dashed #ccc;
	margin-top: 1em;
}

.plans .delete-price {
	color: #ff3000;
}

.btn a span.buy_now {
	font-size: 2em;
}

body.de .btn a {
	padding: 24px;
}

body.de .plans ul li {
	width: 370px;
}

body.de .plans ul li span {
	width: 210px;
}

body.it .btn a {
	padding: 24px;
}

body.it .btn a span.buy_now {
	font-size: 24px;
}

/* Map */
.content-title-txt {
	font-size: 1.5em;
	width: 70%;
	margin: 0 auto 40px;
	text-align: center !important;
}

.txtcolor {
	color: #97a0b1;
}

.content-map {
	background: #67a4ff;
	text-align: center;
	color: #fff;
}

.content-map h2 {
	color: #fff;
}

.content-map .row label {
	width: 15px;
	height: 15px;
	background: #fff;
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
}

/* Customer say */
.content-testimonial {
	color: #31354e;
}

.content-testimonial .tag-name {
	font-size: 22px;
	display: flex;
	align-items: center;
}

.content-testimonial .tag-name img {
	border-radius: 50%;
	margin-right: 20px;
}

.content-testimonial .tag-name span:after {
	content: '\2605 \2605 \2605 \2605 \2605';
	display: block;
	font-size: 1.25em;
	color: #f98653;
}

/* All drivers certificate */
.content-certified {
	text-align: center;
	color: #31354e;
}

.content-certified h3 {
	margin: 0 0 40px;
	font-size: 1.75em;
}

.content-certified p {
	text-align: left;
}

.content-certified .certified img {
	padding: 0 0 20px;
	height: 192px;
}

.certified {
	border-radius: 2px;
	padding: 60px 40px;
	background: #fff;
}

.content-certified-bg-gray {
	background: #f2f2f6;
	width: 100%;
	height: 470px;
	position: absolute;
	z-index: -1;
}

.content-buy-bottom .secured {
	width: 100%;
}

/* Buy bottom */
.content-buy-bottom {
	background: #31354e;
	width: 100%;
	color: #fff;
}

.content-buy-bottom h2 {
	font-size: 3em;
	text-align: left;
	padding-left: 20px;
}

.content-buy-bottom .line {
	margin: 20px;
}

.content-buy-bottom .btn {
	margin-top: 40px;
}

.secured {
	padding-top: 0;
	width: 87%;
	margin-top: 0 !important;
}

.secured-microsoft {
	padding-left: 10px;
	width: 280px;
}

.secured-microsoft a {
	text-decoration: none;
}

.secured img {
	margin: 12px 5px;
}

.secured p {
	font-size: 16px;
}

.secured span {
	padding-left: 4px;
}

.moneyback img,
.fr-moneyback img {
	float: left;
	display: table;
}

.moneyback p {
	display: table-cell;
	padding: 2em 5em 2em 1em;
	line-height: 1.5;
	margin: 0;
}

.fr-moneyback p {
	display: table-cell;
	padding: 1em 5em 1em 1em;
	line-height: 1.5;
}

.row:after {
	content: '';
	clear: both;
	display: table;
}

[class*='col-'] {
	float: left;
	padding: 10px 20px;
}

.col-4 {
	width: 33.33%;
}

.col-6 {
	width: 48%;
}

.col-6.pictures {
	width: 500px !important;
}

@media screen and (max-width:1900px) {
	.content-banner::after {
		background: linear-gradient(-120deg, transparent 33%, #31354e 0);
	}
}

@media screen and (max-width:1800px) {
	.content-banner::after {
		background: linear-gradient(-120deg, transparent 30%, #31354e 0);
	}
}

@media screen and (max-width:1400px) {
	.content-banner .row.features p {
		font-size: 1.25em;
	}

	.content-banner .col-6 {
		width: 50%;
	}

	.content-banner::after {
		background: linear-gradient(-120deg, transparent 30%, #31354e 0);
	}
}

@media screen and (max-width:1300px) {
	.content-banner .bg-img {
		width: 55%;
	}

	.secured {
		width: 100%;
	}
}

@media screen and (max-width:1250px) {
	.content-banner .bg-img {
		width: 55%;
	}

	.content-banner::after {
		background: linear-gradient(-120deg, transparent 28%, #31354e 0);
	}
}

@media screen and (max-width:1200px) {
	.content-banner .bg-img {
		width: 60%;
	}

	.content-banner::after {
		background: linear-gradient(-120deg, transparent 28%, #31354e 0);
	}
}

@media screen and (max-width:1100px) {
	.content-banner .bg-img {
		width: 65%;
	}

	.row.secured .col-6 {
		width: 80%;
	}

	.content-banner .row.features p {
		font-size: 1.125em;
	}

	.btn a {
		padding: 1.5em 3em;
	}

	.plans ul {
		left: 0;
	}

	.content-banner .show {
		margin: 12px 0;
	}
}

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

	/* home */
	header h1 {
		font-size: 2em;
	}

	.content-banner::after {
		background: #31354e;
	}

	.content-banner .col-6 {
		width: 80%;
	}

	.content-banner .col-6.button {
		margin-top: 0;
	}

	.row.secured {
		padding-top: 10px;
	}

	.moneyback p {
		padding: 2em;
	}

	/* Grid view */
	.col-4,
	.col-6 {
		width: 100%;
	}

	.line {
		text-align: center;
	}
}

@media screen and (max-width:800px) {
	.logo.fleft {
		display: none;
	}

	.content-banner .row.features,
	.row .col-6,
	.content-banner .col-6,
	.row.secured .col-6 {
		width: 100%;
	}

	.content-banner::after {
		background: #31354e;
	}

	.content-banner .bg-img {
		width: 120%;
	}

	.content-banner .col-6.button {
		margin-top: 2em;
	}
}

.additional-vat-amount {
	font-size: 12px !important;
	color: #909ca9;
	padding-left: 5px;
	cursor: pointer;
}

.btn .additional-vat-amount-2 {
	opacity: .8;
	font-size: 14px !important;
}

.vat-hint {
	font-size: 16px !important;
	color: lightgrey;
	margin-left: 1em;
}

.vat-hint-2 {
	font-size: 16px !important;
	color: lightgrey;
	margin-left: 3.3em;
}

.plans .split label {
	color: #909ca9;
	font-size: 16px;
}

.container .btn {
	margin-top: 3rem;
}

.buy_model {
	position: relative;
	animation: 3s linear 1s slidein;
}

.buy_option {
	position: absolute;
	z-index: 1;
	margin-top: 55px;
}

.buy_option .new:last-child {
	background-color: #31354e;
	position: relative;
	bottom: 8px;
}

.buy_option .new:last-child li {
	color: #fff;
}

.buy_option .new:last-child h2,
.buy_option .new:last-child .second_title,
.buy_option .new:last-child .buy_title {
	color: #a9abb3;
}

.new {
	background-color: #fff;
	margin: 0 auto;
	width: 430px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 0px 40px 60px 0px rgb(0 0 0 / 60%);
}

.new h2,
.new .second_title {
	color: #31354e;
	text-align: left;
}

.new h2 {
	display: inline-block;
	font-size: 1.25em !important;
	color: #31354e;
}

.new h2:before {
	content: none;
}

.new .second_title {
	margin: 55px 0 20px;
	font-family: "Segoe UI", Robot, sans-serif;
}

.new:first-child .buy_title {
	color: #a9abb3;
}

.buy_option .new li {
	display: flex;
	border-bottom: 1.5px solid #61636f;
	padding: 0.65rem 2rem;
	color: #31354e;
	font-weight: 600;
	margin-bottom: 0;
}

.buy_option .new:first-child li {
	border-bottom: 1.15px solid #97a0b1;
}

.new:first-child li:first-child:hover {
	background-color: #ffffff;
}

.new:first-child li:hover {
	background-color: #31354e;
}

.buy_option .new:first-child li:last-child,
.buy_option .new:first-child .buy_title {
	border: none;
}

.new li:hover {
	background-color: #5a5d71;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.new .buy_title:hover {
	background-color: #fff;
	color: #a9abb3;
	cursor: default;
}

.new:last-child .buy_title:hover {
	background-color: #eaeaed;
}

.new .buy_title,
.new li:last-child {
	border-bottom: 0;
}

.buy_option:last-child .buy_title {
	border: 0;
}

.buy_option .new li a {
	color: #a9abb3;
	text-align: right;
}

.buy_option .new:first-child li:last-child:hover {
	color: #a9abb3;
	background-color: #fff;
}

.buy_option .new:last-child .buy_title:hover {
	background-color: #31354e;
}

.buy_option .new:first-child li:last-child div {
	cursor: default;
	color: #a9abb3;
}

.buy_not_click a {
	z-index: 999;
}

.buy_not_click a:hover {
	color: #67A4FF !important;
}

.buy_line {
	position: absolute;
	right: 25px;
	top: 32px;
	width: 15px;
	height: 3px;
	background-color: #adaeb8;
	border-radius: 10px;
	cursor: pointer;
}

.buy_line:hover {
	background-color: #fff;
}

.buy_plus {
	position: absolute;
	right: 24px;
	top: 33px;
	width: 15px;
	background-color: #adaeb8;
	border-radius: 10px;
	cursor: pointer;
}

.buy_plus::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 15px;
	margin-left: -8px;
	margin-top: -1px;
	border-top: 3px solid;
	color: #adaeb8;
	border-radius: 10px;
}

.buy_plus::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 15px;
	margin-left: -2px;
	margin-top: -7px;
	border-left: 3px solid;
	color: #adaeb8;
	border-radius: 10px;
}

.buy_show {
	display: block;
}

.buy_none {
	display: none;
}

.buy_option .new .delete-price {
	color: #ff3000;
}

.buy_drawer {
	display: none;
}

.new:last-child {
	margin-bottom: 20px;
	border-radius: 10px;
}

.new:last-child .clap_controll {
	position: absolute;
	top: 0;
	left: 0;
	width: 430px;
	z-index: 999;
	cursor: pointer;
}

.new:last-child .clap_controll h2 {
	position: absolute;
	left: 90px;
	line-height: 65px;
	padding-left: 0;
	padding-top: 0 !important;
}

.new:last-child .clap_controll:hover h2 {
	color: #fff;
}

.new:first-child li:last-child {
	padding-bottom: 30px;
	cursor: inherit;
}

.new .buy_drawer {
	padding-bottom: 20px;
}

li.middle {
	position: relative;
	justify-content: space-between;
}

li.middle div {
	display: inline-flex;
	align-items: center;
}

li.seven-day-li.middle {
	display: block;
}

li.seven-day-li.middle div {
	display: flex;
	justify-content: space-between;
}

li.seven-day-li.middle div:last-child div:first-child {
	color: #a9abb3;
}

li.seven-day-li.middle div:last-child {
	align-items: flex-end;
}

li.seven-day-li.middle div:last-child div:last-child {
	width: 120px;
	justify-content: flex-end;
}

.buy_option> :nth-child(2) .middle {
	display: grid !important;
	grid-template-columns: 2fr 0.5fr 1fr;
}

.buy_option> :nth-child(2) .middle> :first-child {
	grid-area: 2;
}

.buy_option> :nth-child(2) .middle> :nth-child(2) {
	grid-area: 2 / 3;
}

.buy_option_container {
	padding: 10px 50px 0;
}

.desc_text {
	padding: 0 16px;
	text-align: center;
	color: #a9abb3;
	font-size: 16px;
}

.desc_top_text {
	margin-top: 50px;
	margin-bottom: 0px;
}

.new_card_text {
	text-align: center;
}

.new-card-title {
	margin: 25px 0 5px 0;
	padding: 0 !important;
}

.new_card_sub {
	color: #a9abb3;
	margin: 0;
	padding-left: 0 !important;
	font-size: 16px !important;
	font-weight: 500;
}

.placeholder-moneyback {
	margin: 12px 5px;
}

.buy-header-two {
	font-size: 36px;
}

.buy-header-one,
.buy-header-two {
	color: #31354e;
	font-weight: 700;
}

.content-title-two {
	font-size: 3rem;
	text-align: center;
}

.content-plan-text {
	max-width: 870px !important;
}

.buy-page-pair-title,
.content-plan-text,
.content-title-two {
	display: none;
}

.wcu-title h2::before,
#clap_title_f::before,
.new-card-title::before,
.buy-header-one::before,
.buy-header-two::before,
.content-title-two::before {
	content: "";
	border-bottom: none !important;
}

.buy-select-wrapper {
	display: flex;
	flex-direction: column;
	align-items: start;
	margin-left: 20px;
	max-width: 100%;
	width: 100%;
}

.buy-select-wrapper .btn {
	margin-left: 0 !important;
	flex: 1;
	min-width: 306px;
}

.buy-select-wrapper .plans {
	width: 100%;
	flex: 1;
	max-width: 306px;
	display: flex;
}

.buy-select-wrapper .select_box_f,
.buy-select-wrapper .select_box {
	padding: 0;
	display: flex !important;
	gap: 22px;
	width: 100% !important;
	justify-content: space-between;
}

.select_box h4 {
	margin: 0;
}

#main_box {
	width: 100%
}

.latest_select_option::after {
	right: 0 !important;
}

h2.content-title {
	padding: 40px 0 !important;
}

.content-testimonial .content-title {
	padding-bottom: 0 !important;
}

.buy-banner .plans ul li span:after {
	position: relative !important;
	right: 0;
}

.head.center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex: 1;
}

.buy-header-one {
	margin-right: 30px;
}

.buy-details {
	margin-bottom: 0;
}

.buy-banner .col-4 {
	padding: 0;
}

.row.secured .col-5,
.row.secured .col-7 {
	padding: 0;
}

.row.secured .col-7 {
	display: flex;
	align-items: center;
}

.content-buy-bottom .row .col-6 p:last-child,
.buy-banner.below .row .col-6 p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:1000px) {
	.col-7.placeholder-moneyback {
		display: none !important;
	}

	.row.secured {
		padding-top: 30px;
	}

	.content-buy-bottom .row.secured {
		padding-left: 30px;
	}
}