#ofnlcompare .provider-wrap{width:100%;margin-bottom:80px;min-height:100vh}#ofnlcompare .provider-wrap .provider-info{display:flex;width:100%;border:1px solid #f0f0f0;background:#f7f7f7;border-radius:5px;padding:10px;height:160px;justify-content:space-between;clip-path:ellipse(50% 100% at 50% 0);margin-bottom:40px}#ofnlcompare .provider-wrap .inner.provider-details p svg{margin-bottom:-1px;font-size:12px}#ofnlcompare .provider-info .inner{max-width:1250px;display:flex;width:100%;margin:0 auto;justify-content:center}#ofnlcompare .provider-wrap .inner.more-text{flex-direction:column;font-size:16px}#ofnlcompare .provider-info .inner .logo{align-content:center}#ofnlcompare .provider-wrap .provider-info .logo img{max-width:180px;max-height:110px}#ofnlcompare .provider-wrap .inner h1{width:100%;text-align:center}#ofnlcompare .provider-wrap .inner,#ofnlcompare .provider-wrap .inner .packages{width:100%}#ofnlcompare .provider-wrap .packages .all-packages{display:flex;width:100%;gap:2%;justify-content:center;flex-direction:column}#ofnlcompare .provider-wrap .inner.provider-details{flex-direction:column;text-align:center;padding:1%;border-bottom:2px solid #f7f7f7}#ofnlcompare .provider-wrap .inner.provider-details h2{font-size:20px;color:#333;margin-top:0;font-weight:400}#ofnlcompare .provider-wrap .inner .packages h3{margin-left:1%}#ofnlcompare .provider-wrap .packages .all-packages .package{width:23.5%;padding:0;margin-bottom:2%;margin-right:2%}#ofnlcompare .provider-wrap .packages .all-packages .package:nth-of-type(4n){margin-right:0}#ofnlcompare .provider-wrap .packages .all-packages .package-group{display:flex;flex-wrap:wrap}#ofnlcompare .provider-wrap .packages .all-packages h4{margin-top:0;margin-left:0}#ofnlcompare .provider-wrap .filter-section{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:20px}#ofnlcompare .provider-wrap .filter-section .filter.effective-cost{align-items:center;display:flex;gap:10px;padding:0 10px}#ofnlcompare .provider-wrap .filter-section .filter.effective-cost .switch-text{display:flex;flex-direction:column;gap:5px}@media only screen and (max-width:699px){#ofnlcompare .provider-wrap .filter-section{flex-direction:column-reverse;align-items:center;gap:20px}div#postcode-lookup{max-width:400px}#ofnlcompare .provider-wrap .packages .all-packages .package{width:48.5%}#ofnlcompare .provider-wrap .packages .all-packages .package:nth-of-type(4n){margin-right:2%}#ofnlcompare .provider-wrap .packages .all-packages .package:nth-of-type(2n){margin-right:0}}@media only screen and (max-width:499px){#ofnlcompare .provider-wrap .inner.more-text{font-size:12px}.postcode-widget{margin:0 10px}#ofnlcompare .provider-wrap .filter-section{justify-content:center;font-size:13px}#ofnlcompare .provider-wrap .inner.provider-details h1{font-size:18px}#ofnlcompare .provider-wrap .packages .all-packages .package-group h4{font-size:15px;padding-bottom:10px}#ofnlcompare .provider-wrap .packages .all-packages .package p.monthly-cost{font-size:20px}#ofnlcompare .provider-wrap .inner.provider-details h2{font-size:14px;font-weight:400;padding:0 20px 20px}#ofnlcompare .provider-wrap .packages .all-packages .package p{font-size:14px}#ofnlcompare .provider-wrap .packages .all-packages h4{text-align:center}#ofnlcompare .provider-wrap .packages .all-packages .package-group .header-top h4.plan-title{text-align:left;font-size:18px;padding-bottom:0}#ofnlcompare .tariff-card{box-shadow:0 6px 16px #0000003d!important}#ofnlcompare .provider-wrap .packages .all-packages .package{width:98%;margin-left:20px;margin-right:20px!important;margin-bottom:20px}#ofnlcompare .provider-wrap .packages .all-packages .package:nth-of-type(2n),#ofnlcompare .provider-wrap .packages .all-packages .package:nth-of-type(4n){margin-right:20px}}