section#main.main-ind{
 	padding: 0; 
}
section#main .inner {
    max-width: 100%;
}
img.landing_img_laptop {
    width: 220px !important;
}
section#recspecs {
    padding-inline: revert;
}
#recspecs h2 {
    margin-bottom: 40px;
}
.config_button_holder{
  margin-top: auto;
  padding: 0 20px 20px 20px;
}
.config_button_holder p {
    font-family: 'Montserrat-Medium' !important;
    color: #ffffff !important;
    margin-top: 0 !important;
}
.products{
  padding:0;
}
.product .column-ind-holder .column-ind-header {
	background: var(--windows-dark-3d5f5e);
    border-radius: 5px 5px 0 0;
  }
.product .column-ind-holder .column-content .product-image-holder .product-image {
  height:auto;
  padding:10px 0;
}
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  width: 150px;
  height: auto;
}
.product .column-ind-holder .column-content {
  border-radius: 0 0 5px 5px;
  padding: 0px!important;
  background: #ededed;
}
.product .column-ind-holder .column-ind-header h3 {
  color: #ffffff;
}
.product .column-ind-holder .column-content .products-points-holder ul li {
  font-size: 14px;
  color: #000000;
}
.product .column-ind-holder .column-content .config_button_holder .btn {
  background-color: var(--windows-dark-3d5f5e);
  border-color: var(--windows-dark-3d5f5e);
  color: #ffffff;
}
.product .column-ind-holder .column-content .products-points-holder {
  display: block;
  background-color: transparent;
  margin-top: 0;
}
.product .column-ind-holder .column-content .products-points-holder ul li:before{
  	color: var(--windows-dark-3d5f5e);
}
.product .column-ind-holder .column-content .from-inc-price{
  	color: #000000;
  	padding: 0 20px;
}
.product .column-ind-holder .column-content .from-inc-price span {
  	color: var(--windows-dark-3d5f5e);
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover{
  filter: brightness(1.2);
    transition: all .3s ease;
}
:root {
	/* color variables */
	--microsoft-pure-white: #fff;
	--copilot-dark-733145: #733145;
	--microsoft-pure-black: #000;
	--microsoft-blue-black: #091f2c;
	--copilot-dark-613a3a: #613a3a;
	--windows-dark-3d5f5e: #3d5f5e;
	--windows-light-c1d6cd: #c1d6cd;

	/* responsive margins / paddings */
	--margin-sm: 16px;
	--margin-md: 32px;
  	scroll-behavior: smooth; 
}

* {
	--min-screen-size: 430;
	--max-screen-size: 2500;
	--interpolate-diff: calc(var(--max-font-size) - var(--min-font-size));
	--interpolate: clamp(calc(var(--min-font-size) * 1px), calc((var(--min-font-size) * 1px) + var(--interpolate-diff) * ((100vw - calc(var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size)))), calc(var(--max-font-size) * 1px));
}

.landing-wrapper {
	container: landing-wrapper / inline-size;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	font-family: 'Segoe Sans',sans-serif;
	letter-spacing: 0px;
	background-color: var(--microsoft-pure-white);
}

.landing-wrapper ol {
	list-style-type: decimal;
}

.landing-wrapper ol li {
	margin-bottom: 15px;
	margin-left: 8px;
}

.landing-wrapper h1,
.landing-wrapper h2 {
	text-transform: none;
}
.txt-center{
  text-align: center;
}
.text h1,
h2.column-title {
	font-size: 48px;
	font-family: 'Segoe Sans',sans-serif;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
	text-transform: none;
}

.section {
	display: flex;
	flex-direction: column;
	background-position: top left;
	background-size: auto auto;
	background-repeat: no-repeat;
	padding: 96px 112px;
}

.mic-btn {
	display: flex;
	color: var(--microsoft-pure-white);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: left;
	background-color: var(--windows-dark-3d5f5e);
	padding: 14px 24px 14px 25px;
	border-radius: 16px;
  cursor: pointer;
  border: none;
}
.hover-bright:hover {
    filter: brightness(1.2);
    transition: all .3s ease;
}
.windows-fy28-commr {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
	align-self: center;
	object-fit: cover;
	border-radius: 16px;
	height: 650px;
}

.windows-fy27-commr {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
	align-self: center;
	object-fit: cover;
	border-radius: 16px;
	height: 370px;
}

.windows-fy26-commr {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
	align-self: center;
	object-fit: cover;
	border-radius: 16px;
	height: 450px;
}

.windows-fy25-commr {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
	align-self: center;
	object-fit: cover;
	border-radius: 16px;
	height: 325px;
}
.column-a {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 32px;
	flex-grow: 1;
}

.column-title {
	font-size: 48px;
}
.column-text1 {
    font-size: 20px;
    line-height: 1.5;
}
.column-b {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-size: 20px;
}
.column-text2 {
	font-weight: 400;
}
.column-text3 {
	font-weight: 600;
}

.header {
	background: url(/images/landing/windows/win11/header.jpg) center / cover no-repeat;
}

.hero {
	display: flex;
	gap: 80px;
	max-width: 1460px;
	align-items: center;
	padding-left: 80px;
	margin: 0 auto;
}

.header-windows11 {
	width: 260px;
	flex-shrink: 0;
}

.header-col1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
}

.header-col2 {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-self: stretch;
	color: var(--microsoft-blue-black);
	font-weight: 400;
}

.header-col3 {
	display: flex;
	flex-grow: 2;
	flex-direction: column;
	align-items: flex-end;
}

.header-what-s-your {
	background: linear-gradient(90deg, #000 0%, #3d5f5e 100%) top left / auto auto no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-subtitle {
	text-transform: none;
	font-size: 24px;
}

.header-windows-fy25 {
	max-width: 600px;
}

.col1 {
	container: col1 / inline-size;
	gap: 80px;
	background-image: linear-gradient(180deg, #c9dff5 0%, #c1d6cd 100%);
}

.row-top1 {
	display: flex;
	align-items: center;
	gap: 80px;
	flex-shrink: 0;
	color: var(--microsoft-blue-black);
	font-weight: 400;
	max-width: 1320px;
	margin: 0 auto;
}

.row-bottom1 {
	display: flex;
	align-items: center;
	gap: 80px;
	flex-shrink: 0;
	max-width: 1320px;
	margin: 0 auto;
}

.col-left1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	flex-grow: 1;
}

.col2 {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-self: stretch;
	color: var(--microsoft-blue-black);
}

.btn-go-to-windows {
	padding-left: 24px;
	background-color: #FF00D0;
}

.col3 {
	container: col3 / inline-size;
	gap: 80px;
	color: var(--microsoft-blue-black);
	background-image: linear-gradient(180deg, #bec7e4 0%, #dad1ec 100%);
}

.row-top2 {
	display: flex;
	align-items: center;
	gap: 80px;
	flex-shrink: 0;
	max-width: 1320px;
	margin: 0 auto;
}

.col-right2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 32px;
	flex-grow: 1;
}

.row-bottom2 {
	display: flex;
	align-items: center;
	gap: 80px;
	flex-shrink: 0;
	font-weight: 400;
	max-width: 1320px;
	margin: 0 auto;
}

.row {
	height: 518px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--microsoft-blue-black);
	font-weight: 400;
	background: url(/images/landing/windows/win11/card.png) center / cover no-repeat;
	background-position: 50% 0;
}

.windows-fy25-commr5 {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
	align-self: safe center;
	object-fit: cover;
	height: 100%;
}

.card-right {
	width: 100%;
	flex-grow: 1;
}

.card-right-wrapper {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 120px 112px 120px 80px;
}

.card-right-text {
	font-size: 20px;
}

.btn-shop-now {
	color: var(--microsoft-blue-black);
	background-color: var(--windows-light-c1d6cd);
}

.footer {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	background-color: var(--microsoft-blue-black);
	padding: 64px 112px;
}

.footer-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 64px;
}

.footer-windows11 {
	width: 217px;
	flex-shrink: 0;
}

.footer-text {
	flex-grow: 1;
}
/** breakpoints (margin / paddings) **/
@media screen and (max-width: 1200px) {

	.header,
	.section {
		padding-inline: var(--margin-md);
	}

	.btn-go-to-windows {
		padding-inline: var(--margin-sm);
	}

	.card-right {
		padding-inline: var(--margin-md);
	}

	.footer {
		padding-inline: var(--margin-md);
	}

	.hero {
		flex-direction: column;
      	padding-left: 0;
	}
      .header-windows-fy25 {
        width: 90%;
        margin-top: -150px;
    }
}

@media screen and (max-width: 576px) {
	.card-right {
		padding-inline: var(--margin-sm);
		padding: 40px;
		height: auto;
	}

	.card-right-wrapper {
		padding: 0;
	}

	.footer {
		padding: 40px;
		text-align: left;
	}

	.text h1,
	h2.column-title {
		font-size: 40px;
	}

	.header-what-s-your {
		font-size: 50px;
	}

	.windows-fy28-commr {
		height: 400px;
	}
}


/* container queries (flex rows) */
@container landing-wrapper (width < 1200px) {
	.header {
		height: unset;
		flex-direction: column;
		align-items: flex-start;
		gap: 0px;
	}
	.hero {
		margin: 60px 0;
	}

	.header-col-left {
		z-index: 1;
	}
}

@container col1 (width < 1016px) {
	.row-top1 {
		height: unset;
		flex-direction: column;
		gap: 38px;
	}

	.row-top1>.windows-fy25-commr1 {
		width: 568px;
	}
}

@container col1 (width < 1016px) {
	.row-bottom1 {
		height: unset;
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 50px;
	}

	.row-bottom1>.windows-fy25-commr2 {
		width: 568px;
	}
}

@container col3 (width < 1016px) {
	.row-top2 {
		height: unset;
		flex-direction: column;
		gap: 50px;
	}

	.row-top2>* {
		margin-top: unset !important;
	}

	.row-top2>.windows-fy25-commr3 {
		width: 568px;
	}
}

@container col3 (width < 1016px) {
	.row-bottom2 {
		height: unset;
		flex-direction: column-reverse;
		gap: 30px;
	}

	.row-bottom2>.windows-fy25-commr4 {
		width: 568px;
	}
}

@container landing-wrapper (width < 1187px) {
	.row {
		height: unset;
		flex-direction: column;
	}
}
@container landing-wrapper (width < 1439px) {
	.footer-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}

	.footer-text {
		margin-top: 30px;
	}
}