.delivery-services-banner{background:#00447a;padding:40px}
.delivery-services-banner .banner-message{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100%;align-items:center}
.delivery-services-banner .deliver-banner-icon{flex-basis:20%}
.delivery-services-banner .deliver-banner-icon img{width:100%}
.delivery-services-banner .delivery-banner-content{flex-basis:75%}
.delivery-services-banner .delivery-banner-content header img{max-width:250px;margin-bottom:5px}
.delivery-services-banner .delivery-banner-content header h3{text-transform:uppercase;font-weight:700;font-size:2.4em;line-height:1em}
.delivery-header-icon{display:none}
.delivery-services-outer{margin-bottom:20px}
.delivery-services-options-outer{background:#0cb698;padding:20px}
.delivery-services-footer-outer,.delivery-services-outer .utility-header{background:#00447a}
.delivery-services-outer .utility-header h3{color:#fff}
.delivery-services-options-inner{display:flex;flex-wrap:wrap}
.delivery-option-outer{flex:1 0 0}
.delivery-option-outer .icon-green{display:none}
.delivery-option-content-outer{background:#fff;padding:20px 0;flex:1 0 0}
.delivery-option-content-inner{border-right:1px solid #0cb698;height:100%}
.delivery-option-inner{display:flex;flex-direction:column;height:100%}
.delivery-option-icon{margin-bottom:15px;border-right:1px solid #fff}
.delivery-option-outer:last-child .delivery-option-content-inner,.delivery-option-outer:last-child .delivery-option-icon{border-right:none}
.delivery-option-icon img{width:100%;width:100px;margin:0 auto}
.delivery-option-content-inner h4{font-size:1.5em;line-height:1.2em;color:#00447a;font-weight:800;text-align:center;margin:0 0 1em}
.delivery-option-content-inner span{display:block}
.delivery-option-list p{font-size:16px;line-height:1em;font-weight:400;margin:0 0 1em;display:inline-block}
.delivery-option-list li{padding-left:30px;position:relative}
.delivery-option-list li:before{content:"";display:inline-block;position:absolute;width:20px;height:20px;left:0;background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Harvey+Norman+Utility+Pages/images/delivery-service-icon-flag-green.png) no-repeat center center/cover}
.delivery-option-list{padding:0 15px}
.delivery-services-inner{border-radius:3px;overflow:hidden}
.delivery-services-inner .utility-header-lg{text-align:center!important}
.delivery-services-footer-outer .utility-header-lg{padding:0}
.delivery-services-footer-inner{padding:25px}
.delivery-services-terms p{font-size:1em;line-height:1.2em;color:#fff;font-weight:400;text-align:center}
.delivery-services-footer-inner .delivery-option-list p{color:#fff}
.delivery-services-footer-inner ul{display:flex;gap:20px;justify-content:center;padding:20px 0}
.delivery-services-footer-inner .utility-header h3{color:#fff;font-weight:800}
.delivery-services-footer-inner .delivery-option-list{padding:0}
.delivery-costs-inner{margin-bottom:20px}
.delivery-info-table{padding:40px 50px}
.delivery-info-table table{width:100%}
.delivery-info-table table thead th{padding-bottom:10px}
.delivery-info-table table tbody td{padding:8px 0}
.delivery-info-table table tbody td:first-child{width:40%;min-width:270px}
.delivery-info-table table tbody td:nth-child(2){width:200px}
.delivery-note p{padding-top:30px;font-size:1em;line-height:20px;margin-bottom:0}
.delivery-info-table h3{font-size:1.143em}
@media screen and (max-width:750px){
.delivery-services-banner .delivery-banner-content header h3{font-size:2em}
.delivery-option-list li p{margin:0;word-wrap:break-word}
.delivery-option-list li:before{content:"";display:inline-block;width:20px;height:20px;background:url(https://hnie-assets.s3.eu-west-1.amazonaws.com/pages/Harvey+Norman+Utility+Pages/images/delivery-service-icon-flag-green.png) no-repeat center center/cover;flex-shrink:0}
.delivery-option-outer{background:#fff}
.delivery-option-icon{margin-bottom:0;padding-top:20px}
.delivery-services-options-inner{flex-direction:column;gap:20px}
.delivery-option-content-inner,.delivery-option-icon{border-right:none}
.delivery-option-content-inner .delivery-option-list,.delivery-option-outer .icon-white{display:none}
.option-list-open .delivery-option-list{display:block}
.delivery-option-outer .icon-green{display:block}
.delivery-option-content-outer{padding:10px 0 20px}
.delivery-option-icon img{width:80px}
.delivery-option-inner{position:relative}
.delivery-option-inner:after{font-family:FontAwesome,"Font Awesome 5 Pro";content:"\f107";position:absolute;left:50%;margin-left:-10px;bottom:5px;color:#00447a;font-size:20px}
.option-list-open .delivery-option-inner:after{transform:rotate(180deg)}
.delivery-option-list ul{padding-bottom:20px}
.delivery-option-list ul{flex-direction:column;gap:10px;text-align:center;display:flex}
.delivery-option-list li{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding-left:0;text-align:center}
.delivery-option-list p{margin-bottom:0}
.delivery-option-list li:before{display:inline-block;position:relative;left:auto}
.delivery-info-table{padding:20px}
.delivery-info-table thead{display:none}
.delivery-info-table table tbody td{display:block;width:auto;padding:0 0}
.delivery-info-table table tbody td:first-child,.delivery-info-table table tbody td:nth-child(2){width:100%;min-width:100%}
.delivery-info-table table tbody td:last-child{margin-bottom:20px}
.delivery-info-table table tbody tr:last-child td:last-child{margin-bottom:0}
.delivery-info-table table tbody td:before{content:attr(data-th) ": ";font-weight:700;color:#62737b;display:inline-block;width:160px}
}
@media screen and (max-width:500px){
.delivery-banner-content header{display:flex;gap:20px}
.deliver-banner-icon{display:none}
.delivery-header-icon{display:block}
.delivery-services-banner .banner-message{flex-direction:column;align-items:flex-start}
.delivery-info-table table tbody td:before{margin-right:10px;width:auto}
}