.tree-banner-inner{display:flex;padding:60px 40px 60px 15%;height:330px;background:linear-gradient(to right,#e8e8e8ff 0%,#f2f2f2ff 100%)}
.three-banner-content {display:flex;align-items:center;}
.three-banner-content-inner{display:flex;align-items:start;gap:20px}
.tree-banner-image{height:100%;top:0;right:15%;display:flex;align-items:center}
.tree-banner-image img{height:80%}
.three-logo img{width:100px}
.three-card-outer{width:380px}
.three-intro-blurb{padding:60px 40px}
.three-cat-header{display:flex;justify-content:center;align-items:center;gap:20px;padding:40px}
.three-cat-header img{width:60px}
.three-purple-bg{background:linear-gradient(to right,#570ba8ff 0%,#750fe2ff 100%)}
.three-pink-bg{background:linear-gradient(to right,#aa005aff 0%,#f60082ff 100%)}
.three-plans-cards-outer{padding:0 0 40px;position:relative}
.three-plans-cards-inner{padding:20px}
.three-plans-cards-block{margin-top:-100px;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}
.three-plans-inner > header{margin-bottom:110px}
.three-plans-outer{margin-bottom:80px}
.three-card-outer{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 10px 10px #0006;padding:40px}
.three-card-plan{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e8e8e8}
.three-plus-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/three/images/three-plus-banner.jpg) no-repeat center center / cover;margin-bottom:60px;height:700px;display:flex;justify-content:center;align-items:center;padding:120px 40px}
.three-plus-content{max-width:600px}
.three-plus-btn-group{display:flex;justify-content:center;gap:20px}
.three-banner-blurb p{font-size:2.5em;line-height:1em;font-weight:300;max-width:300px;margin:0;color:#373737}
.three-intro-blurb p{font-size:2.5em;line-height:1.2em;font-weight:800;margin:0;color:#373737}
.three-cat-header h1{font-size:3em;font-weight:800;line-height:1em;margin:0;color:#373737}
.three-plus-content h1{font-size:4em;font-weight:800;line-height:1em;margin:0 0 .7em;color:#fff}
.three-plans-inner header h2{font-size:2.5em;font-weight:800;line-height:1em;margin:0}
.three-card-inner header h3{font-size:1.5em;font-weight:800;line-height:1em;margin:0 0 1em}
.three-card-price p{font-size:3.5em;font-weight:800;line-height:1em;margin:0 0 .3em;color:#373737}
.three-card-price p span{font-size:.6em;font-weight:400;line-height:1em;margin:0;color:#4a5565}
.three-plan-terms p{font-size:1.143em;font-weight:400;line-height:1.2em;margin:0;color:#4a5565;min-height:40px}
.three-card-details ul {padding-left: 0;}
.three-card-details p{font-size:1.143em;font-weight:800;line-height:1.2em;margin:0 0 10px;color:#373737}
.three-card-details p span{font-weight:400;line-height:1.2em;margin:0;color:#4a5565}
.three-card-terms p{font-weight:400;line-height:1.2em;margin:0;padding-top:20px;color:#4a5565;font-style:italic}
.three-plus-blurb p:first-child{font-size:2em;line-height:1.2em;font-weight:800;margin:0 0 .2em;color:#fff}
.three-plus-blurb p:last-child{font-size:1.286em;line-height:1.2em;font-weight:400;margin:0 0 1em;color:#fff}
.three-banner-blurb p {margin-bottom: 40px;}
.three-btn a {
  background: #570ba8;
  color: #fff;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.three-btn a:hover {
  background: #e08;
}

.three-purple-font{color:#680bcb}
.three-pink-font{color:#e08}
@media screen and (max-width: 992px) {
.three-plus-outer{height:500px}
.tree-banner-inner{display:flex;padding:40px 40px 40px 10%;height:250px}
.three-banner-blurb p{max-width:230px}
.three-logo img{width:80px}
.tree-banner-image{right:10%}
}
@media screen and (max-width: 750px) {
.tree-banner-inner{padding:40px;height:auto}
.three-banner-content{flex-direction:column;align-items:center}

.tree-banner-image{right:5%}
.three-intro-blurb,.three-cat-header{padding:40px 25px}
.three-cat-header img{width:50px}
.three-plans-outer{margin-bottom:60px}
}
@media screen and (max-width: 500px) {
  .tree-banner-inner{padding-top:60px;overflow:hidden;}
  .tree-banner-image{display:none;}
.three-plan-terms p{min-height:auto}
.three-plus-outer{height:400px}
}