@charset "ISO-8859-1";

/******************************************************************************
* Default Containers & Styling
******************************************************************************/

.btn-account {
	font-size: 1.125rem;
	color: #2d2d2d;
	background-color: #8fe854;
	border-color: #8fe854;
}

.btn-account:hover, .btn-account:focus {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
}

.btn-account:active {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
	background-image: none;
}

.btn-account-2 {
	font-size: 1.125rem;
	color: #2d2d2d;
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-account-2:hover, .btn-account-2:focus {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
}

.btn-account-2:active {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
	background-image: none;
}

.btn-advice {
	font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
	font-size: 0.9375rem;
	color: #2d2d2d !important;
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	white-space: normal;
}

.btn-advice:hover, .btn-advice:focus {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
}

.btn-advice:active {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
	background-image: none;
}

.btn-advice-2 {
	font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
	font-size: 0.9375rem;
	color: #ffffff !important;
	background-color: #0099ff;
	border-color: #0099ff;
	white-space: normal;
}

.btn-advice-2:hover, .btn-advice-2:focus {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
}

.btn-advice-2:active {
	color: #ffffff;
	background-color: #45b3fc;
	border-color: #45b3fc;
	background-image: none;
}

.img-chevron, .img-chevron-2 {
	height: 15px;
	margin-top: -2px;
	padding-left: 2px;
}

/******************************************************************************
* ME Account
******************************************************************************/

.me-account {
	border-radius: 15px;
	background-image: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/account-block-desktop.png");
	background-image: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/account-block-desktop.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.me-account .me-account-details ul.me-account-list li .img-check {
	height: 14px;
	margin-top: -5px;
}

/******************************************************************************
* WhatsApp Banner
******************************************************************************/

#whatsapp-banner {
	background-color: #23bf5c;
	color: #ffffff;
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/whatsapp-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#whatsapp-banner .whatsapp-main p {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-size: 1.625rem;
}

#whatsapp-banner .whatsapp-sub p {
	font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
	font-size: 0.8125rem;
	font-style: italic;
}

@media screen and (max-width: 767px) {
	#whatsapp-banner {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/whatsapp-bg-mobile.jpg');
		height: 410px;
	}
}

/******************************************************************************
* Why buy with Marks Electrical?
******************************************************************************/



/******************************************************************************
* MRK1 - The Origin Story
******************************************************************************/

#mrk1-story {
	background-color: #ffffff;
	color: #ffffff;
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/mrk1-story-banner.png');
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/mrk1-story-banner.webp');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 223px;
}

#mrk1-story h2 {
	font-style: italic;
}

@media screen and (min-width: 1199px) {
	#mrk1-story .container-xxl .row {
		margin-left: 63px;
		margin-right: 63px;
	}
}

@media screen and (max-width: 767px) {
	#mrk1-story {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/mrk1-story-banner-mobile.png');
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/help-advice/mrk1-story-banner-mobile.webp');
		background-size: cover;
		height: 800px;
	}

	#mrk1-story h2 {
		font-size: 5rem;
		line-height: 2.5rem;
	}

	#mrk1-story h2 span {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
}

/******************************************************************************
* Buying advice
******************************************************************************/

#buying-advice .card {
	border-radius: 15px;
}

#buying-advice .card .card-img-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#buying-advice .card .card-text {
	font-size: 0.9375rem;
}

/******************************************************************************
* Essential info
******************************************************************************/

#essential-info .card {
	border-radius: 15px;
}

#essential-info .card .card-text, 
#essential-info .card .card-text a {
	font-size: 0.9375rem;
}