.hotpoint-header-inner{display:flex;align-items:center;padding:20px 60px;background-color: #101616;justify-content: space-between;}
.hotpoint-nav>ul{display:flex;flex:1 0 0;gap: 4%;}
.hotpoint-header-outer{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1; margin-bottom: 30px;}
.hotpoint-logo{margin-right:50px}
.hotpoint-header-inner .hotpoint-nav>ul>li{cursor:pointer}
.hotpoint-nav>ul>li{padding:12px 30px}
.hotpoint-logo h2{font-weight: 700 !important;}
.hotpoint-logo h2, .hotpoint-header-inner .hotpoint-nav>ul>li p{font-size:1.75em;line-height:1em;font-weight:500;color:#fff;margin:0}
.hotpoint-sub-nav{display:none;position:absolute;background:#fff;padding:12px;width:250px;left:0;top:100%;box-shadow:0 4px 10px rgba(0,0,0,.5);transition:all .2s;-webkit-animation:hotpoint-nav-active .3s;-moz-animation:hotpoint-nav-active .3s;-o-animation:hotpoint-nav-active .3s;animation:hotpoint-nav-active .3s}
.hotpoint-nav-active .hotpoint-sub-nav{display:block;}
.hotpoint-nav-active p{color:#b24c24 !important}
.hotpoint-sub-nav li{margin-bottom:5px}
.hotpoint-sub-nav li a{font-weight:400;font-size:1em;line-height:1em;color:#000;display:block;cursor:pointer;background:#fff;padding:8px 12px;text-decoration:none}
.hotpoint-header-inner .hotpoint-nav ul li a:hover{color:#b24c24}
.hotpoint-font-white.hotpoint-sub-font{margin-bottom: 20px;}
.hotpoint-banner-outer-mob,.hotpoint-warranty-icon-mob{display: none;}
.hotpoint-banner-outer{display: block;}
@-webkit-keyframes hotpoint-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@-moz-keyframes hotpoint-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@-o-keyframes hotpoint-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@keyframes hotpoint-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
.hotpoint-mobile-menu-btn{top:9px;right:30px;width:32px;height:32px;display:none;cursor:pointer}
.hotpoint-mobile-menu-icon{height:3px;width:32px;top:10px;background-color:#fff;position:absolute;transition:all .3s}
.hotpoint-mobile-menu-icon:before{content:"";left:0;position:absolute;top:-10px;height:3px;width:32px;background-color:#fff;transition-duration:.5s}
.hotpoint-mobile-menu-icon:after{content:"";left:0;position:absolute;top:10px;height:3px;width:32px;background-color:#fff;transition-duration:.5s}
.hotpoint-menu-open .hotpoint-mobile-menu-icon{background:0 0}
.hotpoint-banner-inner{display: flex;background:url("https://hnie.blob.core.windows.net/hnie-assets/brand-pages/hotpoint/images/HeroBanner.png") no-repeat center center/cover; border-radius: 35px;;}
.hotpoint-menu-open .hotpoint-mobile-menu-icon:before{transform:rotate(45deg);top:0}
.hotpoint-menu-open .hotpoint-mobile-menu-icon:after{transform:rotate(-45deg);top:0}
.hotpoint-banner-outer{margin-bottom:40px}
.hotpoint-banner-content-outer{padding:60px;max-width:450px;border-top-left-radius: 35px;border-bottom-left-radius: 35px;background: linear-gradient(to bottom right, #ff8a00, #b24c24);}
.hotpoint-6th-sense-logo{right:40px;top:40px}
.hotpoint-banner-logo{right:40px;bottom:20px}
.hotpoint-banner-outer{border-radius: 35px;}
.hotpoint-cat-outer{margin-bottom:40px}
.hotpoint-cat-inner{display:flex;min-height:450px}
.hotpoint-cat-content-outer{flex-basis:50%;padding:40px 60px;display:flex;align-items:center}
.hotpoint-blurb{margin-bottom:40px}
.hotpoint-cat-banner-outer{flex-basis:50%;padding:30px;display:flex}
.hotpoint-cat-banner-inner{max-width:350px}
.hotpoint-cat-banner-inner,.hotpoint-cat-content-inner{display:flex;flex-direction:column;}
.hotpoint-cat-banner-inner{background: linear-gradient(to bottom right, #ff8a00, #b24c24);opacity: 0.9;border-radius: 10px;padding: 20px;}
.hotpoint-laundry-outer .hotpoint-cat-banner-outer{background:url("https://hnie.blob.core.windows.net/hnie-assets/brand-pages/hotpoint/images/LAUNDRY.png") no-repeat center center/cover; border-top-right-radius: 35px; border-bottom-right-radius: 35px; }
.hotpoint-dishwashers-outer .hotpoint-cat-banner-outer{background:url("https://hnie.blob.core.windows.net/hnie-assets/brand-pages/hotpoint/images/COOKING.png") no-repeat center center/cover; border-top-left-radius: 35px; border-bottom-left-radius: 35px; }
.hotpoint-cooking-outer .hotpoint-cat-banner-outer{background:url("https://hnie.blob.core.windows.net/hnie-assets/brand-pages/hotpoint/images/REFRIGERATION.png") no-repeat center center/cover; border-top-right-radius: 35px; border-bottom-right-radius: 35px; }
.hotpoint-cat-banner-outer .hotpoint-play-button{margin:0;left:auto;top:auto;width:auto;height:auto;right:20px;bottom:20px}
.hotpoint-cat-banner-outer .hotpoint-btn,.hotpoint-terms{margin-top:auto}
.hotpoint-btn-terms{margin-bottom:40px}
.hotpoint-dishwashers-outer .hotpoint-cat-content-outer,.hotpoint-refrigeration-outer .hotpoint-cat-content-outer{order:1}
.hotpoint-warranty-outer{background:#decdbe;display:flex; border-radius: 35px;}
.hotpoint-warranty-inner{padding:40px 60px;display:flex;align-items:center;justify-content:center}
.hotpoint-warranty-inner .hotpoint-blurb{margin-bottom:0}
.hotpoint-warranty-inner .hotpoint-cat-content-outer{flex-basis:100%;padding:0}
.hotpoint-warranty-inner .hotpoint-warranty-icon{margin-right:60px}
.hotpoint-banner-content-inner h2,.hotpoint-cat-content-inner h2{font-size:1.85em;line-height:1.2em;margin:0 0 .5em;font-weight:400}
.hotpoint-cat-content-inner h2 .hotpoint-warranty-heading{font-size:1.65em; color: #000;}
.hotpoint-banner-content-inner h2 span,.hotpoint-cat-banner-inner h3 span{display:inline-block;position:relative}
.hotpoint-banner-content-inner h2 span:after,.hotpoint-cat-banner-inner h3 span:after{content:"";position:absolute;width:100%;height:1px;background:#fdc100;bottom:0;left:0}
.hotpoint-cat-banner-inner h3{font-size:2em;line-height:1.2em;margin:0 0 .5em;font-weight:400}
.hotpoint-blurb p{font-size:1.25em;line-height:1.3em;margin:0;}
.hotpoint-terms p{font-size:.9em;line-height:1.3em;margin:0;font-weight:400}
.hotpoint-banner-content-inner .hotpoint-blurb p{font-size:1.25em}
.hotpoint-warranty-inner .hotpoint-cat-content-outer .hotpoint-cat-content-inner .hotpoint-blurb .hotpoint-font-black{font-size: 1.5em;}
.hotpoint-font-white{color:#fff}
.hotpoint-font-black{color:#000}
.hotpoint-btn a{display:inline-block;font-size:1em;line-height:1em;padding:1em 2em;border-radius:8px;text-decoration:none;text-transform:uppercase;min-width:200px;text-align:center}
.hotpoint-sub-font{font-size: 0.85em;}
.hotpoint-banner-btn a{background:#fff;color:#000;transition:all .2s}
.hotpoint-banner-btn a:hover{background:#f2f2f2}
.hotpoint-warranty-outer .hotpoint-warranty-inner .hotpoint-warranty-icon img{max-width: 250px;}
.hotpoint-cat-btn a{color:#fff;background:#b24c24;transition:all .2s}
.hotpoint-cat-btn a:hover{background:#953d1b;text-decoration:none}
.hotpoint-btn-group a{margin:0 10px 14px 0}
@media screen and (max-width:1240px){.hotpoint-banner-img-outer{display: none;}}
@media screen and (max-width:992px){
.hotpoint-nav ul {padding: 0;}
.hotpoint-nav-active .hotpoint-sub-nav{margin-top: 10px;}
.hotpoint-header-inner{padding:10px 20px}
.hotpoint-logo{width:120px}
.hotpoint-nav{display:none}
.hotpoint-mobile-menu-btn{display:block}
.hotpoint-nav{display:none;float:none;position:absolute;width:100%;top:36px;left:0;background:#101616;padding:1em 0;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.hotpoint-header-inner .hotpoint-nav>ul>li{float:none;margin-right:0;text-align:center;padding:.8em}
.hotpoint-header-inner .hotpoint-nav>ul>li p{text-transform:uppercase}
.hotpoint-sub-nav{display:none;position:relative;background:#fff;padding:12px;width:100%;right:0;box-shadow:none;transition:all .2s;-webkit-animation:hotpoint-nav-active .3s;-moz-animation:hotpoint-nav-active .3s;-o-animation:hotpoint-nav-active .3s;animation:hotpoint-nav-active .3s}
.hotpoint-main-container{max-width:700px;margin:0 auto}
.hotpoint-section{width:100%;float:none;height:450px;margin-bottom:15px}
.hotpoint-header-inner .nav ul li a{height:60px;line-height:60px;padding:0 15px}
.hotpoint-nav>ul{flex-direction:column}
.hotpoint-header-outer{margin-bottom: 0;}
.hotpoint-banner-inner, .hotpoint-banner-content-outer{border-radius: 0;}
.hotpoint-warranty-outer .hotpoint-warranty-inner .hotpoint-warranty-icon img{max-width: 200px;}
}
@media screen and (max-width:768px){
.hotpoint-laundry-outer .hotpoint-cat-banner-outer,.hotpoint-cooking-outer .hotpoint-cat-banner-outer,.hotpoint-dishwashers-outer .hotpoint-cat-banner-outer{border-radius: 0 0 35px 35px;}
.hotpoint-banner-outer,.hotpoint-warranty-icon{display: none;}
.hotpoint-banner-outer-mob, .hotpoint-warranty-icon-mob{display: block;}
.hotpoint-warranty-icon-mob{margin: 20px auto;}
.hotpoint-full-padding{padding: 20px;}
.hotpoint-banner-outer {min-height: 350px;}
.hotpoint-cat-inner{flex-direction:column}
.hotpoint-dishwashers-outer .hotpoint-cat-content-outer{order:1}
.hotpoint-dishwashers-outer .hotpoint-cat-banner-outer{order:2}
.hotpoint-banner-outer,.hotpoint-cat-outer{margin-bottom:0}
.hotpoint-cat-content-outer{flex-basis:100%;padding:40px;display: block;}
.hotpoint-blurb{margin-bottom:30px;text-align: left;}
.hotpoint-cat-inner{min-height:200px;height:auto}
.hotpoint-banner-content-outer{padding:60px 40px 60px 40px;max-width: none;border-radius: 0 0 40px 40px;}
.hotpoint-banner-img-mob{height: 300px;object-fit: cover;border-radius: 40px 40px 0 0;}
.hotpoint-banner-inner{border-radius: 0;}
.hotpoint-6th-sense-logo{width:50px;right:20px;top:20px}
.hotpoint-banner-content-inner h2,.hotpoint-cat-content-inner h2{font-size:2em}
.hotpoint-banner-logo{width:160px;bottom:10px;right:20px}
.hotpoint-cat-banner-outer{flex-basis:100%;padding:40px 20px}
.hotpoint-warranty-inner{align-items:flex-start;flex-direction:column}
.hotpoint-warranty-inner .hotpoint-warranty-icon{margin-right:0;margin-bottom:20px;}
.hotpoint-warranty-inner{padding:40px 30px}
.hotpoint-br{display: none;}
.hotpoint-cat-banner-outer{margin-bottom: 40px;}
.hotpoint-banner-content-outer{padding: 40px 20px 40px 20px;}
.hotpoint-cat-btn{margin: auto;}
.hotpoint-btn a{padding: 1em 1em;}
}
@media screen and (max-width:430px){
.hotpoint-cat-banner-inner{padding: 9px;}
.hotpoint-warranty-inner{text-align: center;}
.hotpoint-warranty-inner .hotpoint-warranty-icon{margin: 0 auto 20px;}
.hotpoint-btn.hotpoint-banner-btn, .hotpoint-btn.hotpoint-cat-btn.hotpoint-btn-group{text-align: center;}
.hotpoint-cat-banner-outer{justify-content: center;}
.hotpoint-cat-content-inner h2 .hotpoint-warranty-heading{font-size: 1.125em;}
.hotpoint-warranty-inner .hotpoint-cat-content-outer .hotpoint-font-black{text-align: left;}
}