@charset "UTF-8";
/* CSS Document */

.row.bottom-text.hide-mobile {
    margin-bottom: 0;
}
.dcg .column {
	display: flex;
	flex-direction: column;
}
	
.dcg .row {
	margin-bottom: 2em;
	justify-content: space-between;
}
	
	.lenovo-logo {
		    position: fixed;
    top: 35%;
    right: -3%;
    width: 10%;
    text-align: center;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}
	
	.lenovo-logo img {
    width: 100%;
    margin: 0 auto;
}

.dcg .box-black {
	background-color: #000;
	padding: 7em 3em;
	height: 100%;
	border-radius: 5em 0 5em 0;
}

.dcg .box-pink-gradient {
	background-image: linear-gradient(rgba(255,122,105,1), rgba(225,105,239,1));
	padding: 7em 3em;
	height: 100%;
	border-radius: 0 5em 0 5em;
}

.dcg .text-white {
	color: #fff;
}
	
	.dcg h1 {
		font-size: 2.5em;
		line-height: 1.2em;
	}
	
.dcg h2 {
	margin: 1em 0 1em 0;
}

.dcg h3 {
	font-size: 1.8em;
	line-height: 1em;
	margin: 1em auto;
	}

.dcg .button {
	padding: 1em;
	width: 100%;
	border: none;
	border-radius: 0.3em;
}
	
.dcg .category-icon-anchor {
	margin: 2em auto;
    font-size: 1.2em;
    text-align: center;
}
	.dcg .category-icon-anchor:hover {
	text-decoration: underline;
}

	.dcg .category-icon {
		height: 5em;
		display: inline-block;
	}
	
	.dcg .category-icon-laptops {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_laptop-icon") no-repeat;
        width: 8em;
		height: 7em;
		background-position: center;
		margin: 0 auto;
	}
	
	.dcg .category-icon-laptops:hover {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_laptop-icon-hover") no-repeat;
		background-position: center;

	}
	
		.dcg .category-icon-desktops {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_desktop-icon") no-repeat;
        width: 8em;
		height: 7em;
		background-position: center;
		margin: 0 auto;
	}
	
	.dcg .category-icon-desktops:hover {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_desktop-icon-hover") no-repeat;
		background-position: center;

	}
	
	.dcg .category-icon-tablets {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_tablet-icon") no-repeat;
        width: 8em;
		height: 7em;
		background-position: center;
		margin: 0 auto;
	}
	
	.dcg .category-icon-tablets:hover {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_tablet-icon-hover") no-repeat;
		background-position: center;

	}

	
	.dcg .category-icon-smartphones {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_smartphone-icon") no-repeat;
        width: 8em;
		height: 7em;
		background-position: center;
		margin: 0 auto;
	}
	
	.dcg .category-icon-smartphones:hover {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_smartphone-icon-hover") no-repeat;
		background-position: center;

	}

	
	.dcg .category-icon-monitors {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_monitor-icon") no-repeat;
        width: 8em;
		height: 7em;
		background-position: center;
		margin: 0 auto;
	}
	
	.dcg .category-icon-monitors:hover {
		background: url("https://currysprod.a.bigcontent.io/v1/static/lenovo-brand-page_monitor-icon-hover") no-repeat;
		background-position: center;

	}



.dcg .button-white {
	border-style: solid;
	border-color: #fff;
	background-color: #fff;
	color: #000;
}

.dcg .button-black:hover {
	border-style: solid;
	border-color: #fff;
	background-color: transparent;
	color: #fff;
	}


.dcg .button-black {
	border-style: solid;
	border-color: #000;
	background-color: #000;
	color: #fff;
}

.dcg .button-black:hover {
	border-style: solid;
	border-color: #000;
	background-color: transparent;
	color: #000;
	}

.dcg .button-anchor {
	width: 100%;
	margin-top: auto;
	}

.dcg .learn-more-cta {
	margin-right: 0;
    padding-right: 5em;
	text-align: right;
}
	
.dcg .red-text {
	color: #B8252F;
}

.dcg .text-line-left {
	width: 0.4em;
    background-color: #000;
    border-radius: 2em;
	margin-left: 2em;
	}
	
.dcg .bottom-text {
	justify-content: flex-start;
	align-items: stretch;
}
.dcg .bottom-text .col-6 {
	margin-left: 2em;
	}
	
.dcg .top-picks-products {
	margin: 0 5em 5em 5em;
}
	
	.dcg .top-picks-header {
		margin-left: 5em;
	}

.dcg .top-picks-star {
	max-height: 0.8em;
	margin-left: 1em;
	}

.dcg .section-best-tech {
	background-color: #fff;
	margin: 3em 0 3em 4em;
padding: 3em;
}

.dcg .gradient-bg {
	background-image: linear-gradient(white, #dfe1ed, white);
	padding: 1em;
}
	
	.dcg .hide-desktop {
		display: none;
	}
	

@media (max-width: 768px) {
	.dcg .box-black, .dcg .box-pink-gradient {
		position: relative;
		margin: 15em 0 0 2em;
		z-index: 1;
		min-height: 28em;
			width: 25em;
	}
	
	.dcg .box-pink-gradient {
		margin: -40em 0 0 7em;
	}
	
	.dcg .hide-mobile {
		display: none;
	}
	
	.dcg .hide-desktop {
		display: block;
	}
	
	.dcg .top-picks-products {
	margin: 0;
}
	.dcg .top-pick-product {
	margin-bottom: 2em;
	}
	
	.dcg .header-image-legion {
		margin-top: -45em;
		min-width: 50em;
	}
	
	.dcg .header-image-yoga {
		margin-top: 16em;
		min-width: 50em;
	}
	
	.dcg .section-best-tech {
	margin: 1em 0 1em 1em;
	padding: 1em;
	}
	
	.dcg .category-icon-anchor {
		margin: auto 1em;
		font-size: 1.2em;
		text-align: left;
		text-decoration: underline;
		
	}
	
	.dcg .category-icon-row {
		flex-direction: unset;
    margin-bottom: 2em;
    padding: 3em 0 0 5em;
	}
	
	.dcg .button-black {
		min-width: 15em;
	}
	
	.dcg .explore-cta {
		text-align: center;
		text-decoration: none;
	}
	
	.dcg .top-picks-header {
    margin-left: 1em;
}
	
	.dcg .text-line-left {
		margin: 2em auto;
	}
	
	.dcg .top-picks-star {
	margin-left: 0;
	}
	
	.dcg .explore-cta-container {
	margin: 2em 0 3em 0;
	}
}