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

@-moz-document url-prefix() { 
	a:focus, button:focus{outline: 2px solid #0096d6!important;}
}
a:focus, button:focus{outline: 2px solid #0096d6; outline: 5px auto -webkit-focus-ring-color;  outline-offset: 0px;}	

@font-face{font-family: FormaDjrMicro; src: url(https://www.hp.com/wcsstore/hpusstore/fonts/FormaDJRMicro-Regular.woff2);}



.utwWrapper {max-width: 100%; width: 100%; margin:0; font-family:FormaDJRMicro,-apple-system,BlinkMacSystemFont,sans-serif;}
.utwWrapper h1, .utwWrapper h2, .utwWrapper h3, .utwWrapper h4, .utwWrapper h5, .utwWrapper p, .utwWrapper li {margin:0; font-family:FormaDJRMicro,-apple-system,BlinkMacSystemFont,sans-serif;}
.utwWrapper h2 {/*FS 60-30*/font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); /*LH 60-30*/line-height: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); margin-bottom: 20px!important;}
.utwWrapper h4 {/*FS 36-24*/font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem); /*LH 36-24*/line-height: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem); margin-bottom: 20px!important;}
.utwWrapper p {/*FS 22-16*/font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem); /*LH 26-20*/line-height: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); margin-bottom: 20px!important;}
.utwWrapper p.HeroSub {/*FS 28-20*/font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem); /*LH 30-24*/line-height: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); margin-bottom: 20px!important;}
.utwWrapper img {margin: 0; display: block;}
.utwWrapper sup {line-height: 0; font-size: 55%;}
.utwWrapper .KSPbreak {margin-top: 50px!important; margin-bottom: 50px!important;}
@media only screen and (max-width:1024px){
	.utwWrapper .KSPbreak {margin-top: 35px!important; margin-bottom: 35px!important;}
}
@media only screen and (max-width:768px){
	.utwWrapper .KSPbreak {margin-top: 20px!important; margin-bottom: 20px!important;}
}

.wswHeroCTA{background-color: #fff; color: #000; padding: 10px 30px; font-size: 18px; margin-top: 20px; display: inline-block; text-decoration: none; transition: all 0.2s ease}
.wswHeroCTA:hover, .wswHeroCTA:focus{background-color: #000; color: #fff}
.wswBlackCTA{background-color: #000; color: #fff; padding: 8px 28px; font-size: 18px; margin-top: 20px; border: 1px solid #000; display: inline-block; text-decoration: none; transition: all 0.2s ease;}
.wswBlackCTA:hover, .wswHeroCTA:focus{background-color: #fff; color: #000}

.utwWrapper .utwHeroBanner {max-width: 100%; width: 100%; margin:0; background: rgb(3,12,29); background: linear-gradient(155deg, rgba(3,12,29,1) 44%, rgba(3,12,29,1) 77%, rgba(37,53,79,1) 100%);}
.utwWrapper .utwHeroBanner > div {max-width: 1920px; width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center;}
.utwWrapper .utwHeroBanner > div img.utwBigBanner {max-width: 1920px; width: 100%;}
.utwWrapper .utwHeroBanner > div > div {left: 0; position: absolute; width: 600px;}
.utwWrapper .utwHeroBanner h2 {color:white;}
.utwWrapper .utwHeroBanner p {color:white;}

.utwWrapper .ShowEL {display: block;}
.utwWrapper .ShowMD {display: none;}

@media only screen and (max-width:1950px){
	.utwWrapper .utwHeroBanner > div > div {left: 50px;}
}
@media only screen and (max-width:1720px){
	.utwWrapper .utwHeroBanner > div > div {width: 500px;}
}
@media only screen and (max-width:1350px){
	.utwWrapper .utwHeroBanner > div {padding: 20px 0 0 20px; width: calc(100% - 20px); justify-content: flex-end;}
	.utwWrapper .utwHeroBanner > div > div {left:20px; width: 430px;}
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {width: calc(100% - 0px)}
}
@media only screen and (max-width:1110px){
	.utwWrapper .utwHeroBanner > div > div {left:20px; width: 500px;}
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {width: calc(95% - 0px)}
}
@media only screen and (max-width:1024px){
	.utwWrapper .utwHeroBanner > div > div {left: 0px; padding: 0 20px; width: fit-content;}
	.utwWrapper .ShowEL {display: none;}
	.utwWrapper .ShowMD {display: block;}
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {padding-top: 150px; width: calc(100% - 0px)}
	.utwWrapper .utwHeroBanner > div {padding: 50px 0 0; width: calc(100% - 0px); justify-content: center; align-items: flex-start;}
}
@media only screen and (max-width:600px){
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {padding-top: 200px;}
}
@media only screen and (max-width:460px){
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {padding-top: 280px;}
	.utwWrapper .utwHeroBanner > div {padding: 30px 0 0;}
}
@media only screen and (max-width:380px){
	.utwWrapper .utwHeroBanner > div img.utwBigBanner {padding-top: 310px;}
}

/****************************************************************************/
/****************************************************************************/

.utwWrapper .utwKSP1 {max-width: 1600px; width: 100%; margin:0 auto;}

.omen45L_q2fy22_ksp1 {max-width: 1600px; margin: 0 auto;}
.omen45L_q2fy22_ksp1 .O45L-vid-cover {background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/Upgrade-to-Windows-11-with-HP-Video-bg-25Q4.jpg") no-repeat center/contain; margin: 0 auto; width:100%; height: 600px;}
.omen45L_q2fy22_ksp1 .O45L-vid {display: none; max-width: 1625px; width: 100%; margin: 0 auto;}

.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button {background-image: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/play-w.png"); background-size: contain; width: 5rem; height: 5rem; display: flex; -webkit-box-align:center; align-items: center; -webkit-box-pack:center; justify-content: center; position: relative; top:50%; cursor: pointer; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: .3s ease;}
.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button:hover {width: 6rem; height: 6rem; transition: .3s ease;}
.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button::before {content: ''; display: block;position: absolute; height: 100%; width: 100%; -webkit-transition: -webkit-transition .3s ease; transition: -webkit-transition .3s ease; }
.omen45L_q2fy22_ksp1 img {text-align: center; margin: 0 auto;}

@media only screen and (max-width: 1660px) {
	.utwWrapper .utwKSP1 {width: calc(100% - 100px); padding: 0 50px;}
}
@media only screen and (max-width: 1620px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 560px;}
}
@media only screen and (max-width: 1400px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 500px;}
}
@media only screen and (max-width: 1350px) {
	.utwWrapper .utwKSP1 {width: calc(100% - 0px); padding: 0 20px;}
}
@media only screen and (max-width: 1240px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 435px;}
}
@media only screen and (max-width: 1024px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 380px;}
}
@media only screen and (max-width: 930px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 350px;}
}
@media only screen and (max-width: 840px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 305px;}
}
@media only screen and (max-width: 769px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 280px;}
	.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button {width: 3.5rem; height: 3.5rem;}
	.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button:hover {width: 4.5rem; height: 4.5rem;}
	.omen45L_q2fy22_ksp1 {padding:0;}
}
@media only screen and (max-width: 721px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 265px;}
}
@media only screen and (max-width: 667px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 240px;}
}
@media only screen and (max-width: 540px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 195px;}
	.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button {width: 3rem; height: 3rem;}
	.omen45L_q2fy22_ksp1 .O45L-vid-cover .O45L-play-button:hover {width: 4rem; height: 4rem;}
}
@media only screen and (max-width: 500px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 240px; background-size: cover;}
}
@media only screen and (max-width: 400px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 200px;}
}
@media only screen and (max-width: 370px) {
	.omen45L_q2fy22_ksp1 .O45L-vid-cover {height: 180px;}
}

/****************************************************************************/
/****************************************************************************/


.utwWrapper .utwKSP2 {max-width: 1600px; width: 100%; margin:0 auto;}
.ProductName-QrtFY-kspXXX .MainSection {max-width: 1600px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProductName-QrtFY-kspXXX .MainSection > div {width: calc(25% - 30px); margin: 10px auto; display: flex; align-self: flex-start; padding: 0 10px; align-items: center; min-height: 120px;}
.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 100px; margin-right: 5px;}
.ProductName-QrtFY-kspXXX .MainSection p{font-size: 24px; line-height: 28px; margin: 0;}

@media only screen and (max-width: 1660px) {
	.utwWrapper .utwKSP2 {width: calc(100% - 100px); padding: 0 50px;}
}
@media screen and (max-width:1400px){
	.ProductName-QrtFY-kspXXX .MainSection > div {width: calc(50% - 30px);}
}
@media only screen and (max-width: 1350px) {
	.utwWrapper .utwKSP2 {width: calc(100% - 0px); padding: 0 20px;}
}
@media screen and (max-width:1024px){
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 90px;}
}
@media screen and (max-width:970px){
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 80px;}
}
@media screen and (max-width:840px){
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 70px;}
}
@media screen and (max-width:767px){
	.ProductName-QrtFY-kspXXX .MainSection > div {width: calc(100% - 0px); padding: 0; margin: 0;}
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 100px; margin-right: 15px;}
}
@media screen and (max-width:570px){
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 80px;}
}
@media screen and (max-width:520px){
	.ProductName-QrtFY-kspXXX .MainSection > div br {display: none;}
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 80px;}
}
@media screen and (max-width:395px){
	.ProductName-QrtFY-kspXXX .MainSection img.MainIcons {max-width: 60px;}
	.ProductName-QrtFY-kspXXX .MainSection > div {min-height: 80px;}
	.ProductName-QrtFY-kspXXX .MainSection p{font-size: 18px; line-height: 22px;}
}

/****************************************************************************/
/****************************************************************************/

.utwWrapper .utwKSP3 {max-width: 100%; width: 100%; margin:0 auto; background: #e6e6e6;}
.utwWrapper .utwKSP3 .utwCouponCnt {max-width: 1600px; width: 100%; margin:35px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}

/* COUPON ACTIVE - COUPON BLACK BOX ENABLED*/ .utwWrapper .utwKSP3 .utwCouponCnt > div:first-child {width: calc(30% - 8px); padding: 20px 30px 20px 20px; background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/coupon-corner-right.png") repeat-y right top, linear-gradient(160deg, rgba(0,0,0,1) 45%, rgba(24,24,24,1) 55%); }/*black GRADIENT*/
/* .utwWrapper .utwKSP3 .utwCouponCnt > div:first-child {width: calc(30% - 50px); padding: 20px; background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/coupon-corner-right.png") repeat-y right top, linear-gradient(160deg, rgba(7,16,33,1) 20%, rgba(36,123,238,1) 80%); }/*COLOR GRADIENT*/

/* COUPON ACTIVE - COUPON BLACK BOX ENABLED*/ .utwWrapper .utwKSP3 .utwCouponCnt > div:last-child {width: calc(70% - 8px); background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/coupon-corner-left.png") repeat-y left top, rgba(255,255,255,1); padding: 20px 20px 20px 30px}

/* TO ACTIVATE WHEN ABOVE STYLE IS DISABLED */  .utwWrapper .utwKSP3 .utwCouponCnt > div.NOCOUPON {width: calc(100% - 20px); margin: 0 auto; background:white; padding: 20px 20px 20px 20px}

.utwWrapper .utwKSP3 .utwCouponCnt > div:first-child h4 {color: white;}
.utwWrapper .utwKSP3 .utwCouponCnt > div:last-child h4 {color: black;}
.utwWrapper .utwKSP3 .utwCouponCnt > div p.utwTandC {color: white; font-size: 95%; cursor: pointer;}
.utwWrapper .utwKSP3 .utwCouponCnt > div p:hover.utwTandC {color: #e6e6e6; text-decoration: underline;}

@media screen and (max-width:1660px){
	.utwWrapper .utwKSP3 .utwCouponCnt {width: calc(100% - 80px); padding: 0 40px;}
	.wswProdCont .wswProds{width: calc(100% - 80px); padding: 0 40px;}
}
@media screen and (max-width:1350px){
	.utwWrapper .utwKSP3 .utwCouponCnt {width: calc(100% - 0px); padding: 0 20px;}
	.wswProdCont .wswProds{width: calc(100% - 20px); padding: 0 10px;}
}
@media screen and (max-width:768px){
	.utwWrapper .utwKSP3 .utwCouponCnt > div:first-child {width: calc(100% - 0px); background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/coupon-corner-bottom.png") repeat-x center bottom, linear-gradient(160deg, rgba(0,0,0,1) 45%, rgba(24,24,24,1) 55%);}
	.utwWrapper .utwKSP3 .utwCouponCnt > div:last-child {width: calc(100% - 0px); background: url("/wcsstore/hpusstore/Treatment/cvPages/FY24-Q4-UpgradeToWin11/coupon-corner-top.png") repeat-x center top, rgba(255,255,255,1); padding: 30px 20px 20px; margin-top: 10px;}
	.utwWrapper .utwKSP3 .utwCouponCnt > div.NOCOUPON {width: calc(100% - 20px); background: white!important; padding: 30px 20px 20px;}
}
@media screen and (max-width:668px){
	.wswViewallProds{flex-wrap: wrap;}
}



/* The Modal (background) */
.utwWrapper .utwKSP3 .utwModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 150px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.utwWrapper .utwKSP3 .utwModal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 40px;
  border: 1px solid #888;
  width: 80%;
  max-width: 1400px;
}

/* The Close Button */
.utwWrapper .utwKSP3 .utwModalClose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.utwWrapper .utwKSP3 .utwModalClose:hover,
.utwWrapper .utwKSP3 .utwModalClose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* The Modal (background) */
.utwWrapper .utwKSP3 .utwModalComm {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 150px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.utwWrapper .utwKSP3 .utwModal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 40px;
  border: 1px solid #888;
  width: 80%;
  max-width: 1400px;
}

/* The Close Button */
.utwWrapper .utwKSP3 .utwModalCommClose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.utwWrapper .utwKSP3 .utwModalCommClose:hover,
.utwWrapper .utwKSP3 .utwModalCommClose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*	Products*/
	.wswViewallProds{max-width: 1600px; width: 100%; margin: 0 auto; display: flex; justify-content: center;}
	.wswViewallProds a.wswHeroCTA{margin: 20px 10px 0;padding: 15px 35px; text-align: center; min-width: 205px;}
	.hpWinlogoCont{max-width: 100%; margin:0; padding: 25px 0; background-color: #000; text-align: center;}
	.hpWinlogoCont img{margin:0 auto;}
	.wswProdCont{max-width: 1920px; margin:0 auto;}
	.wswProdCont .insidePadd{padding: 25px 0}
	.wswProdCont .wswProds{display: flex; flex-wrap: wrap; max-width: 1600px; margin: auto}
	.wswProdCont .wswProds > div{background-color: #fff; width: calc(20% - 20px); margin: 10px; position: relative}
	.wswProdCont .wswProds > div.CommPT{background-color: #fff; width: calc(25% - 20px); margin: 10px; position: relative}
	.wswProdCont .wswProds > div.prodTitles h2{font-size: 38px; line-height: 42px; padding: 20px; margin: 0; border-bottom: 1px solid #000}
	.wswProdCont .wswProds > div.prodTitles p{font-size: 18px; line-height: 24px; padding: 20px; margin: 0}
	.wswProdCont .wswProds > div .wswimgBox{background-color: #e6e6e6; text-align: center; padding: 15px; margin: 5px}
	.wswProdCont .wswProds > div .wswimgBox img{display: inline-block; vertical-align: middle; max-width: 100%;}
	.wswProdCont .wswProds > div h3{font-size: 20px; line-height: 24px; padding: 10px 15px; margin: 0 5px 5px!important; background-color: #000; color: #fff}
	.wswProdCont .wswProds > div p{font-size: 16px; line-height: 22px; padding: 10px 15px 80px; margin: 0; text-wrap:pretty;}
	
	.wswProdCont .wswProds .ProductFam {width: 100%; padding: 20px; margin: 10px; font-size: 26px; line-height: 22px; background: #000; text-align: center; color:#fff;}

	.wswProdCont .wswProds > .wswProds2C {background-color: transparent; width: 50%; margin: 10px 0; display: flex; flex-wrap: wrap;}
	.wswProdCont .wswProds > .wswProds2C > div.ProductFam {width: 100%; padding: 20px; margin: 10px; font-size: 26px; line-height: 22px; background: #000; text-align: center; color:#fff;}
	.wswProdCont .wswProds > .wswProds2C > div{background-color: #fff; width: calc(50% - 20px); margin: 10px; position: relative}
	.wswProdCont .wswProds > .wswProds2C > div.prodTitles h2{font-size: 38px; line-height: 42px; padding: 20px; margin: 0; border-bottom: 1px solid #000}
	.wswProdCont .wswProds > .wswProds2C > div.prodTitles p{font-size: 18px; line-height: 24px; padding: 20px; margin: 0}
	.wswProdCont .wswProds > .wswProds2C > div .wswimgBox{background-color: #e6e6e6; text-align: center; padding: 15px; margin: 5px}
	.wswProdCont .wswProds > .wswProds2C > div .wswimgBox img{display: inline-block; vertical-align: middle; max-width: 100%;}
	.wswProdCont .wswProds > .wswProds2C > div h3{font-size: 20px; line-height: 24px; padding: 10px 15px; margin: 0 5px 5px!important; background-color: #000; color: #fff}
	.wswProdCont .wswProds > .wswProds2C > div p{font-size: 16px; line-height: 22px; padding: 10px 15px 80px; margin: 0; text-wrap:pretty;}
/*	.wswProdCont .wswProds > div a.wswBlackCTA{position: absolute; left: 20px; bottom: 20px}*/
	
	.wswPriceCta{position: absolute; left: 20px; bottom: 10px; right: 20px;display: flex; justify-content: space-between; align-items: center;}
	.dProdPrice{}
	.standard_price._36 .price_amount{font-size: 1.5em;}
	@media screen and (-webkit-min-device-pixel-ratio: 0){
		.standard_price._36 .price_amount sup {top: 8px;font-size: inherit;}
	}
	.standard_price._36 .price_info{margin-left: 0}
	.wswProdCont .wswProds > div a{margin-top: 0}
	.standard_price .price_amount{color: #000}
	
	.wswProdCont .wswProdScroll{padding: 0}
	
	.wswspectable{display: flex; flex-wrap: wrap; justify-content: space-between;  border-bottom: 1px solid #bcbcbc}
	.wswspectable:last-child{border: none}
	.wswspectable > div{width: calc(24% - 20px); padding: 10px 0;}
	.wswspectable > div:first-child{font-weight: bold}

	.intelEVOSeolink{font-size: 16px; font-weight: 600; text-decoration: none; color: #000; position: relative;}
	.intelEVOSeolink::after{content: ""; position: absolute; top: 3px; margin-left: 10px; width: 7px; height: 7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg);}
	.intelEVOSeolink.iiDiscOpen::after{transform: rotate(225deg); top: 7px}

	
	.wswFaqsCont{max-width: 1625px; margin: 30px auto}
	.wswFaqs{border-bottom: 1px solid #d0d0d0;}
	.wswFaqs:first-child{border-top: 1px solid #d0d0d0;}
	.faqanswer {display: none;}
	.faqanswer p{padding: 0 20px 20px; margin: 0; font-size: 18px; line-height: 24px;}
	.faqanswer ul li {list-style: disc; margin-inline-start:40px; font-size: 18px; line-height: 24px;}
	.togglefaq {text-decoration: none; color: #000!important; padding: 15px 20px; display: block; position: relative}
	.togglefaq .icon-plus{position: absolute; right: 10px; top: 33%; transform: rotate(180deg); transition: transform 0.2s ease}
	.togglefaq.active .icon-plus{transform: rotate(0deg)}
	
	.wswDisclaimer{max-width: 1545px; margin: 50px auto ; background-color: #f4f4f4; padding: 40px}
	.wswDisclaimer h3{margin: 0; padding: 0; font-size: 18px}
	.wswDisclaimer ol{margin: 20px 0 0 15px; padding: 0}
	.wswDisclaimer li{margin-bottom: 10px; font-size: 14px; line-height: 18px;list-style: decimal}
	
	@media only screen and (max-width:1240px){
		.wswHeroBan .wswCopy h1{font-size: 52px; line-height: 56px; padding: 10px 30px}
		.wswHeroBan .wswCopy p{font-size: 20px; line-height: 26px; padding: 30px}
		.wswSecHead h2{font-size: 42px; line-height: 46px;margin-bottom: 10px!important}
		.wswSecHead p{font-size: 18px; line-height: 24px;}
		.wswHeroBan .wswImg img{min-height: 450px}
		.wswWaterfallCont .wswWfText > div{max-width: 100%; width: 100%; padding: 20px}
		
		.wswProdCont .wswProds > .wswProds2C {align-content: flex-start;}
		.wswProdCont .wswProds > .wswProds2C > div.ProductFam {max-height: fit-content;}
		.wswProdCont .wswProds > .wswProds2C > div {max-height: 100%;}
		
	}
	@media only screen and (max-width:1100px){
		.wswProdCont .wswProds > div.prodTitles{width: calc(100% - 20px);}
		.wswProdCont .wswProds > div.prodTitles h2{font-size: 32px; line-height: 36px; padding: 15px;}
		.wswProdCont .wswProds > div.prodTitles p{font-size: 16px; line-height: 22px; padding: 15px;}
		.wswProdCont .wswProds > div{width: calc(33.33% - 20px);}
		.wswProdCont .wswProds > div.CommPT{width: calc(50% - 20px);}
		.wswProdCont .wswProds > div .wswimgBox{background-color: #e6e6e6; text-align: center; padding: 15px; margin: 5px}
		.wswProdCont .wswProds > div h3{font-size: 20px; line-height: 24px; padding: 10px;}
		.wswProdCont .wswProds > div p{padding: 10px 15px 70px; font-size: 14px; line-height: 20px}
		.wswProdCont .wswProds > div a.wswBlackCTA{left: 15px; bottom: 15px; font-size: 16px; padding: 6px 20px}
		
		.wswspectable{border: none}
		.wswspectable > div{width: calc(33.33% - 20px); font-size: 14px}
		.wswspectable > div:first-child{width: 100%; border-bottom: 1px solid #ccc; padding: 5px 0; font-size: 15px; font-weight: bold}
		
		.wswProdCont .wswProds > .wswProds2C {width:100%;}
		}
		
	@media only screen and (max-width:1023px){
		.wswWaterfallCont .wswWfText h2{font-size: 28px; line-height: 32px;}
		.wswWaterfallCont .wswWfText p, .wswWaterfallCont .wswWfText li{font-size: 16px; line-height: 22px; }
		
		.wswDisclaimer{padding: 20px}
		
		.wswBlackCTA, .wswHeroCTA{font-size: 16px; padding: 6px 20px}
	}
	
	@media only screen and (max-width:767px){
		.wswHeroBan .wswCopy p{font-size: 18px; line-height: 24px; padding:15px 20px 20px; max-width: inherit}
		.wswSecHead{margin:30px auto 0;}
		.wswVideoBan{margin: 0 auto 30px;}
		.wswSecHead h2{font-size: 32px; line-height: 36px;}
		.wswSecHead p{font-size: 16px; line-height: 22px;}
		.wswHeroBan .wswImg img{width: 100%; height: auto; min-height: inherit}
		.wswHeroBan .wswImg, .wswHeroBan .wswCopy{width: 100%!important;}
		.wswvideoImg{object-fit: cover; min-height: 300px}
		.wswplayCta{height: 60px; width: 60px; left: calc(50% - 30px); top: calc(50% - 30px);}
		
		.wswProdCont .wswProds > div.prodTitles{display: none}
		.wswProdCont .wswProdScroll{margin: 0; padding-bottom: 0px}
		.wswProdCont .wswProds{width: calc(100% - 30px)}
		.wswProdCont .insidePadd{padding: 20px 0;}
		.wswProdCont .wswProds > div {margin: 5px 10px; width: calc(50% - 20px);}
		.wswProdCont .wswProds > div:nth-child(3){margin: 5px 10px;}
		.wswProdCont .wswProds > div h3 span{display: none}
	}

	@media only screen and (max-width:500px){
		.wswProdCont .wswProds > div {margin: 5px 10px; width: calc(100% - 20px);}
		.wswProdCont .wswProds > div.CommPT{width: calc(100% - 20px);}
		.wswProdCont .wswProds > .wswProds2C > div {width: calc(100% - 20px)}
	}
	@media screen and (max-width:400px){
		.wswViewallProds a.wswHeroCTA{margin: 10px 0; min-width: 260px; max-width: 300px;}
	}


.utwWrapper .utwKSP4 {max-width: 1600px; width: 100%; margin:0 auto;}
.utwWrapper .utwKSP4 > div {width: 100%; margin:0; display: flex; flex-wrap: wrap; gap: 20px;}
.utwWrapper .utwKSP4 > div img {width: 100%;}
.utwWrapper .utwKSP4 > div > div {display: flex; flex-wrap: wrap; gap: 20px;}
.utwWrapper .utwKSP4 > div > div > div {padding: 20px; border: 1px solid #181818;}
.utwWrapper .utwKSP4 > div > div.ksp4LGcont {width: calc(60% - 10px);}
.utwWrapper .utwKSP4 > div > div.ksp4SMcont {width: calc(40% - 10px);}

@media screen and (max-width:1660px){
	.utwWrapper .utwKSP4 {width: calc(100% - 100px); padding: 0 50px;}
}
@media screen and (max-width:1350px){
	.utwWrapper .utwKSP4 {width: calc(100% - 0px); padding: 0 20px;}
}
@media screen and (max-width:930px){
	.utwWrapper .utwKSP4 > div > div.ksp4LGcont {width: calc(100% - 0px);}
	.utwWrapper .utwKSP4 > div > div.ksp4SMcont {width: calc(100% - 0px);}
}

.utwWrapper .utwKSP5 {max-width: 1600px; width: 100%; margin:0 auto;}
.wswWaterfallCont{max-width: 1600px; margin:0 auto;}
.wswWaterfallCont .wswWfBan{display: flex; flex-wrap: wrap; background-color: #000}
.wswWaterfallCont .wswWfBan.revWrap{flex-wrap: wrap-reverse}
.wswWaterfallCont .wswWfBan > div{width: 50%}
.wswWaterfallCont .wswWfText{display: flex; justify-content: center; align-items: center}
.wswWaterfallCont .wswWfText > div{max-width: 80%;}
.wswWaterfallCont .wswWfText h4 {color: white;}
.wswWaterfallCont .wswWfText p {color: white;}
.wswWaterfallCont .wswWfBan img {width: 100%; object-fit: cover; height: 100%}
	
.wswWaterfallCont .wswWfText ul{margin: 15px 0 0; padding: 0; list-style: none}
.wswWaterfallCont .wswWfText li{color:white; font-size: 18px; line-height: 24px; padding: 10px 0; margin: 0; border-bottom: 1px solid #666 }
.wswWaterfallCont .wswWfText li:last-child{border: none}

@media screen and (max-width:1660px){
	.utwWrapper .utwKSP5 {width: calc(100% - 100px); padding: 0 50px;}
}
@media screen and (max-width:1350px){
	.utwWrapper .utwKSP5 {width: calc(100% - 0px); padding: 0 20px;}
	.wswWaterfallCont .wswWfText > div{max-width: 90%;}
}
@media only screen and (max-width:1024px){
	.wswWaterfallCont .wswWfBan > div{width: 100%}
	.wswWaterfallCont .wswWfText > div{max-width: 100%;}
}

.utwWrapper .utwKSP6 {max-width: 1600px; width: 100%; margin:0 auto;}

@media screen and (max-width:1660px){
	.utwWrapper .utwKSP6 {width: calc(100% - 100px); padding: 0 50px;}
}
@media screen and (max-width:1350px){
	.utwWrapper .utwKSP6 {width: calc(100% - 0px); padding: 0 20px;}
}

.utwWrapper .utwKSP7 {max-width: 1600px; width: 100%; margin:0 auto;}

/*.wsWrapper h1, .wsWrapper h2, .wsWrapper h3, .wsWrapper p, .wsWrapper li, .wsWrapper div {font-family: FormaDjrMicro!important;}*/
html{scroll-behavior: smooth;}

.wswSecHead{max-width: 1230px; margin:50px auto 0; padding: 0 20px}
.wswSecHead.wideCont{max-width: 1600px;}


.copilotFAQs {max-width: 1600px; margin:0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between}
.copilotFAQs > div{width: calc(100% - 0px); margin:5px 0;}
.copilotFAQs > div:first-child{margin-top:20px;}
.copilotFAQs > div h3{font-size: 32px; line-height: 36px; padding: 10px 0 5px 0; margin: 0; color: #000;}
.copilotFAQs > div p{font-size: 18px; line-height: 24px; padding: 5px 0; margin: 0}
.copilotFAQs > div li{font-size: 18px; line-height: 24px;}
.copilotFAQs > div a{font-size: 18px; line-height: 24px; color: #000; text-decoration-line: underline; text-decoration-color: #333;}
.copilotFAQs > div a:hover{background-color: #dfdfdf;}

@media only screen and (max-width:1024px){
	.copilotFAQs > div p{font-size: 16px; line-height: 22px;}
	.copilotFAQs > div li{font-size: 16px; line-height: 22px;}
	.copilotFAQs > div a{font-size: 16px; line-height: 22px;}
}
@media only screen and (max-width:768px){
	.copilotFAQs > div h3{font-size: 24px; line-height: 28px;}
	.copilotFAQs > div p{font-size: 15px; line-height: 18px;}
	.copilotFAQs > div li{font-size: 15px; line-height: 18px;}
	.copilotFAQs > div a{font-size: 15px; line-height: 18px;}
	.copilotFAQs > div ul{padding-inline-start: 30px;}
}
@media only screen and (max-width:560px){
	.copilotFAQs > div ul{padding-inline-start: 20px;}
	.copilotFAQs > div h3{font-size: 22px; line-height: 26px;}
	.copilotFAQs > div p{font-size: 14px; line-height: 18px;}
	.copilotFAQs > div li{font-size: 14px; line-height: 18px;}
	.copilotFAQs > div a{font-size: 14px; line-height: 18px;}
}

.copilotFD {max-width: 1600px; margin:50px auto; background-color: #efefef; padding: 20px;}
.copilotFD > div h3 {margin: 0 0 15px!important; font-size: 16px; line-height: 20px;}
.copilotFD > div p {margin: 0 0 10px; font-size: 12px; line-height: 14px;}
.copilotFD > div ul {font-size: 12px; line-height: 14px;}
.copilotFD > div ul li {font-size: 12px; line-height: 14px; list-style: decimal; margin-inline-start:10px; margin-bottom: 5px;}
.copilotFD > div a {font-size: 12px; line-height: 14px; color: #000; text-decoration-line: underline; text-decoration-color: #333;}
.copilotFD > div a:hover{background-color: #dfdfdf;}

@media only screen and (max-width:767px){
	.wswSecHead{margin:30px auto 0;}
	.wswSecHead h2{font-size: 32px; line-height: 36px;}
	.wswSecHead p{font-size: 16px; line-height: 22px;}
}