.fv5 {font-family:FormaDJRMicro,-apple-system,BlinkMacSystemFont,sans-serif; max-width:100%;}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 p, .fv5 a {font-family:FormaDJRMicro,-apple-system,BlinkMacSystemFont,sans-serif!important; line-height: normal;}

.fv5.row .breadcrumb-menu{width:100%;background-color:#222222;}
.fv5.row .breadcrumb-menu ul.breadcrumb {padding: 10px ; list-style: none; width:75em; margin:auto;}
.fv5.row .breadcrumb-menu ul.breadcrumb li{display: inline; font-size: 14px; color:white;}
.fv5.row .breadcrumb-menu ul.breadcrumb li+li:before {padding: 8px; color: white; content: "/\00a0";}
.fv5.row .breadcrumb-menu ul.breadcrumb li a {text-decoration: none; color:white;}
.fv5.row .breadcrumb-menu ul.breadcrumb li a:hover {text-decoration: underline;}

.fv5.row .espHB {display:flex; align-items: flex-end; max-width: 1920px; width: 100%; background: url(/wcsstore/hpusstore/Treatment/cvPages/FY24-espanol/hp-store-espanol-hero-banner.jpg) center/cover no-repeat; height: 600px; margin: 0 auto;}
.fv5.row .espHB .contentTitle {background-color: rgba(0,0,0,0.5); width: 100%; border-top: 1px solid white; height: 100px; display: flex; align-items: center; }
.fv5.row .espHB .contentTitle .wrapTitle {max-width: 1200px; width: 100%; margin: 0 auto;}
.fv5.row .espHB .contentTitle h1 {color:white!important;font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem)!important;/*font size 30-60*/ line-height: clamp(2.125rem, 1.8rem + 1.625vw, 3.75rem)!important;/*line-height 34-60*/ margin: 0!important; font-weight: 400!important;}

.fv5.row .espContentWrap {max-width: 1200px; width: 100%; margin: 50px auto;}
.fv5.row .espContentWrap .espSubtitle {max-width: 1100px; width: 100%; margin: 0 auto; border-bottom: 5px solid #98c6fa;}
.fv5.row .espContentWrap .espSubtitle h2 {margin: 0 5px 5px 5px; font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);/*20-26*/ line-height: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);/*24-30*/}
.fv5.row .espContentWrap .espContentGral {margin-top: 25px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.fv5.row .espContentWrap .espContentGral p {margin: 20px 0 0; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);/*FONT SIZE MIN 16px - MAX 20px*/ line-height: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);/*LINE HEIGHT MIN 20px - MAX 24px*/}
.fv5.row .espContentWrap .espContentGral p:first-child {margin-top: 0;}
.fv5.row .espContentWrap .espContentGral > div {width: calc(32% - 40px); padding: 20px;}
.fv5.row .espContentWrap .espContentGral > div.mainClr {background-color: #98c6fa;}
.fv5.row .espContentWrap .espContentGral > div.secondClr {background-color: #e6e6e6;}
.fv5.row .espContentWrap .espContentGral > div.mainLn {border: 1px solid black;}
.fv5.row .espContentWrap .espContentGral > div.wtChild {width: 32%; padding: 0; display: flex; flex-direction: column; justify-content: space-between;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div {width: calc(100% - 40px); padding: 20px;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div:first-child {border: 1px solid black;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div:first-child > div {display: flex; align-items: center;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div:first-child > div a.espSimpleA {color: #165dba; text-decoration: none; border:none; background: none; padding: 0; margin: 0;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div:first-child > div a.espSimpleA:hover {text-decoration: underline;}
.fv5.row .espContentWrap .espContentGral > div.wtChild > div:last-child {background-color: #e6e6e6; margin-top: 25px;}
.fv5.row .espContentWrap .espContentGral .infoBox { max-width: 85%; margin: 30px auto; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);/*FONT SIZE MIN 16px - MAX 20px*/ line-height: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);/*LINE HEIGHT MIN 20px - MAX 24px*/}
.fv5.row .espContentWrap .espContentGral .infoBox .topHead {background-color: #98c6fa; border-radius: 8px 8px 0 0; text-align: center; padding: 10px; }
.fv5.row .espContentWrap .espContentGral .infoBox .bottomContent {background-color: #e6e6e6; color: #165dba; border-radius: 0 0 8px 8px; text-align: center; padding: 10px;}
.fv5.row .espContentWrap .espContentGral .infoBox .bottomContent span {color:black; font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);/*FONT SIZE MIN 12px - MAX 16px*/ line-height: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);/*LINE HEIGHT MIN 16px - MAX 20px*/}
.fv5.row .espContentWrap .espContentGral a {color:black; background-color:white; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); line-height: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); border: 1px solid black; margin-top: 5px; padding: 10px 18px; display: inline-block; transition: ease 0.2s;}
.fv5.row .espContentWrap .espContentGral a:hover {color:white; background-color:black; border: 1px solid white; transition: ease 0.2s;}

.fv5.row .espContentWrap .espSEOadditionCB {margin: 50px auto; width: calc(100% - 0px); padding: 0 20px;}
.fv5.row .espContentWrap .espSEOadditionCB button.EspCollapsible {background: none; color: #165dba; cursor: pointer; padding: 20px 0; width: 100%; text-align: left; outline: none; font-size: 14px; border: none;}
.fv5.row .espContentWrap .espSEOadditionCB .active, .fv5.row .espContentWrap .espSEOadditionCB button.EspCollapsible:hover {background-color:none; color: #006699;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent {padding: 0; display: none; overflow: hidden; background-color: #fff;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent h2 {font-size: 20px; line-height: 20px;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent h3 {font-size: 18px; line-height: 18px;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent p {font-size: 14px; line-height: 16px;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent ul li {margin-inline-start:20px; list-style: disc; font-size: 14px; line-height: 16px;}
.fv5.row .espContentWrap .espSEOadditionCB .Espcontent li {list-style: inside;}

.fv5.row .espContentWrap .espSEOadditionCB .icon-plus{position: absolute; right: 10px; top: 33%; transform: rotate(180deg); transition: transform 0.2s ease}
.fv5.row .espContentWrap .espSEOadditionCB .active .icon-plus{transform: rotate(0deg)}


@media (max-width: 1300px) {
	.fv5.row .espHB .contentTitle .wrapTitle {padding: 0 20px;}
}
@media (max-width: 1200px) { 
  .fv5.row .content{padding:0!important;}
  .fv5.row .content h1{font-size:42px;font-weight:400;}
  .fv5.row .breadcrumb-menu ul.breadcrumb {width:100%;}
	.fv5.row .espContentWrap .espSubtitle {margin: 0 20px; max-width: 100%; width: calc(100% - 40px);}
	.fv5.row .espContentWrap .espSubtitle h2 {margin: 0 0 5px 0;}
}
@media (max-width: 1024px) { 
	.fv5.row {padding:0!important;}
	.fv5.row .espHB {height: 400px;}
}
@media (max-width: 800px) {
	.fv5.row {padding:0!important;width:100%!important;}
	.fv5.row .espHB {height: 500px; background: url(/wcsstore/hpusstore/Treatment/cvPages/FY24-espanol/hp-store-espanol-hero-banner-mb.jpg) cover no-repeat;}
	.fv5.row .espContentWrap .espContentGral {justify-content: space-around;}
	.fv5.row .espContentWrap .espContentGral > div {width: calc(49% - 40px); padding: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild {width: 49%;}
	.fv5.row .espContentWrap .espContentGral > div:first-child {width: calc(100% - 40px); padding: 20px; margin-bottom: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild > div {width: calc(100% - 10px); padding: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild > div:last-child {margin-top: 15px;}
}
@media (max-width: 600px) {
	.fv5.row .espContentWrap .espContentGral > div {width: calc(100% - 40px); padding: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild {width: 100%; margin-top: 20px; align-items: center}
	.fv5.row .espContentWrap .espContentGral > div:first-child {width: calc(100% - 40px); padding: 20px; margin-bottom: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild > div:last-child {margin-top: 20px;}
	.fv5.row .espContentWrap .espContentGral > div.wtChild > div {width: calc(100% - 40px); padding: 20px;}
}
@media (max-width: 500px) {
	.fv5.row .espHB {height: 350px; background: url(/wcsstore/hpusstore/Treatment/cvPages/FY24-espanol/hp-store-espanol-hero-banner-mb.jpg);}
}