html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video, input {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		.bold {
			font-weight:bold !important;
		}
		.hidden {
			display:none !important;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		html, body{
			font-family: 'Lexend', sans-serif;
			font-size: 16px;
		}
		html,body,p,button,input,textarea,label,li,{
			font-family: 'Lexend', sans-serif !important;
		}
		.clear{
			clear:both;
		}
		.login-form button.login[disabled="disabled"] {
			/* background-color:#ff0000;*/
		}		
		.modal {
			display: none;
			position: fixed;
			z-index: 3000;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			background-color: rgba(0,0,0,0.7);
			overflow: auto;
		}		
		.modal.shown {
			display: block;
		}		
		.modal-content {
			z-index: 3001;
			margin: 0 auto;
			margin-top: 100px;            
			border-radius: 6px;
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
			width: 80%;
			transition: height 0.66s ease-out;
		}		
		.modal-header {
		    background: #d30f8d;
		    color: white;
		    border-radius: 6px 6px 0 0;
		    height: 45px;
			  
		}
		.input-control {
			margin: 15px 0;
		}		
		.modal-header > .modal-title {
			font-size: 18px;
			position: relative;
			top: 13px;
			margin-left: 15px;
			text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
			font-weight: 400;
		}		
		.modal-body {
			padding: 20px;
			background-color:white;
			min-height:100px;
			border-radius: 0 0 6px 6px;
		}		 
		.modal-header > .close {
			width: 40px;
			height: 45px;
			float: right;
			border: none;
			color: white;
			background: none;
			font-size: 20px;
			font-weight: bold;
			position:relative;
			z-index:99;
			/* padding: 1rem; */
			/* float: right; */
			
		} 
		.modal-header > .close > span {
			cursor:pointer; 
			outline: none;
		}
		.modal-header > .close:focus,.modal-header > .close:active{
			outline: none !important;
		}		
		.modal-content > .close:before {
			content: 'x';
			font-size: 22px;
		}		
		.modal label {
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    font-size: 14px;
		    color: #000;
		    text-align: left;
		    display: block;
		}		
		.login-form button.login[disabled="disabled"] {
			background-color:#ff0000;
		}		
		.modal input {
			background-color: #fff;
			border: 1px solid #e9e9e9;
			height: 40px;
			width: 100%;
			text-indent: 20px;
			padding: 0px;
			margin-top:10px;
			border-radius: 4px;
			font-size: 14px;
			color: #808080;
			-webkit-appearance: none;
		}		 
		#modalLogin .error-msg {
			text-align: center;
			margin-bottom: 10px;
			clear: both;
		}
		.error-msg {
			color: red;
			font-size: 12px;
		}

		.header-top-wrapper{
			position: relative;
			width: 100%;
			background: #fff;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.header-top-container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1400px;
		}
		.header-top-container ul{
			position: relative;
			display: block;
			float: right;
		}
		.header-top-container ul li{
		    position: relative;
		    display: block;
		    float: left;
		    margin: 0px 10px;
		    padding: 10px 0px;
		}
		.header-top-container ul li a{
			font-size: 12px;
			color: #003049;
			font-family: 'Lexend', helvetica, arial, sans-serif;
			text-decoration: none;
		}
		.header-top-container ul li a:hover{
			color: #e3116e;
		}
		.login-form-register {
    		position: relative;
			    margin-top: 25px;
			    text-align: center;
			}
.login-form-register p {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    margin: auto;
    background: #fff;
}
#modalLogin .modal-content {
    max-width: 400px;
}

.login-form-register a {
    width: fit-content;
    border-radius: 25px;
    margin: 10px auto;
    background: #eff0f3;
    background: -webkit-linear-gradient(top, #f7f8fa, #e7e9ec);
    background: linear-gradient(to bottom, #f7f8fa, #e7e9ec);
    padding: 10px 10px;
    outline: none;
    color: #111;
    border: none;
    font-size: 14px;
    font-weight: 400;
    display: block;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    outline: none;
    text-align: center;
}

.login-form a.forgotten {
    font-size: 12px;
    color: gray;
    float: right;
    margin-bottom: 25px;
}

		.login-form button.login, .recover-form button.recover, .recover-form button.recover-back{
			width: 90%;
		    font-family: 'Lexend', sans-serif;
		    border-radius: 35px;
		    font-weight: 400;
		    padding: 19px 15px;
		    position: relative;
		    margin: 10px auto;
		    background: #d30f8d;
		    cursor: pointer;
		    outline: none;
		    color: white;
		    border: none;
		    font-size: 20px;
		    display: block;
		}
		.header-main-wrapper {
		    position: absolute;
		    width: 100%;
		    top: 39px;
		    left: 0px;
		    z-index: 10;
		    background: #00372b;
		}
		.header-main-container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1400px;
			padding: 10px 0px;
		}
		.header-main-left{
			position: relative;
			float: left;
			width: 10%;
			margin-right: 1%;
		}
		.header-main-left img{
		    position: relative;
		    width: 100%;
		    max-width: 97px;
		    height: auto;
		    margin-top: 7px;
		}
		.header-main-middle{
			position: relative;
			float: left;
			width: 52%;
		}
		.header-main-middle form{
		    position: relative;
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    border-radius: 37px;
		    height: 35px;
		    padding: 5px 6px;
		    background: rgba(255,255,255,0.1);
			z-index: 1000000;
		}
		.header-main-middle form input{
			float: left;
		    width: 85%;
		    height: 95%;
		    outline: none;
		    border: 0px;
		    margin-left: 10px;
		    background: none;
		    color: #fff;
		}
		.header-main-middle form input::placeholder{
			color: rgba(255,255,255,0.5);
			font-size: 14px;
			font-weight: 300;
		}

		.header-main-middle form .search_icon{
		    background: #d30f8d;
		    border: 0px;
		    outline: none;
		    border-radius: 30px;
		    width: 35px;
		    height: 35px;
		    float: right;
		    cursor: pointer;
		    text-align: center;
		    line-height: 40px;
		}

		.header-main-middle form .search_icon:hover{
			background: #b30653;
		}
		.header-main-right{
			position: relative;
			float: right;
			width: 25%;
		}
		.header_bottom_right_create_account{
		    position: relative;
		    float: right;
		    width: auto;
		    margin: 0px 1%;
		    cursor: pointer;
		}
		.header_bottom_right_create_account a{
		    position: relative;
		    display: block;
		    border: 1px #97f74d;
		    background: #97f74d;
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: #000;
		    padding: 13px 20px;
		    font-size: 14px;
		    cursor: pointer;
		    margin-top: 20px;
		}
		.header_bottom_right_create_account a:hover{
		    border: 1px #97f74d;
		    background: #97f74d;		
		}

		.header_bottom_right_arrow_cont {
		    position: relative;
		    margin-left: 5px;
		    display: inline;
		}		
		.header_bottom_right_login{
		    position: relative;
		    float: right;
		    width: auto;
		    margin: 0px 1%;
		    cursor: pointer;
		}
		.header_bottom_right_login a{
		    position: relative;
		    display: block;
		    border: 1px solid #97f74d;
		    background: #97f74d;
		    border-radius: 25px;
		    outline: none;
		    cursor: pointer;
		    text-decoration: none;
		    color: #000;
		    padding: 13px 20px;
		    font-size: 14px;
		}
		.header_bottom_right_login a:hover{
		    border: 1px solid #b30653;
			background: #b30653;
		}
		.highlight-wrapper{
			background: #f9f7fc;
		}
		.header-main-long{
			position: relative;
			width: 100%;
			text-align: center;
			margin: auto;
		}
		.highlight-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 30px 0px 20px 0px;
		}
		.highlight-main-wrapper{
		    position: relative;
		    background-color: #5c287d;
		    border-radius: 14px;
		    padding: 45px 11% 100px 6%;
		    width: 83%;
			/*	background-image: url(../images/MFI_highlight_banner.png);	*/
		    background-image: url(../images/mfi_banner_main.png);
		    background-repeat: no-repeat;
		    background-position: 130% 0%;
		    background-size: auto;
		    height: auto;
		    overflow: hidden;
		}
		.highlight-main-wrapper img{
			position: relative;
			display: block;
			width: 100%;
		}
		.highlight-main-left{
		    position: relative;
		    width: 42%;
		    margin-top: 20px;
		    left: 2.5%;
		    z-index: 10;
		}
		/*
		.highlight-main-left h1{
		    font-size: 54px;
		    line-height: 64px;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    color: #fff;
		    text-align: left;
		    margin-bottom: 25px;
		}*/
		.highlight-main-left h1{
		    color: #fff;
		    font-size: 58px;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    font-weight: 300;
		    line-height: 63px;
		    margin-bottom: 25px;
		    text-shadow: 3px 3px 9px rgba(0,0,0,0.1);
		}
		.highlight-main-left h1 span{
			color: #fab12a;
			text-decoration: underline;
		}
		.highlight-main-left h2{
		    font-size: 16px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    margin-bottom: 20px;
		    text-align: left;
		    color: #fff;
		    line-height: 25px;
		}
		.highlight-main-left h2 span{
			color: #fab12a;
			text-decoration: underline;
		}
		.highlight-main-left ul{
			margin-bottom: 25px;
		}
		.highlight-main-left ul li{
			font-size: 14px;
		    text-align: left;
		    color: #fff;
		    line-height: 28px;
		}
		.highlight-main-left ul li svg{
			margin-right: 5px;
		}
		.highlight-main-left ul li span{
			color: #fab12a;
		}
		.highlight-main-create-btn{
		    position: relative;
		    display: inline-block;
		    background: #d30f8d;
		    border-radius: 34px;
		    outline: none;
		    text-align: center;
		    text-decoration: none;
		    color: rgb(255, 255, 255);
		    padding: 20px 71px;
		    font-size: 18px;
		    cursor: pointer;
		    border: 0px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		}
		.highlight-main-create-btn:hover{
			background: #890a80;
		}

		.highlight-features-wrapper{
			position: relative;
			margin-top: 20px;
		}
		.highlight-features-single{
		    position: relative;
		    width: 32.5%;
		    float: left;
		    border-radius: 10px;
		}
		.highlight-features-single-middle{
		    margin: 0px 1% 20px 1% !important;
		}
		.highlight-features-single p{
			padding: 20px;
		}
		.highlight-features-single img{
		    display: block;
		    width: 100%;
		}







		.header-footer-wrapper{
		    position: relative;
		    margin: 0px 0px 0px 0px;
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		    padding: 25px 0px 25px 0px;
		    background: #fff;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}
		.header-footer-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
		}
		.header-footer-left{
			position: relative;
			width: 80%;
			float: left;
		}
		.header-footer-right{
			position: relative;
			width: 20%;
			float: left;
		}
		.header-footer-left ul{
			position: relative;

		}
		.header-footer-left ul li{
		    position: relative;
		    float: left;
		    margin: 0px 45px 0px 0px
		}
		.header-footer-left ul li a{
			color: #4d1f6d;
			font-size: 16px;
			font-weight: 500;
			text-decoration: none;
		}
		.header-footer-left ul li a:hover{
			color: #e3116e;
		}







		.header-features-wrapper{
			width: 100%;
			background: #f2eaf9;
		}
		.header-features-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			padding: 15px 0px;
			margin: auto;
		}
		.header-features-container ul{
			position: relative;
		}
		.header-features-container ul li{
			position: relative;
			float: left;
			margin: 0px 40px 0px 0px;
			color: #4d1f6d;
			font-size: 13px;
		}




	.customer_favourites_wrapper{
		position: relative;
		width: 100%;
	}

	.customer_favourites_container{
		position: relative;
		width: 90%;
		max-width: 1400px;
		margin: auto;
		padding: 50px 0px 0px 0px;
	}
	.hp_title{
	    font-size: 19px;
	    text-align: left;
	    color: #00372b;
	    font-weight: 500;
	    margin-top: 5px;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    padding-bottom: 15px;
	    margin-bottom: 20px;
	}
	.customer_favourites_single{
	    position: relative;
	    width: 16%;
	    margin: 0px 0.9%;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 50px 1% 20px 1%;
	    border-radius: 18px;
	    float: left;
	}
	.customer_favourites_single img{
		position: relative;
		width: 100%;
		display: block;
		height: auto;
		margin-bottom: 10px;
	}
	.customer_favourite_brand{
		color: #999;
	    font-size: 14px;
	    margin: 20px 0px 10px 0px;
	}
	.customer_favourite_product{
	    font-weight: 500;
	    color: #000;
	    font-size: 15px;
	    line-height: 18px;
	}
	.customer_favourite_price{
	    color: #ab1650;
	    font-size: 16px;
	    margin: 10px 0px 10px 0px;
	}
	.top-pick{
		position: absolute;
	    top: 10px;
	    right: 10px;
	    background: #5c287d;
	    color: #fff;
	    font-size: 13px;
	    padding: 6px 8px;
	    z-index: 10;
	    border-radius: 15px;
	}






	.newest_items_wrapper{
		position: relative;
		width: 100%;
	}

	.newest_items_container{
		position: relative;
		width: 90%;
		max-width: 1400px;
		margin: auto;
		padding: 40px 0px 40px 0px;
	}


	.home_features_shop_btn_wrapper{
		position: relative;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.home_features_shop_btn_wrapper p{
		text-align: center;
	    font-size: 14px;
	    line-height: 21px;
	    margin-top: 40px;
	    font-weight: 300;
	}
	.home_features_shop_btn{
	    position: relative;
	    display: inline-block;
	    border: 1px #4d1f6d;
	    background: #4d1f6d;
	    border-radius: 25px;
	    outline: none;
	    text-decoration: none;
	    color: #fff;
	    padding: 13px 30px;
	    font-size: 14px;
	    cursor: pointer;
	    font-family: 'Lexend', sans-serif;
	    width: auto;
	    margin: auto;
	}










		.footer_wrapper{
			width: 100%;
		    position: relative;
		    background-color: #381154;
		}
		.footer_container{
		    width: 95%;
		    max-width: 1300px;
		    margin: auto;
		    padding: 30px 0px 0px 0px;
		}
		.footer_container p{
		    font-size: 14px;
		    line-height: 21px;
		    font-weight: 300;
		    text-align: center;
		    color: #fff;
		}



.footer_single_col {
    position: relative;
    width: 33%;
    float: left;
}
.footer_headling {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer_single_col ul {
    position: relative;
    display: block;
    width: 100%;
}
.footer_single_col ul li {
    float: left;
    position: relative;
    display: block;
    width: 100%;
}
.footer_single_col ul li a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: rgba(255,255,255,0.7);
    width: 100%;
    line-height: 24px;
    font-weight: 300;
    text-decoration: none;
    cursor: pointer;
}
.footer_single_col ul li a:hover{
	text-decoration: underline;
}
#footer_sub_container p {
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    width: 100%;
    line-height: 50px;
}


#footer_sub_container {
    width: 100%;
    position: relative;
    background-color: #19020c;
    height: 50px;
    border-top: 1px solid rgba(255,255,255,0.2);
}




		.footer_blog_wrapper{
			position: relative;
			width: 100%;
			background: #f2eaf9;
		}
		.footer_blog_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 40px 0px;
		}
		.footer_blog_container h5{
		    font-size: 19px;
		    text-align: left;
		    color: #5c287d;
		    font-weight: 500;
		    margin-top: 5px;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		    padding-bottom: 15px;
		    margin-bottom: 20px;
		}
		.footer_blog_single{
			position: relative;
			display: block;
			width: 30%;
			margin: 0px 1.5%;
			border-radius: 20px;
			float: left;
		}
		.footer_blog_single_top{
			position: relative;
		    width: 100%;
		    border-radius: 15px 15px 0px 0px;
		    overflow: hidden;
		}
		.footer_blog_single_top img{
			position: relative;
			display: block;
		}
		.footer_blog_single_bottom{
			position: relative;
			width: 90%;
			padding: 20px 5%;
			background: #fff;
			border-radius: 0px 0px 15px 15px;
		}
		.footer_blog_single_bottom h4{
		    font-size: 20px;
		    text-align: left;
		    margin-bottom: 15px;
		    color: #5c287d;
		    font-weight: 500;
		    margin-top: 5px;
		}
		.footer_blog_single_bottom p{
			font-size: 14px;
		    text-align: left;
		    margin-bottom: 10px;
		    color: #636363;
		    line-height: 22px;
		    font-weight: 400;
		}
		.footer_blog_single_bottom a{
			font-size: 14px;
		    text-align: left;
		    color: #5c287d;
		    text-decoration: underline;
		    margin-top: 30px;
		    position: relative;
		    display: block;
		}






		.home_features_pink_wrapper{
			position: relative;
			width: 100%;
			padding-bottom: 50px;
		}
		.home_features_pink_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
		}
		.home_features_pink_single{
		    position: relative;
		    float: left;
		    width: 48%;
		    margin: auto 1%;
		    background: #f2eaf9;
		    border-radius: 20px;
		    overflow: hidden;
		}
		.home_features_pink_left_col{
		    position: relative;
		    float: left;
		    width: 45%;
		    padding: 10px 0px 0px 5%;
		}
		.home_features_pink_right_col{
		    position: relative;
		    float: left;
		    width: 40%;
		    margin: 30px 5% 0px 5%;
		}
		.home_features_pink_left_col img{
			position: relative;
			display: block;
			width: 100%;
			max-width: 300px;
		}
		.home_features_pink_right_col h5{
		    font-size: 19px;
		    color: #411454;
		    line-height: 24px;
		    font-weight: 600;
		    margin-bottom: 10px;
		}
		.home_features_pink_right_col p{
   			font-size: 14px;
		    line-height: 19px;
		    margin-bottom: 15px;
		}
		.home_features_pink_right_col button{
		    position: relative;
		    display: block;
		    border: 1px #4d1f6d;
		    background: #4d1f6d;
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: #fff;
		    padding: 13px 30px;
		    font-size: 14px;
		    cursor: pointer;
		    font-family: 'Lexend', sans-serif;
		}
		.home_features_pink_right_col button:hover{
		    border: 1px #340e4e;
		    background: #340e4e;
		}
		.home_features_shop_btn:hover{
		    border: 1px #340e4e;
		    background: #340e4e;
		}


		.home_energy_wrapper{
			position: relative;
			width: 100%;
			background: #F2EAF8;
		}
		.home_energy_container{
		    position: relative;
		    width: 90%;
		    margin: auto;
		    max-width: 1400px;
		    height: 680px;
		}
		.small_hp_delivery_man_img{
			position: absolute !important;
		    top: 0px;
		    left: 0px;	
		}
		.small_hp_music_man_img{
			position: absolute !important;
		    top: 0px;
		    left: 0px;	
		}		
		.hp_delivery_man_img{
			position: absolute;
		    top: 0px;
		    left: 0px;
		}
		.small_hp_music_man_img_two{
			opacity: 1;
    		animation: fade 2s infinite;
		}
		.small_hp_delivery_man_img_two{
			opacity: 1;
    		animation: fade 1s infinite;
		}
		.hp_delivery_man_img_one{

		}
		.hp_delivery_man_img_two{
			opacity: 1;
    		animation: fade 1s infinite;
		}

		@keyframes fade {
		  0%,100% { opacity: 0 }
		  50% { opacity: 1 }
		}
		.home_energy_left{
			position: relative;
			float: left;
			width: 50%;
		}
		.home_energy_right{
			position: relative;
			float: right;
			width: 40%;
			margin-left: 7%;
			margin-top: 150px;
			z-index: 1;
		}
		.home_energy_right h4{
		    background: #E2116E;
		    padding: 7px 15px;
		    border-radius: 20px;
		    display: inline-block;
		    font-size: 14px;
		    color: #fff;
		}
		.home_energy_right h5{
		    font-size: 58px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 25px 0px;
		    line-height: 64px;
		}
		.home_energy_right h5 span{
			color: #fab12a;

		}
		.home_energy_right h6{
			font-size: 21px;
		    line-height: 27px;
		    margin-bottom: 25px;
		    color: #411454;
		}
		.home_energy_right p{
		    font-size: 14px;
		    color: #411454;
		}
		.home_energy_right_postcode_container{
			position: relative;
			width: 100%;
			background: #fff;
			border-radius: 40px;
			padding: 5px;
			overflow: hidden;
			margin-top: 15px;
		}
		.home_energy_right_postcode_container input{
		    width: 70%;
		    padding: 20px 0px;
		    outline: none;
		    border: 0px;
		    text-indent: 20px;
		    font-size: 16px;
		}
		.home_energy_right_postcode_btn{
		    position: relative;
		    float: right;
		    background: #b518aa;
		    color: #fff;
		    border-radius: 30px;
		    border: 0px;
		    outline: none;
		    width: 25%;
		    padding: 22px 0px;
		    font-size: 16px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    text-decoration: none;
		    text-align: center;
		}
		.home_energy_right_postcode_btn:hover{
		    background: #890a80;
		}



		.home_suppliers_energy_wrapper{
			position: relative;
			width: 100%;
		}
		.home_suppliers_energy_container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1200px;
		}
		.suppliers-energy-single {
		    position: relative;
		    margin: 20px 0px;
		}
		.suppliers-energy-single img {
		    position: relative;
		    float: left;
		    display: block;
		    width: 10%;
		    margin: 0px 3%;
		}





		.home_energy_right_ybmdn_img{
		    position: absolute;
		    left: 60px;
		    margin-top: -5px;
		    z-index: 10;
		}



		.home_quote_wrapper{
			position: relative;
			width: 100%;
		}
		.home_quote_container{
			position: relative;
			width: 90%;
			max-width: 1100px;
			margin: auto;
			padding: 40px 0px;
		}
		.home_quote_left{
			position: relative;
			float: left;
			width: 50%;
			text-align: center;
		}
		.home_quote_left img{
			width: 100%;
			max-width: 514px;
		}
		.home_quote_right{
		    position: relative;
		    float: left;
		    width: 38%;
		    margin-top: 70px;
		    background: #f2eaf9;
		    padding: 15px 3% 20px 4%;
		    border-radius: 20px;
		}
		.home_quote_right h6{
		    font-size: 37px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 20px 0px;
		    line-height: 42px;
		}
		.home_quote_right p{
			font-size: 18px;
		    line-height: 27px;
		    margin-bottom: 20px;
		    color: #411454;
		}
		.home_quote_right label{
			font-size: 14px;
		    line-height: 27px;
		    margin-bottom: 15px;
		    color: #411454;
		    display: block;
		    text-decoration: underline;
		}




		.trustpilot_wrapper{
			position: relative;
			width: 100%;
		}
		.trustpilot_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			    padding: 20px 0px 40px 0px;
		}
		.trustpilot_single_svg_container{
			width: 100px;
		}
		.trustpilot_single{
			position: relative;
		    float: left;
		    width: 19%;
		    margin: 0px 1%;
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    padding: 20px 1.5%;
		}
		.trustpilot_container h5{
			font-size: 42px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 20px 0px;
		    line-height: 47px;
		    text-align: center;
		}
		.trustpilot_single_para{
		    text-align: center;
		    font-weight: 400;
		    font-size: 21px;
		    line-height: 27px;
		    margin-bottom: 35px;
		    color: #411454;
		}
		.trustpilot_main_svg{
			position: relative;
			display: block;
			text-align: center;
		}
		.trustpilot_single h6{
		    font-size: 19px;
		    color: #000;
		    line-height: 25px;
		    font-weight: 600;
		    margin: 15px 0px 10px 0px;
		}
		.trustpilot_single p{
			font-size: 14px;
		    text-align: left;
		    margin-bottom: 10px;
		    color: #636363;
		    line-height: 22px;
		    font-weight: 400;
		}
		.trustpilot_single label{
			font-size: 14px;
		    color: #000;
		    line-height: 24px;
		    font-weight: 500;
		    display: block;
		    margin: 20px 0px 0px 0px;
		}
		.home_quote_icon{
		    position: absolute;
		    bottom: -35px;
		}




		.home_highlight_wrapper{
		    position: relative;
		    width: 100%;
		    margin: 50px 0px 0px 0px;
		}
		.home_highlight_container{
		    position: relative;
		    width: 90%;
		    margin: auto;
		    max-width: 1000px;
		    background: #f2eaf9;
		    padding: 20px 1.5%;
		    border-radius: 15px;
		    padding: 25px 1.5% 0px 1.5%;
		    overflow: hidden;
		}
		.home_highlight_left{
			position: relative;
			float: left;
			width: 60%;
			margin-right: 5%;
		}
		.home_highlight_left img{
			position: relative;
			display: block;
		}
		.home_highlight_right{
			position: relative;
			float: right;
			width: 35%;
			margin-top: 10px;
		}
		.home_highlight_right h6{
		    font-size: 25px;
		    color: #411454;
		    line-height: 31px;
		    font-weight: 600;
		    margin-bottom: 10px;
		}
		.home_highlight_right h6 span{
		    color: #b518aa;
		}
		.home_highlight_right p{
		    font-size: 14px;
		    line-height: 19px;
		    margin-bottom: 15px;
		}
		.home_highlight_container button{
		    position: relative;
		    display: block;
		    border: 1px rgb(77, 31, 109);
		    background: rgb(77, 31, 109);
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: rgb(255, 255, 255);
		    padding: 13px 20px;
		    font-size: 14px;
		    cursor: pointer;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		}
		.home_highlight_container button:hover{
			border: 1px #340e4e;
   			background: #340e4e;
		}










		/* Application Page Styling */
		.apply_now_wrapper{
			position: relative;
			width: 100%;
			background: #f9f7fc;
		}

		.apply_now_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 50px 0px;
			font-size: 16px;
		    line-height: 24px;
		}

		.apply_now_container form{
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    border-radius: 15px;
		    padding: 35px 2.5%;
		    background: #fff;
		    margin: 40px auto auto auto;
		}

		.apply_now_container h1{
		    font-size: 49px;
		    color: #411454;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    margin: 0px 0px 10px 0px;
		    line-height: 64px;
		    text-align: center;
		    font-weight: 700;
		}
		.apply_now_container h1 span{
			color: #e3116e;
		}
		.apply_now_container h2{
			font-family: 'Lexend', helvetica;
			font-size: 21px;
			text-align:center;
			margin-bottom: 20px;
			color: #411454;
			line-height: 28px;
		}




.apply_create_title {
    font-size: 17px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: 'Lexend', serif;
    text-align: left;
    margin-top: 0px;
    text-decoration: underline;
}
.home_apply_left_col_input_container {
    width: 31%;
    float: left;
    margin: 0px 1% 20px 1%;
}
.home_apply_left_col_input_container input{
    display: block;
    width: 100%;
    font-size: 14px;
    height: 50px;
    border-radius: 6px;
    text-indent: 15px;
    margin: 10px auto auto auto;
    background: #f9f7fc;
}
.home_apply_left_col_input_container select{
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    text-indent: 15px;
    margin: 10px auto auto auto;
    border: 0px;
    background: #f9f7fc;
}
.dateofbirth_dropdown{
	position: relative;
	float: left !important;
	width: 30% !important;
	margin: 10px 1.5% 0px 1.5% !important;
}
.home_apply_left_col_input_container label{
	display: block;
	font-size: 14px;
}
.invalid-message{
	display: none;
}
.valid-message{
	display: none;
}
.article_page_title {
    color: #2c2c31;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Lexend',serif;
}
.article_page_sub_title {
	font-size: 16px;
    line-height: 26px;
    color: #1c1c1c;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

.application_send_app_btn{
    position: relative;
    display: block;
    background: #e3226e;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 0px;
    width: 90%;
    max-width: 400px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 20px auto;
}
.application_send_app_btn:hover{
	background: #c9155c;
}
.application-reg-statement p{
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}



/* Mobile Navigation */
.header_mobile_nav_wrapper{
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
   	background: linear-gradient(45deg, rgb(57 22 112) 30%, rgba(115, 40, 189, 1) 100%);
}
.header_mobile_nav_container{
	position: relative;
	width: 90%;
	margin: auto;
	padding: 15px 0px;
}


.header_mobile_nav_top{
	position: relative;
}
.header_mobile_nav_bottom{
	position: relative;
    width: 96%;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1000000;
        border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 2% 5px 2%;
    border-radius: 30px;
    margin-top: 10px;
    z-index: 1000000;
}
.search_backdrop_wrapper{
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.header_mobile_nav_bottom .search_icon{
    background: #e3116e;
    border: 0px;
    outline: none;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    float: right;
    cursor: pointer;
    text-align: center;
    line-height: 41px;
}
.header_mobile_nav_bottom form input{
	float: left;
    width: 85%;
    height: 35px;
    outline: none;
    border: 0px;
    margin-left: 10px;
    background: none;
    color: #fff;
}
.header_mobile_nav_bottom form input::placeholder{
			color: rgba(255,255,255,0.7);
			font-size: 12px;
			font-weight: 300;
			line-height: 20px;
}
.header_mobile_nav_left{
	position: relative;
	float: left;
	width: 20%;
	margin-right: 5%;
}
.header_mobile_nav_left img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.header_mobile_nav_right{
	position: relative;
	float: right;
	width: 55%;
	margin-top: 5px;
}
.header_mobile_nav_right ul{
	float: left;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
.header_mobile_nav_right ul li{
	position: relative;
    margin: 0px 2.5%;
    float: right;
}
.header_mobile_nav_right ul li a{
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
}
.header_mobile_nav_right ul li a i{
	text-align: center;
    display: block;
    color: #a0a0a0;
    margin-bottom: 5px;
    font-size: 15px;
}
.customer_favourite_ndd{
position: relative;
    background: #c7ff9c;
    padding: 5px 7px 7px 7px;
    display: inline-block;
    margin: 0px;
    border-left: 2px solid #4f8623;
}
.customer_favourite_ndd label{
    font-size: 11px;
    padding: 0px;
    line-height: 13px;
    margin: 0px;
    color: #26440e;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}

.customer_favourite_ncc{
position: relative;
    background: #ff9c9c;
    padding: 5px 7px 7px 7px;
    display: inline-block;
    margin: 0px;
    border-left: 2px solid #862323;
    margin-bottom: 5px;
}
.customer_favourite_ncc label{
    font-size: 11px;
    padding: 0px;
    line-height: 13px;
    margin: 0px;
    color: #480303;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}


.blod_discount_label{
    position: relative;
    background: #f2eaf9;
    padding: 5px 7px 7px 7px;
    display: inline-block;
    margin: 15px 0px;
    border-left: 2px solid #ab1650;
}
.blod_discount_label p{
    font-size: 14px !important;
    padding: 0px;
    line-height: 13px;
    margin: 0px;
    color: #ab1650;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}

.customer_favourite_more_btn{
	position: relative;
    background: #fff;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: #00372b;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
    margin: 20px auto auto auto;
    border: 2px solid;
    width: auto;
    display: block;
    padding: 13px 0px;
}
.customer_favourite_more_btn:hover{
	border: 2px solid #00372b;
    background: #00372b;
    color: #ffffff;
}
.home_categories_wrapper{
    position: relative;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
    display: none;
}
.home_categories_container{
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin: auto;
}
.home_categories_single{
    position: relative;
    float: left;
    width: 10%;
    margin: 0px 1%;
    display: none;
    cursor: pointer;
    text-decoration: none;
}
.home_categories_single:hover .home_categories_single_img img{
	top: 5px;
}
.home_categories_single_img{
	position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 85px;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}
.home_categories_single img{
	position: relative;
	width: 100%;
	height: auto;
}
.home_categories_single p{
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    margin-top: 5px;
}
.home_how_it_works_wrapper{
    position: relative;
    width: 100%;
    background: #faf6ff;
    padding: 20px 0px;
}
.home_how_it_works_container{
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.home_how_it_works_container h2{
    font-size: 38px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 20px 0px 45px 0px;
    line-height: 64px;
    font-weight: 600;
    text-align: center;
}
.home_how_it_works_single{
	position: relative;
	float: left;
	width: 19%;
	margin: 0px;
}
.home_how_it_works_single h3{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}
.home_how_it_works_single p{
	font-size: 14px;
    line-height: 19px;
}
.home_how_it_works_single_img{
    position: relative;
    width: 100%;
    max-width: 200px;
    margin: auto auto 20px auto;
}
.how_it_works_arrow_one{
	position: relative;
    width: 7%;
    float: left;
    margin: 0px 0.5%;
    top: 40px;
}
.how_it_works_arrow_two{
	position: relative;
    width: 7%;
    float: left;
    margin: 0px 0.5%;
    top: 120px;
}
.home_how_it_works_btn{
	position: relative;
    display: block;
    border: 1px #4d1f6d;
    background: #4d1f6d;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 19px 30px;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
    width: 90%;
    max-width: 250px;
    margin: 70px auto 50px auto;
    text-align: center;
}
.home_how_it_works_btn:hover{
    border: 1px #340e4e;
    background: #340e4e;
}




.hp-highlight-wrapper{
	position: relative;
	background: #f9f7fc;
	padding: 30px 0px;
}
.hp-highlight-container{
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin: auto;
}
.hp-highlight-left-col{
	position: relative;
	float: left;
	width: 58%;
	margin: 0px 2% 0px 0px;
}
.hp-highlight-left-col-inside{
    position: relative;
    width: 95%;
    background: #5c287d;
    border-radius: 16px;
    text-align: center;
    padding: 20px 2.5%;
    height: 430px;
}
.hp-highlight-left-col-inside h1{
	color: #fff;
    font-size: 42px;
    font-family: 'Lexend';
    font-weight: bold;
    line-height: 47px;
    margin-bottom: 20px;
}
.hp-highlight-left-col-inside h1 span{
	color: #FAB12A;
}
.hp-highlight-left-col-inside p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.hp-highlight-left-col-inside a{
	position: relative;
    display: block;
    background: #b518aa;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 50px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 30px auto auto auto;
    max-width: 200px;
}
.hp-highlight-left-col-inside a:hover{
	background: #a60e9c;
}
.hp-highlight-right-col{
    width: 100%;
    margin-top:0px;
}
.hp-highlight-right-col-top{
    position: relative;
    width: 45.5%;
    float: left;
    background: #f2eaf9;
    margin: auto auto 15px auto;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px 2% 25px 2%;
    margin-right: 1%;
}

.hp-highlight-right-col-top-left{
	position: relative;
	float: left;
	width: 50%;
}
.hp-highlight-right-col-top-right{
    position: relative;
    float: right;
    width: 40%;
    margin-left: 6.5%;
    margin-top: 30px;
}
.hp-highlight-right-col-top-right h5{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hp-highlight-right-col-top-right p{	
	    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
}
.hp-highlight-right-col-top-right a{	
	position: relative;
    display: inline-block;
    border: none;
    background: #4d1f6d;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 13px 30px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
}
.hp-highlight-right-col-top-left img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
}




.hp-highlight-footer-col{
	position: relative;
	width: 100%;
	margin: 0px auto auto auto;
}

.hp-highlight-footer-col-single{
    position: relative;
    float: left;
    width: 23%;
    margin: 0px 1% 0px 0px;
    background: #f2eaf9;
    border-radius: 16px;
    padding: 20px 0.6%;
}

.hp-highlight-footer-col-single-left{
	position: relative;
	width: 48%;
	float: left;
}

.hp-highlight-footer-col-single-left img{
    position: relative;
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}

.hp-highlight-footer-col-single-right{
	position: relative;
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-top: 15px;
}

.hp-highlight-footer-col-single-right h3{
    font-size: 15px;
    color: #411454;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 10px;
}
.hp-highlight-footer-col-single-right p{
    font-size: 12px;
    color: #411454;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    display: none;
}

.hp-highlight-footer-col-single-right a{
    padding: 10px;
    border-radius: 20px;
    background: #9a208c;
    color: #fff;
    text-decoration: none;
    height: 7px;
    display: block;
    width: 7px;
    text-align: center;
    line-height: 4px;
    font-size: 14px;
}


.hp-figures-wrapper{
	position: relative;
	width: 100%;
	padding: 40px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hp-figures-container{
    position: relative;
    width: 85%;
    margin: auto;
    max-width: 1000px;
    border: 2px solid #e3226e;
    border-radius: 16px;
    padding: 25px 2%;
}
.hp-figures-container h4{
    font-size: 20px;
    color: #411454;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 26px;
}
.hp-figures-disclaimer{
    font-size: 13px;
    line-height: 17px;
    margin-top: 15px;
    text-align: center;
}
.hp-figures-container h4 span{
	color: #e3226e;
	text-decoration: underline;
}
.hp-figures-single{
    position: relative;
    float: left;
    width: 17%;
    background: #f9e4ec;
    border-radius: 10px;
    padding: 20px 2.5%;
    margin: 0px 1%;
}

.hp-figures-single h6{
	color: #4d1f6d;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 7px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 9px;
}
.hp-figures-single h6 span{
	font-size: 16px;
	font-weight: 500;
}
.hp-figures-single p{
	text-align: center;
	font-size: 14px;
	color: #4d1f6d;
	padding: 5px 0px 0px 0px;
}
.hp-figures-single-btn{
	position: relative;
    float: right;
    width: 25%;
    border-radius: 10px;
    padding: 20px 0;
}
.hp-figures-single-btn button{
    position: relative;
    display: block;
    background: #e3226e;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 50px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}
.hp-figures-single-btn button:hover{
    background: #b30653;
}
.hp-figures-single-btn a{
	text-align: center;
    text-decoration: underline;
    color: #000;
    display: block;
    margin: 12px auto auto auto;
    font-size: 14px;
}









.hp-highlight-right-col-bottom{
    position: relative;
    width: 45.5%;
    float: left;
    background: #f9e4ec;
    margin: auto auto 15px auto;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px 2% 30px 2%;
}

.hp-highlight-right-col-bottom-right{
	position: relative;
	float: left;
	width: 55%;
}
.hp-highlight-right-col-bottom-left{
	position: relative;
    float: left;
    width: 35%;
    margin-left: 9%;
    margin-top: 30px;
}
.hp-highlight-right-col-bottom-left h5{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hp-highlight-right-col-bottom-left p{	
	font-size: 13px;
    line-height: 17px;
    margin-bottom: 15px;
}
.hp-highlight-right-col-bottom-left a{	
    position: relative;
    display: inline-block;
    border: none;
    background: #4d1f6d;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 13px 30px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
}
.hp-highlight-right-col-bottom-right img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
}
.trustpilot_ap_svg{
    position: relative;
    display: block;
    max-width: 100px;
    text-align: left;
    margin: 30px auto 20px 0px;
}
.trustpilot_ap_svg .st0TPM{
	fill:#000000 !important;
}

.trustpilot_ap_svg .st3TPM{
	fill: #e0e0e0 !important;
}

.trustpilot_hp_svg{
    position: relative;
    display: block;
    max-width: 100px;
    text-align: left;
    margin: 30px auto 20px 0px;
}
.trustpilot_hp_svg .st0TPM{
	fill:#ffffff !important;
}
.hp-highlight-footer-col-single-final{
	margin: 0px !important; 
}
.st3TPM{
	fill: #4b1b69 !important;
}
.st0Tick{
	fill: #00B47A !important;
}

.customer_heart_container{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    width: 30px;
}
.hp-highlight-svg-container{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 50%;
}
.home_plans_wrapper{
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.home_plans_container{
	position: relative;
	width: 90%;
	margin: auto;
	max-width:1200px;
	padding: 80px 0px;
}
.home_plans_left_col{
	position: relative;
	float: left;
	width: 50%;
}
.home_plans_left_col img{
	position: relative;
	width: 100%;
	max-width: 500px;
	height: auto;
}
.home_plans_right_col{
	position: relative;
	float: left;
	width: 50%;	
	margin-top: 50px;
}

.home_plans_right_col h4{
    font-size: 49px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 20px 0px 10px 0px;
    line-height: 52px;
}
.home_plans_right_col h4 span{
	color: #fab12a;
}
.home_plans_table, .home_plans_table th, .home_plans_table td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    margin: 20px 0px 0px 0px;
}
.home_plans_table th{
	font-weight: bold;
}
.home_plans_table td{
	font-weight: 400;
}
.home_plans_right_col_sub_heading{
    margin-bottom: 25px;
    line-height: 23px;
    font-size: 16px;
}
.home_plans_right_col_para{
	margin-top: 25px;
	line-height: 20px;
	font-size: 14px;
}
.plans_table{
	margin: 25px auto !important;
}
.plans_table, .plans_table th, .plans_table td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    margin: 20px 0px 0px 0px;
}
.plans_table th{
	font-weight: bold;
}
.plans_table td{
	font-weight: 400;
}
.highlight-main-inside-right{
    position: absolute;
    top: 0px;
    right: 10%;
}
#home_optin_container input{
    float: left;
    display: inline;
    width: 4%;
}

#home_optin_container p{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 7px;
    display: inline;
    float: left;
    width: 90%;
    line-height: 18px;
}

.home_energy_apply_btn{
	position: relative;
	display: block;
	border: 1px rgb(77, 31, 109);
	background: rgb(77, 31, 109);
	border-radius: 30px;
	outline: none;
	text-decoration: none;
	color: rgb(255, 255, 255);
	padding: 17px 20px;
	font-size: 16px;
	cursor: pointer;
	font-family: 'Lexend', helvetica, arial, sans-serif;
	width: 90%;
	max-width: 300px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}





/* New Styling */
.mad_main_wrapper_alt{
    background: rgb(201, 50, 115);
    background: linear-gradient(45deg, rgb(216 146 2) 10%, rgb(255 194 0) 100%);
    padding: 100px 0px 120px 0px;
}
.mad_main_wrapper{
	position: relative;
    width: 100%;
    background: rgb(201, 50, 115);
    background: linear-gradient(356deg, #093c25 30%, #02291f 100%);
    padding: 140px 0px 120px 0px;
    overflow: hidden;
}
.mad_main_container{
	position: relative;
	width:90%;
	margin: auto;
	max-width: 1400px;
}
.mad_main_left{
    position: relative;
    width: 35%;
    float: left;
    margin-left: 0%;
}
.mad_main_right{
    width: 75%;
    position: absolute;
    right: -11%;
    top: auto;
    bottom: -15%;
}
.mad_main_img_one{
	width: 100%;
    height: auto;
}
.mad_main_img_two{
    height: auto;
    display: none;
    width: auto;
    position: absolute;
    bottom: -120px;
    top: auto;
}
.mad_main_left h1{
    font-size: 65px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    line-height: 73px;
    font-weight: 700;
}
.mad_main_left h1 span{
	color: #fbb634;
	font-size: 41px;
	text-decoration: underline;
}
.mad_main_left h2{
    font-size: 20px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    line-height: 27px;
	
}
.mad_main_left p{

	
}

.mad_main_left ul{
    margin-bottom: 25px;
}
.mad_main_left ul li {
    font-size: 14px;
    text-align: left;
    color: #fff;
    line-height: 28px;
}
.mad_main_left ul li span{
	    color: #fab12a;
}


.mad_main_drop_shadow{
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0px;
	left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 10;
}
.mobile_apply_now_btn{
    position: relative;
    display: block;
    background: #e3116e;
    color: #fff;
    border-radius: 30px;
    padding: 12px 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    text-decoration: none;
    float: right;
    font-size: 14px;
    width: 65%;
    text-align: center;
}
.recent_customers_popup{
	width: 90%;
	max-width: 320px;
	padding: 15px 2.5%;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10000;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	border-radius: 8px;
	display: none;
}
.recent_customers_popup_left{
	position: relative;
	float: left;
	width: 20%;
	margin-right: 5%;
}
.recent_customers_popup_left img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.recent_customers_popup_right{
	position: relative;
	float: right;
	width: 75%;
}
.recent_customers_popup_svg_container{
	position: relative;
	display: block;
}
.recent_customers_popup_right h6{
    font-weight: 500;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    margin: 10px 0px 2px 0px;

}
.recent_customers_popup_right p{
    font-size: 12px;
    line-height: 19px;
}


.mobile_navigation_wrapper{
    position: fixed;
    top: 0px;
	left: -100%;
    width: 75%;
    height: 100%;
    background-color: #fff;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.1);
    z-index: 10000000;
    display: block;

}


.mobile_navigation_container{
	width: 100%;
}
.mobile_navigation_header{
	width: 90%;
    background: linear-gradient(45deg, rgb(57 22 112) 30%, rgba(115, 40, 189, 1) 100%);	
    padding: 20px 5% 15px 5%;
}
.mobile_navigation_header_left{
	position: relative;
	float: left;	
	width: 25%;
	margin-right: 5%;
}
.mobile_navigation_header_left_svg{
	position: relative;
	width: 100%;
}
.mobile_navigation_header_right{
	position: relative;
	float: right;	
	width: 70%;
}
.mobile_navigation_header_right button{
    position: relative;
    display: block;
    background: #e3116e;
    color: #fff;
    border-radius: 30px;
    padding: 12px 30px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    text-decoration: none;
    float: right;
    font-size: 14px;
    width: auto;
    text-align: center;
    border: 0px;
}
.mobile_navigation_body{
	position: relative;
	width: 90%;
	padding: 20px 5%;
}
.mobile_navigation_body ul{
	position: relative;
	width: 100%;
}
.mobile_navigation_body ul li{
	position: relative;
	display: block;
	width: 100%;
	padding: 18px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}	
.mobile_navigation_body ul li:last-child{
	border: none;

}
.mobile_navigation_body ul li a{
	text-decoration: none;
}
.invalid_input{
    border: 1px solid #ff0000 !important;
    background: #ffeaea !important;
}
.valid_input{
    border: 1px solid #00b600 !important;
    background: #ebf9f0 !important;
}



		/* article page */
		.article_wrapper{
			position: relative;
			display: block;
			width: 100%;
			background-color: #fff;
		}
		.article_container{
			position: relative;
			width: 95%;
			max-width: 1200px;
			margin: auto;
			padding: 50px 0px 50px 0px;		
			font-size: 16px;
			line-height: 26px;	
		}
		.how_we_work_sub_title{
			font-size: 16px;
		    line-height: 24px;
		    color: #4d1f6d;
		    font-weight: 400;
		    text-align: center;
		    margin-bottom: 20px;
		}
		.how_we_work_sub_title span{
			font-weight: 700;
		}
		.article_page_sub_heading{
		    font-size: 18px;
		    line-height: 24px;
		    color: #1f2f6b;
		    margin-bottom: 20px;
		    text-align: center;
		}

		.article_page_para{
		    font-size: 12px;
		    line-height: 19px;
		    color: #666666;
		    text-align: center;
		}




#contact_us_container{
			margin-top: 40px;
			margin-bottom: 20px;
		}
		#contact_us_left_col{
			position: relative;
			float: left;
			width: 67%;
			margin-right: 3%
		}
		#contact_us_right_col{
			position: relative;
			float: right;
			width: 30%;
		}
		#contact_us_right_sub_col{
			position: relative;
		    width: auto;
		    padding: 20px;
		    background-color: #fff;
		    border-radius: 6px;
		    border: 1px solid rgba(0,0,0,0.1);
		    margin-bottom: 20px;
		}
		.contact_right_col_title {
		    font-size: 16px;
		    font-weight: 600;
		    border-bottom: 1px solid rgba(0,0,0,0.1);
		    text-transform: uppercase;
		    padding-bottom: 10px;
		    display: block;
		}
		#contact_us_application_container{
			position: relative;
		    display: block;
		    border-radius: 6px;
		    background-color: #f3f3f3;
		    border: 1px solid rgba(100,100,100,0.1);
		    padding: 25px;
		}
		.contact_us_form_span{
			display: block;
		    position: relative;
		    width: 48%;
		    margin: 0px 1% 20px 1%;
		    float: left;
		    height: 65px;
		}
		.contact_us_form_span label{
			font-size: 14px;
		    margin: 0px 0px 10px 0px;
		    display: block;
		    color: #2c2c32;
		    font-weight: 400;
		}
		.contact_us_form_span input{
		    background-color: #fff;
		    border: 1px solid #e9e9e9;
		    height: 40px;
		    width: 100%;
		    text-indent: 20px;
		    padding: 0px;
		    border-radius: 4px;
		    font-size: 14px;
		}
		.contact_us_form_span select{
		    background-color: #fff;
		    border: 1px solid #e9e9e9;
		    height: 40px;
		    width: 100%;
		    text-indent: 15px;
		    padding: 0px;
		    border-radius: 4px;
		    font-size: 14px;
			background-image: url('https://sunshinemobile.co.uk/images/icons/sunshine_dropdown_menu_icon.png');
			background-repeat: no-repeat;
		    background-position: 94%;
		    -webkit-appear:none;
		    -moz-appearance:none;
		    -ms-appearance:none;
		    -o-appearance:none;				    
		}
		.contact_us_form_span textarea{
		    background-color: #fff;
		    border: 1px solid #e9e9e9;
		    min-height: 70px;
		    width: 100%;
		    text-indent: 20px;
		    padding: 10px 0px 0px 0px;
		    border-radius: 4px;
		    font-size: 14px;
		}
		.contact_right_col_sub{
			position: relative;
			margin-top: 20px;
		}

.contact_right_col_sub p {
    position: relative;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 19px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 10px;
}

.contact_right_col_sub p span{
	font-weight: 600;
}

#contact_us_application_thanks {
    display: none;
}
	.contact_us_form_title{
		font-size: 21px;
		margin-bottom: 20px;
		font-weight:500;
	}


		#faq_container{
			margin-top: 55px;
			margin-bottom: 20px;
		}
		.faq_single_container{

		}

		.faq_single_header{
		    border-top: 1px solid rgba(0,0,0,0.1);
		    width: 100%;
		    position: relative;
		    padding: 15px 0px;
			cursor: pointer;
		}
		.faq_single_header:hover p{
			text-indent: 20px;
		}		
		.faq_single_header img{
			display: inline-block;
			margin-right: 25px;
		}
		.faq_single_header p{
			font-size: 16px;
		    line-height: 26px;
		    color: #1c1c1c;
		    font-weight: 400;
		    text-align: center;
		    display: inline-block;
		    -webkit-transition: all 0.5s;
		}
		.faq_single_content{
			display: none;
		    padding: 20px 20px 20px 35px;
		    font-size: 14px;
		    line-height: 22px;
		    color: #666666;
		    text-align: left;	
		    border-top: 1px solid #e0e0e0;
		}
		.faq_single_content p{
			font-size: 14px;
		    line-height: 22px;
		    color: #1c1c1c;
		    font-weight: 400;
		    text-align: left;
		}
		.faq_active_content{
			background-color: #f5f5f5 !important;
		}


.site_map_container_wrapper{
		position: relative;
		width: 100%;
		margin-top: 30px;
	}
	.site_map_single_col{
		position: relative;
		width: 30%;
		margin: 0px 1.5% 25px 1.5%;
		float: left;
	}
	.site_map_single_col h4{
		font-size: 22px;
	    line-height: 29px;
	    color: #333333;
	    margin-bottom: 15px;	
	    font-weight: 500;	   
	    text-align: center;
	}
	.site_map_single_col a{
		color: #000;
		line-height: 29px;   
	    text-align: center;
	    position: relative;
	    display: block;	    
	}

		#how_we_work_container{
			position: relative;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 20px;
		}
		#how_we_work_left_col{
			position: relative;
			display: block;
			float: left;
			width: 60%;
		}
		#how_we_work_right_col{
			position: relative;
			display: block;
			float: right;
			width: 35%;
		}
		.how_we_work_left_heading{
		    font-size: 19px;
		    line-height: 24px;
		    color: #333333;
		    margin-bottom: 10px;
		    font-weight: 600;
		}
		.how_we_work_left_title_heading{
		    font-size: 24px;
		    line-height: 27px;
		    color: #37354a;
		    margin-bottom: 15px;
		    font-weight: 500;			
		    text-decoration: underline;
		}
		.how_we_work_left_para{
		    font-size: 14px;
		    line-height: 22px;
		    color: #666666;
		    text-align: left;
		}
		#how_we_work_right_col_video_container{
			position: relative;
		    background-color: #f3f3f3;
		    border: 1px solid rgba(0,0,0,0.1);
		    padding: 6px;
		    border-radius: 6px;
		    width: 100%;
		}
		#how_we_work_right_col_video_container video{
			width: 100%;
		    height: auto;
		    cursor: pointer;
		}


.how_we_work_left_image{
		position: relative;
		float: left;
		width: 13%;
		margin-right: 3%;
	}
	.how_we_work_left_image img{
		width: 100%;
		height: auto;
	    border: 4px solid #fac110;
	    border-radius: 50%;		
	}
	.how_we_work_left_content{
		position: relative;
		float: left;
		width: 84%;
	}
	.how_it_works_step_1_h3_title{
	    color: #000;
	    font-size: 23px;
	    line-height: 35px;
	    font-weight: 500;
	    text-align: center;
	    margin-bottom: 20px;
	    font-family: 'Lexend',serif;
	    text-decoration: underline;
	}
	.how_it_works_step_1_para {
	    font-size: 14px;
	    line-height: 22px;
	    color: #666666;
	    margin-bottom: 30px;
	}	


	.how_it_works_step_1_left{
		position: relative;
		float: left;
		width: 20%;
		margin-right: 3%;
	}
	.how_it_works_step_1_left img{
	    max-height: 230px;
	}
	.how_it_works_step_1_right{
		position: relative;
		float: left;
		width: 60%;
	}
	.how_it_works_step_1_container{
		padding: 70px 0px;
	    border-bottom: 1px dashed rgba(0,0,0,0.1);		
	}
	#how_it_works_step_2_container{
		width: 100%;
		position: relative;
		background-color: #f5f5f5;
		padding: 40px 0px;
	}
	#how_it_works_step_2_single_col{
	    position: relative;
	    width: 95%;
	    max-width: 1200px;
	    margin: auto;
	    padding: 50px 0px;
	}
	#how_it_works_step_2_left{
		position: relative;
		float: left;
		width: 70%;
	}
	#how_it_works_step_2_right{
		position: relative;
		float: left;
		width: 20%;
	}

	#how_it_works_step_3_container{
		width: 100%;
		position: relative;
		padding: 40px 0px;
	}
	#how_it_works_step_3_single_col{
	    position: relative;
	    width: 95%;
	    max-width: 1200px;
	    margin: auto;
	    padding: 50px 0px;
	}
	#how_it_works_step_3_left{
		position: relative;
		float: left;
		width: 20%;
	}
	#how_it_works_step_3_left img{
		width: 100%;
    	max-width: 150px;
	}	
	#how_it_works_step_3_right{
		position: relative;
		float: left;
		width: 70%;
	}
	.affiliate_approved_pre_header_wrapper{
		width: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    z-index: 100;
	    background: #381372;
	}
	.affiliate_approved_pre_header_container{
	    width: 90%;
	    max-width: 1200px;
	    padding: 10px 0px;
	    text-align: center;
	    margin: auto;
	}
	.affiliate_approved_pre_header_container p{
	    color: #fff;
	    font-size: 13px;
	    text-align: center;
	}
	.affiliate_approved_header_wrapper{
	    position: absolute;
	    width: 100%;
	    top: 0px;
	    left: 0px;
	    z-index: 10;
	    background: none;
	    top: 50px;
	}
	.affiliate_approved_header_container{
		    position: relative;
	    width: 90%;
	    margin: auto;
	    max-width: 1400px;
	    padding: 20px 0px;
	}
	.affiliate_approved_header_logo_container{
		position: relative;
		width: 90%;
		max-width: 90px;
		text-align: center;
		/* margin: auto; */
	}

.mad_main_container h3 {
    font-size: 32px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    line-height: 42px;
    font-weight: 700;
}
.mad_main_container h3 span{
	color: #fbb634;
    text-decoration: underline;
}
.blog_article_wrapper{
	position: relative;
	width: 100%;
}
.blog_article_container{
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 50px auto 50px auto;
}
.blog_article_left_col{
    position: relative;
    float: left;
    width: 35%;
    text-align: center;
    margin-right: 5%;
    padding: 50px 2.5%;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}
.blog_article_left_col img{
	position: relative;
	display: block;
	width: 100%;
	max-width: 600px;
}
.blog_article_right_col{
	width: 50%;
	float: left;
}
.blog_article_right_col h1{
	color: #411454 ;
    font-family: 'Lexend', arial, sans-serif ;
    margin: 0px ;
    padding: 0px ;
    line-height: 51px ;
    font-size: 34px ;
    font-weight: 500 ;
}
.blog_article_right_col h4{
	color: #411454;
    font-family: 'Lexend', arial, sans-serif;
    margin: 0px;
    padding: 0px;
    line-height: 39px;
    font-size: 25px;
    font-weight: 500;
}
.blog_article_right_col label{
	color: #411454 ;
    font-family: 'Lexend', arial, sans-serif ;
    margin: 0px ;
    padding: 0px ;
    line-height: 25px ;
    font-size: 16px ;
    font-weight: 500 ;
}
.blog_article_right_col button{
    position: relative;
    display: block;
    border: 1px rgb(77, 31, 109);
    background: rgb(77, 31, 109);
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 10px 0px 25px 0px;
}
.blog_article_full_col{
	position: relative;
	width: 100%;
	margin: 80px auto auto auto;
}
.blog_article_full_col h1{
	color: #411454;
	font-family: 'Lexend', arial, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 34px;
	font-size: 24px;
	font-weight: 500;
}
.blog_article_full_col h2{
color: #411454;
	font-family: 'Lexend', arial, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 34px;
	font-size: 24px;
	font-weight: 500;
}
.blog_article_full_col h3{
color: #411454;
	font-family: 'Lexend', arial, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 34px;
	font-size: 24px;
	font-weight: 500;
}
.blog_article_full_col p{
	margin-bottom: 25px;
    line-height: 22px;
    font-size: 14px;
}
.blog_article_full_col ul li{
	margin-bottom: 15px;
    line-height: 22px;
    font-size: 14px;
    list-style-type: disc;
    list-style-position: inside;
}

.blog_article_full_btn{
    position: relative;
    display: block;
    border: 1px rgb(77, 31, 109);
    background: rgb(77, 31, 109);
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}
.disclaimer_text{
	font-size: 12px;
	line-height: 16px;
}
.blog_article_right_col p{
	font-size: 12px;
    line-height: 18px;
}
.product_details_next_day_container {
    display: inline-block;
    position: relative;
    padding: 8px 14px;
    color: #4d4d4d;
    background-color: #eff4f0;
    border: 1px solid #238800;
    border-radius: 4px;
    margin-bottom: 15px;
}
.product_details_next_day_container p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #238800;
    text-align: center;
}
.blog_article_product_btn{
	position: relative;
    display: block;
    border: 1px rgb(77, 31, 109);
    background: rgb(77, 31, 109);
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 10px 0px 25px 0px;
}
.blog_article_header{
    color: #411454;
    font-family: 'Lexend', arial, sans-serif;
    margin: 0px 0px 60px 0px;
    padding: 0px;
    line-height: 34px;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
}
.landing-blog-wrapper{
    position: relative;
    width: 100%;
    background-color: #f9f7fc;
    padding: 50px 0 50px 0;
}
.landing-blog-container{
position: relative;
    width: 95%;
    max-width: 1200px;
    margin: auto;
}

.landing-blog-container h2{
    font-size: 38px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 1px 0px 10px 0px;
    line-height: 48px;
    font-weight: 600;
    text-align: center;
}
.landing-blog-sub-header{
    position: relative;
    text-align: center;
    color: #333;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 30px;
}
.landing-blog-single{
background: #fff;
    position: relative;
    float: left;
    width: 26%;
    margin: 0 1.5%;
    border-radius: 6px;
    overflow: hidden;
    padding: 0% 2%;
    box-shadow: 0 5px 4px rgba(0,0,0,.1);
}
.landing-blog-single h4 {
    font-size: 15px;
    text-align: center;
    color: #5c287d;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: 'Lexend';
    margin-top: 25px;
    line-height: 21px;
}
.landing-blog-single p {
    position: relative;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    width: 90%;
    margin: auto;
}
.landing-blog-single a {
    position: relative;
    display: block;
    margin: 20px auto 20px auto;
    border: 0;
    outline: 0;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
    background: 0 0;
    cursor: pointer;
    text-align: center;
}

.home_customers_wrapper {
    position: relative;
    width: 100%;
    margin: 50px 0px;
}

.home_customers_container {
    position: relative;
    width: 90%;
    max-width: 1000px;
    padding: 20px 2%;
    background: #9ff6d3;
    border-radius: 20px;
    margin: auto;
}
.home_customers_left_col {
    position: relative;
    float: right;
    width: 50%;
}
.home_customers_left_col img {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    max-width: 500px;
    margin: 0px 0px auto auto;
}
.home_customers_right_col {
	position: relative;
    float: left;
    width: 45%;
    margin-right: 5%;
}
.home_customers_right_col h3 {
    font-size: 30px;
    color: #012909;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 20px 0px 10px 0px;
    line-height: 36px;
    font-weight: 700;
}
.home_customers_right_col p {
    font-size: 14px;
    line-height: 21px;
    color: #000f03;
}
.home_customers_right_col a {
    position: relative;
    display: block;
    border: none;
    background: #0f4909;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}












.home_credit_score_wrapper {
    position: relative;
    width: 100%;
    margin: 0px 50px 50px 0px;
}

.home_credit_score_container {
    position: relative;
    width: 90%;
    max-width: 1000px;
    padding: 20px 2%;
    background: #9ff6d3;
    border-radius: 20px;
    margin: auto;
}
.home_credit_score_left_col {
    position: relative;
    float: right;
    width: 50%;
}
.home_credit_score_left_col img {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    max-width: 500px;
    margin: 0px 0px auto auto;
}
.home_credit_score_right_col {
	position: relative;
    float: left;
    width: 45%;
    margin-right: 5%;
}
.home_credit_score_right_col h3 {
    font-size: 30px;
    color: #012909;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 20px 0px 10px 0px;
    line-height: 36px;
    font-weight: 700;
}
.home_credit_score_right_col p {
    font-size: 14px;
    line-height: 21px;
    color: #000f03;
}
.home_credit_score_right_col a {
    position: relative;
    display: block;
    border: none;
    background: #0f4909;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}






.reviews_individual_wrapper{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.reviews_individual_container{
	position: relative;
	width: 90%;
	margin: auto;
}
.reviews_individual_container h3 {
    color: #411454;
    font-family: 'Lexend', arial, sans-serif;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.reviews_individual_single{
	position: relative;
    float: left;
    width: 23%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: #fff;
    margin: 0px 0.5% 15px 0.5%;
}
.reviews_individual_single_top{
    position: relative;
    width: 90%;
    padding: 20px 5% 10px 5%;
}
.reviews_individual_single_top_left{
	position: relative;
	float: left;
	width: 25%;
}
.reviews_individual_single_top_left img{

}
.reviews_individual_single_top_right{
	position: relative;
	float: left;
	width: 70%;
}
.reviews_individual_single_top_right h5{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
.reviews_individual_single_top_right img{
	
}
.reviews_individual_single_bottom{
	position: relative;
	display: block;
	width: 90%;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 20px 5%;
}
.reviews_individual_single_bottom p{
    font-size: 14px;
    line-height: 21px;
}
.reviews_individual_single_top_left_circle{
	position: relative;
	width: 40px;
	height: 40px;
	background: #f8d4d4;
	border-radius: 30px;
	text-align: center;
}
.reviews_individual_single_top_left_circle p{
    font-size: 16px;
    font-weight: 600;
    line-height: 39px;
}
.mad_main_img_three{
    position: absolute;
    top: 5px;
    right: 5px;	
	display: none;
}
.homepage_contact_wrapper{
	color: #fff;
    text-align: center;
    font-size: 25px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}
.homepage_contact_wrapper a{
	color: #fbb634 !important;
	text-decoration: none !important;
}
.homepage_contact_wrapper{
	margin-top: 25px;
}
.customer_favourite_price p{
	font-size: 30px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 15px auto 15px auto;
    text-align: left;
    color: #00372b;
    font-weight: 600;
}
.customer_favourite_price label{
	font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #000;
}









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


	.home_credit_score_left_col{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto 20px auto;
	}
	.home_credit_score_right_col h3{
		text-align: center;
	}
	.home_credit_score_wrapper {
	    margin: 30px 0px;
	}
	.home_credit_score_right_col p{
		text-align: center;
	}
	.home_credit_score_container{
		width: 85%;
	    padding: 20px 5%;
	}
	.home_credit_score_right_col{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto auto auto;
	}
	.mad_main_img_three{
		display: block;
	}
	.home_customers_left_col{
		width: 90%;
		float: none;
		margin: auto auto 20px auto;
	}
	.reviews_individual_single{
		float: none;
        width: 100%;
        margin: auto auto 10px auto;
	}
	.reviews_individual_single_bottom p {
	    font-size: 13px;
	    line-height: 18px;
	    font-weight: 400;
	}
	.home_customers_right_col h3{
	    font-size: 27px;
	    line-height: 32px;
	}
	.home_customers_right_col{
		width: 90%;
	    margin: auto;
	    text-align: center;
	    float: none;
	}
	.landing-blog-single{
	    float: none;
	    width: 90%;
	    padding: 0px 5%;
	    margin: auto auto 20px auto;
	}
	.landing-blog-container h2{
	    font-size: 35px;
	    line-height: 39px;
	}
	.blog_article_full_col{
		margin: 50px auto auto auto;
	}
	.blog_article_container{
		margin: 40px auto;
	}
	.blog_article_left_col{
		float: none;
	    width: 90%;
	    padding: 30px 5%;
	}
	.blog_article_right_col{
	    width: 100%;
	    float: none;
	    margin: 30px auto auto auto;
	}
	.blog_article_right_col h1{
	    font-size: 26px;
	    line-height: 42px;
	}
	.mad_main_container h3{
		text-align: center;
	}
	.how_we_work_left_title_heading{
		margin-bottom: 0px;
		text-align: center;
	}
	.how_it_works_step_1_left{
		float: none;
		width: 100%;
		text-align: center;		
	}
	.how_it_works_step_1_left img{
		max-height: 120px;
	}
	.how_it_works_step_1_right{
		width: 100%;
		float: none;
		margin-top: 0px;
	}
	.how_it_works_step_1_h3_title{
		font-size: 19px;
		line-height: 25px;
		text-align:center;
	}
	.how_it_works_step_1_para{
		font-size: 13px;
		line-height: 19px;
	}
	.how_it_works_step_1_container{
		padding: 10px 0px !important;
	}
	.how_it_works_step_1_left{
		/* display: none; */
		margin-top:50px;
		margin-bottom:20px;
	}
	#how_we_work_container{
		margin-bottom: 0px;
	}
	
	/* How we work */
	#how_we_work_right_col{
		float: none;
		width: 60%;
		margin: auto auto 20px auto;
	}
	#how_we_work_left_col{
		float: none;
		width: 100%;
	}
	#how_we_work_right_col_video_container{
		width: 96%;
		padding: 2%;
	}
	#how_we_work_container{
		margin-top: 30px;
	}
	.how_we_work_left_heading{
		margin-bottom: 8px;
		font-weight: 500;
	}
	.how_we_work_left_para{
		font-size: 13px;
		line-height: 21px;
	}


	.faq_single_header img{
		margin-right: 10px;
		position: absolute;
	}
	.faq_single_content{
		font-size: 12px;
		line-height: 17px;
		padding: 10px 5px 10px 20px;
	}
	.faq_single_header p{
		margin-left: 20px;
	}
	.faq_single_header p{
		font-size: 15px;
		text-align: left;
		margin-left: 20px;
		line-height: 19px;
	}
	.terms_conditions_sub_heading{
		font-size: 15px;
   		line-height: 18px;
	}
	.how_we_work_sub_title{
		font-size: 17px;
    	line-height: 22px;
	}
	#review_trust_pilot_rating_container{
		display: none;
	}
	#home_application_right_app_container{
		width: 90%;
		padding: 5%;
	}
	.site_map_single_col{
		position: relative;
	    width: 100%;
	    float: none;
	    margin: 0px 0px 20px 0px;
	}


	.mad_main_left h1{
	    font-size: 42px;
	    font-weight: bold;
	    text-align: center;
	    line-height: 45px;
	}
	.mad_main_left ul li{
		text-align: center;
	}
	.mad_main_left h2{
		text-align: center;
	    font-size: 18px;
	    line-height: 24px;
	}
	.mad_main_img_two{
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
        bottom: 0px;
        margin: 30px auto;
        display: block;
	}
	.mad_main_img_one{
		display: none;
	}
	.mad_main_right{
	    float: none;
	    position: relative;
	    width: 95%;
	    margin: auto;
	    top: auto;
	    left: auto;
	    right: auto;
	    bottom: auto;
	}
	.mad_main_left{
		float: none;
	    width: 90%;
	    margin: auto;
	}
	.home_energy_apply_btn{

	}

	.apply_now_container h1{
	    font-size: 42px;
	    margin: 0px 0px 20px 0px;
	    line-height: 46px;
	}
	.apply_now_container{
        line-height: 18px;
        font-size: 14px;
        color: #411454;
	}

#home_optin_container input{
    width: 8% !important;
    height: 33px;
    top: 0;
    position: relative;
    margin: 0 2% 0 0 !important;
    padding: 0;
        -webkit-appearance: auto;
        appearance: auto;
}


	.home_apply_left_col_input_container{
		width: 100% !important;
	    float: none;
	    margin: auto auto 15px auto;
	}
	.highlight-main-inside-right{
		top: auto;
	    bottom: 0px;
	    width: 83%;
	    right: auto;
	    left: auto;
	}
	.apply_now_container form{
	    width: 90%;
	    padding: 20px 5%;
	    margin: 30px auto;	
	    border-radius: 10px;
	}
	.apply_now_container h2{
		line-height: 23px;
		font-size: 17px
	}
	.hp-highlight-right-col-bottom-left{
	    float: none;
	    width: 100%;
	    margin: 0px auto 20px auto;
	}
	.hp-highlight-right-col-bottom{
	    width: 90%;
	    float: none;
	    margin: 0px 0px 20px auto;
	    padding: 20px 5% 0px 5%;	
	    text-align: center;	
	}
	.small_hp_delivery_man_img{
		position: relative !important;
	}
	.hp-highlight-right-col-top-right{
		float: none;
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    z-index: 1000000;
	}
	.hp-highlight-svg-container{
		width: 100%;
	}
	.hp-highlight-right-col-top-left{
		width: 80%;
		float: none;
		margin: auto;
	}
	.hp-highlight-right-col-top-right a{
		margin: auto;
	}
	.home_plans_left_col{
		position: relative;
		float: none;
		width: 80%;
		margin: auto auto 20px auto;
	}
	.home_plans_container{
		padding: 40px 0px;
	}
	.home_plans_right_col h4{
	    text-align: center;
	    font-size: 46px;
	    line-height: 42px;
	    margin: auto auto 15px auto;
	}
	.home_plans_right_col_sub_heading{
		text-align: center;
	}
	.home_plans_right_col_para{
	    text-align: center;
	    font-size: 13px;
	    line-height: 18px;
	}
	.home_plans_right_col{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto auto auto;
		overflow: scroll;
	}

	.hp-highlight-right-col-top{
	    width: 90%;
	    float: none;
	    margin: 0px 0px 20px auto;
	    padding: 25px 5% 0px 5%;
	    height: auto;
	}
	.small_hp_music_man_img{
		position: relative !important;
	}
	.hp-figures-single h6{
		font-size: 23px;
		padding-bottom: 7px;
	}

	.hp-highlight-right-col-bottom-right{
	    float: none;
	    width: 100%;
	    margin: auto;
	}
	.hp-highlight-right-col-bottom-left a{
		margin: auto;
	}
	.how_it_works_arrow_two{
	    float: none;
	    width: 19%;
	    top: 0px;
	    margin: 30px auto;
	    -webkit-transform: rotate(57deg);
	    -o-transform: rotate(57deg);
	    -ms-transform: rotate(57deg);
	    -moz-transform: rotate(57deg);
		transform: rotate(57deg);
	}
	.how_it_works_arrow_one{
	    float: none;
	    width: 19%;
	    top: 0px;
	    margin: 30px auto;
	    -webkit-transform: rotate(129deg);
	    -o-transform: rotate(129deg);
	    -ms-transform: rotate(129deg);
	    -moz-transform: rotate(129deg);
		transform: rotate(129deg);
	}
	.home_how_it_works_container h2 {
	    font-size: 34px;
	    margin: 20px 0px 30px 0px;
	    line-height: 43px;
	}

	.home_how_it_works_single_img{
		max-width: 130px;
	}
	.home_how_it_works_single{
		width: 100%;
		float: none;
	}
	.hp-figures-container h4{
		text-align: center;
	}
	.hp-figures-container{
		padding: 25px 5%;
		width: 80%;
	}
	.hp-highlight-footer-col-single-left{
		width: 100%;
		float: none;
	}
	.hp-highlight-footer-col-single-right{
	    width: 100%;
	    float: none;
	    text-align: center;
	    margin: 20px auto auto auto;
	}
	.hp-highlight-footer-col-single-right a{
		margin: auto;
	}
	.hp-figures-single{
	    width: 85%;
	    margin: auto auto 10px auto;
	    padding: 10px 2.5%;
	    float: none;
	}
	.hp-figures-single-btn{
		float: none;
	    width: 100%;
	    margin: auto;
	    text-align: center;
	}
	.hp-figures-single-btn button{
		width: 100%;
	}
	.hp-highlight-footer-col-single-left img{
		max-width: 130px;
	}
	.hp-highlight-footer-col-single{
	    width: 46.5%;
	    margin: 0px 1% 10px 1%;
	    padding: 20px 0.5%;
	}
	.hp-highlight-right-col{
		width: 100%;
		float: none;
		margin: 20px auto auto auto;
	}
	.home_energy_right_ybmdn_img{
		right: 20px;
		left: auto;
	}
	.hp-highlight-left-col{
		width: 100%;
	    margin: 0px;
	    float: none;
	}
	.trustpilot_hp_svg{
		margin: 40px auto 20px auto;
		display:none;
	}
	.trustpilot_ap_svg{
		margin: 0px auto 20px auto		
	}
	.hp-highlight-left-col-inside{
		height: auto;
	    margin: auto;
	    padding: 70px 2.5%;
	}
	.home_categories_wrapper{
		display: block;
	}
	.home_categories_single_last{
		display: none !important;
	}
	.home_categories_single{
		width: 16%;
	    margin: 0px 2%;
	}
	.highlight-features-single{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto 20px auto;
	}
	.home_categories_single_img{
		border-radius: 30px;
		padding: 7px;
	}
	.home_energy_right_postcode_btn{
		width: 40%;
	}
	.customer_favourite_more_btn{
		padding: 13px 0px;
		width: 100%;
	}
	.highlight-main-left{
		width: 100%;
		text-align: center;
		left: auto;
	}
	.highlight-main-wrapper{
		background-position: 0% 100%;
		padding: 30px 6% 280px 6%;
    	width: 88%;
    	background-size: contain;
	}
	.highlight-main-left h2{
	    margin-bottom: 15px;
	    text-align: center;
	    font-weight: 400;
	    line-height: 21px;
	    font-size: 14px;
	}
	.highlight-main-left ul{
		margin-bottom: 20px;
	}
	.highlight-main-left h1{
	    text-align: center;
	    font-size: 50px;
	    line-height: 57px;
	}
	.highlight-main-left ul li{
		text-align: center;
	}
	.highlight-main-create-btn{
	    margin: auto;
	    width: 100%;
	    padding: 20px 0px;
	    text-align: center;
	}
	.customer_favourites_container{
		padding: 20px 0px 0px 0px;
	}
	.header_mobile_nav_wrapper{
		display: block;
	}
	.header-top-wrapper{
		display: none;
	}
	.header-footer-wrapper{
		display: none;
	}
	.header-features-wrapper{
		display: none;
	}
	.customer_favourites_single{
	    position: relative;
	    width: 36%;
	    margin: 0px 1.5% 10px 1.5%;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 50px 5% 10px 5%;
	}
	.newest_items_single{
		position: relative;
	    width: 36%;
	    margin: 10px 1.5% 0px 1.5%;
	    padding: 20px 5% 20px 5%;
	}
	.home_features_pink_single{
		float: none;
	    width: 100%;
	    margin: 0px 0px 20px 0px;
	    padding: 20px 0px;
    	text-align: center;
	}
	.home_features_pink_left_col{
	    position: relative;
	    float: none;
	    width: 95%;
	    text-align: center;
	    margin: auto auto 20px auto;
	    padding: 0px;
	}
	.home_features_pink_left_col img{
		margin: auto;
	}
	.home_features_pink_right_col button{
	    margin: auto;
	    width: 80%;
	}
	.home_features_pink_right_col{
	    float: none;
	    width: 90%;
	    margin: 15px auto 0px auto;
	}
	.home_energy_left{
	    float: none;
	    width: 100%;
	    margin: auto;
	}
	.home_energy_left img{
		position: absolute;
		display: block;
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.home_energy_right{
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin: auto;
	}
	.home_energy_container{
		padding: 40px 0px 0px 0px;
	}
	.home_energy_right h5{
	    font-size: 47px;
	    text-align: center;
	    line-height: 47px;
	}
	.home_energy_right h6{
		text-align: center;
    	font-size: 20px;
	}
	.home_energy_right p{
		text-align: center;
	}
	.home_energy_right_postcode_container button{
		width: 42%;
	}
	.home_energy_right_postcode_container input{
		width: 55%;
	}
	.trustpilot_single{
		padding: 20px 5%;
		width: 90%;
		margin: 0px 0px 10px 0px;
	}
	.home_quote_left{
		float: none;
		width: 50%;
		margin: auto auto 20px auto;
	}
	.home_quote_right{
		float: none;
	    width: 85%;
	    margin: auto auto auto auto;
	    padding: 20px 5%;
	}
	.home_quote_right h6{
	    font-size: 24px;
	    line-height: 32px;
	    margin: auto auto 10px auto;
	}
	.home_quote_right p{
	    font-size: 16px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.footer_blog_single{
	    width: 100%;
	    float: none;
	    margin: 0px 0px 15px 0px;
	}
	.home_highlight_right{
	    position: relative;
	    float: none;
	    width: 90%;
	    margin: auto;
	    text-align: center;
	}
	.home_highlight_left{
		position: relative;
		float: none;
		width: 100%;
	}
	.home_highlight_left img{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	.home_highlight_container button{
		margin: auto auto 20px auto;
	}
	.home_features_discover_img{
		bottom: -40px;
	}
	.home_apply_left_col_input_container_half{
	    position: relative;
	    float: left !important;
	    width: 46% !important;
	    margin: auto 4% 15px auto;
	}
	.home_apply_left_col_input_container_half:last-child{
		content: "";
		display: block;
		clear: both;
	}	



	/* Contact Us */





	/* Contact Us */
	#contact_us_left_col{
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#contact_us_application_container{
		padding: 15px 10px;
	}
	.contact_us_form_span{
		width: 100%;
		position: relative;
		float: none;
		margin: 0px 0px 15px 0px;
		height: auto;
	}
	.contact_us_form_span input{
	    height: 35px;
	}
	.contact_us_form_span label {
	    margin-bottom: 3px;
	}
	#contact_us_send_enquiry_btn{
		width: 100%;
		float: none;
	}
	#contact_us_right_col{
		width: 100%;
		float: none;
	}
	.contact_right_col_sub p span{
		font-weight: 500;
	}
	.contact_us_form_title{
		font-size: 21px;
		margin-bottom: 20px;
		font-weight:500;
	}




}