<div class="premierPage">
<section class="premierMainstage">
<div class="premierMainstage__content">
<h1>Premier Program</h1>
<h2>Worry-Free Home Comfort</h2>
<p>In need of a new home cooling system? Now you can get the ease of mind that comes with having a new heating and cooling
system without the expense of installation or the expectation of future maintenance and repairs, thanks to Carolina Conditions and the Premier Program with Service 1st Financial.</p>
</div>
<div class="premierMainstage__logo">
<img alt=" premier program logo " src="https://www.carolinaconditions.com/wp-content/uploads/premier-program-logo.png">
</div>
</section>
<section class="premierIcons">
<div class="premierIcons__border">
<h3>Premier Program™ Has Great Benefits!</h3>
<div class="premierIcons__grid">
<div class="premierIcons__icon">
<fa-icon icon="calendar-star" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>Free Annual Maintenance</h3>
</div>
<div class="premierIcons__icon">
<fa-icon icon="truck" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>No Trip Charges</h3>
</div>
<div class="premierIcons__icon">
<fa-icon icon="dollar-sign" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>No Diagnostic Charges</h3>
</div>
<div class="premierIcons__icon">
<fa-icon icon="align-justify" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>Free Air Filters</h3>
</div>
<div class="premierIcons__icon">
<fa-icon icon="wrench" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>Free Covered Repairs</h3>
</div>
<div class="premierIcons__icon">
<fa-icon icon="clock" role="presentation" aria-label="Display Icon"></fa-icon>
<h3>No Overtime Charges</h3>
</div>
</div>
</div>
</section>
<iframe width="1100px" height="515" style="margin: 3em auto 6em; display: block;" src="https://www.youtube.com/embed/hIYVI86gCPU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<section class="premierBanner">
<div class="premierBanner__grid">
<div class="premierBanner__content">
<h3>Want to Learn More About the Premier Program™?</h3>
<p>Call 803-233-7172
Today!</p>
</div>
<div class="premierBanner__btn">
<a is="hypercore-button" class="hypercore-button" href="tel:803-233-7172" aria-label="Button"><fa-icon icon="phone" family="solid" role="presentation" aria-label="Display Icon"></fa-icon> 803-233-7172</a>
</div>
</div>
</section>
<section class="premierSteps">
<h3>Joining The Program Is As Easy As...</h3>
<p>In just a few simple steps, you can qualify for an alternative to installing a new HVAC system in your home.</p>
<div class="premierSteps__grid">
<div class="premierSteps__step">
<span class="step-num">1.</span>
<h3>Pick Your Comfort System</h3>
</div>
<div class="premierSteps__step">
<span class="step-num">2.</span>
<h3>Apply Online With an Instant Decision</h3>
</div>
<div class="premierSteps__step">
<span class="step-num">3.</span>
<h3>Schedule Your Installation Date</h3>
</div>
<div class="premierSteps__step">
<span class="step-num">4.</span>
<h3>Enjoy Worry-Free Comfort Year Round</h3>
</div>
</div>
</section>
<section class="premierBanner">
<div class="premierBanner__grid">
<div class="premierBanner__content">
<h3>Want to Learn More About the Premier Program™?</h3>
<p>Call 803-233-7172
Today!</p>
</div>
<div class="premierBanner__btn">
<a is="hypercore-button" class="hypercore-button" href="tel:803-233-7172" aria-label="Button">
<fa-icon icon="phone" family="solid" role="presentation" aria-label="Display Icon"></fa-icon> 803-233-7172
</a>
</div>
</div>
</section>
<section class="premierTables">
<h3>The Difference is Clear. See How Premier Program™ is different!</h3>
<p>While you can purchase an AC unit or join the Premier Program and have low monthly payments either way, our
Premier Program offers extensive benefits beyond just purchasing an air conditioner.</p>
<div class="premierTables__grid">
<div>
<div class="premierTable">
<div class="premierTable__heading">
<div class="border">
<span class="table-logo">
<img alt="icon-premier-pro" src="https://www.carolinaconditions.com/wp-content/uploads/icon-premier-pro.png">
</span>
<h3>Premier Program™</h3>
</div>
</div>
<div class="premierTable__info">
<ul>
<li><fa-icon icon="check"></fa-icon>Free In Home Analysis</li>
<li><fa-icon icon="check"></fa-icon>24/7 Service</li>
<li><fa-icon icon="check"></fa-icon>No Charge Diagnostic Costs</li>
<li><fa-icon icon="check"></fa-icon>No Charge Overtime Costs</li>
<li><fa-icon icon="check"></fa-icon>No Charge Annual Maintenance</li>
<li><fa-icon icon="check"></fa-icon>No Charge Covered Repairs, Parts & Labor</li>
<li><fa-icon icon="check"></fa-icon>No Charge UV Bulbs Replacement</li>
<li><fa-icon icon="check"></fa-icon>Free Air Filter Replacement</li>
<li><fa-icon icon="check"></fa-icon>100% Worry-Free System</li>
</ul>
</div>
</div>
</div>
<div>
<div class="premierTable">
<div class="premierTable__heading">
<div class="border">
<span class="table-logo table-logo--red">
<fa-icon icon="house"></fa-icon>
</span>
<h3>Owning</h3>
</div>
</div>
<div class="premierTable__info">
<ul>
<li><fa-icon icon="check"></fa-icon>Free In Home Analysis</li>
<li><fa-icon icon="check"></fa-icon>24/7 Service</li>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>No Charge Diagnostic Costs</li>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>No Charge Overtime Costs</li>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>No Charge Annual Maintenance</li>
<li style="margin-bottom: 0.2em;"><fa-icon icon="check"></fa-icon>No Charge Covered Repairs, Parts & Labor* </li>
<span class="caveat">* Valid Only With Purchase of Extended
Warranty</span>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>No Charge UV Bulbs Replacement</li>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>Free Air Filter Replacement</li>
<li><fa-icon class="red" icon="times-circle" family="solid"></fa-icon>100% Worry-Free System</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="premierBanner">
<div class="premierBanner__grid">
<div class="premierBanner__content">
<h3>Want to Learn More About the Premier Program™?</h3>
<p>Call 803-233-7172
Today!</p>
</div>
<div class="premierBanner__btn">
<a is="hypercore-button" class="hypercore-button" href="tel:803-233-7172" aria-label="Button">
<fa-icon icon="phone" family="solid"></fa-icon> 803-233-7172
</a>
</div>
</div>
</section>
</div>
<style>
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
.hypercore-page-title-bar {
padding: 0 !important;
}
.premierPage {
padding: 3em 0 0;
position: relative;
}
.premierPage h1, .premierPage h2, .premierPage h3 {
font-family: "Oswald", sans-serif;
}
.premierPage h1 {
font-size: 40px;
margin-bottom: 0.2em;
}
.premierPage h2 {
font-size: 31px;
}
.premierPage h3 {
font-size: 31px;
}
.premierPage p, .premierPage span, .premierPage ul, .premierPage a {
font-family: "Open Sans", sans-serif;
font-size: 16px;
}
.premierPage .hypercore-button {
font-size: 31px;
display: inline-flex;
align-items: center;
padding: 0.5em 1em;
border: none !important;
border-radius: 0 0;
font-family: "Oswald", sans-serif;
}
.premierPage .hypercore-button fa-icon {
margin-right: 0.4em;
}
.premierPage .premierMainstage {
max-width: 900px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2em;
padding: 0 1em;
}
.premierPage .premierMainstage h2 {
color: #2c2e72;
}
.premierPage .premierMainstage__logo {
padding: 1em 2em;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 740px) {
.premierPage .premierMainstage {
grid-template-columns: 1fr;
}
}
.premierPage .premierBanner {
background: #5aac57;
padding: 3em 1em;
margin: 2em 0 3em;
}
.premierPage .premierBanner__grid {
max-width: 900px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 2em;
}
.premierPage .premierBanner__content {
color: #fff;
}
.premierPage .premierBanner__content h3 {
color: #fff;
}
.premierPage .premierBanner__content p, .premierPage .premierBanner__content a {
margin-bottom: 0;
font-size: 31px;
font-family: "Oswald", sans-serif;
}
.premierPage .premierBanner__content .phone-num {
color: #2c2e72;
}
.premierPage .premierBanner__btn {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 700px) {
.premierPage .premierBanner__grid {
grid-template-columns: 1fr;
}
.premierPage .premierBanner__content {
text-align: center;
}
}
.premierPage .premierIcons {
padding: 2em;
background: #2c2e72;
text-align: center;
max-width: 900px;
margin: 0 auto;
}
.premierPage .premierIcons__border {
border: 2px solid #5aac57;
padding: 2em 2em 3em;
}
.premierPage .premierIcons h3 {
color: #fff;
margin-bottom: 2em !important;
}
.premierPage .premierIcons__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3em 2em;
}
@media screen and (max-width: 515px) {
.premierPage .premierIcons__grid {
grid-template-columns: 1fr 1fr;
}
}
.premierPage .premierIcons__icon fa-icon {
font-size: 3em;
margin-bottom: 0.3em;
color: #fff;
}
.premierPage .premierIcons__icon h3 {
margin-bottom: 0 !important;
font-size: 22px !important;
}
.premierPage .premierSteps {
padding: 4em 1em;
text-align: center;
}
.premierPage .premierSteps h3 {
color: #2c2e72;
margin-bottom: 0.3em;
}
.premierPage .premierSteps p {
font-size: 22px;
}
.premierPage .premierSteps__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2.5em;
max-width: 900px;
margin: 0 auto;
}
@media screen and (max-width: 750px) {
.premierPage .premierSteps__grid {
grid-template-columns: 1fr 1fr;
}
}
.premierPage .premierSteps__step .step-num {
font-size: 57px;
padding: 0.5em;
background: #5aac57;
color: #fff;
font-family: Oswald, sans-serif;
border-radius: 100%;
display: block;
width: 142px;
margin: 0 auto 16px;
}
.premierPage .premierSteps__step h3 {
font-size: 22px !important;
}
.premierPage .premierTables {
max-width: 900px;
margin: 0 auto;
padding: 2em 1em 3em;
}
.premierPage .premierTables h3 {
color: #2c2e72;
margin-bottom: 0.3em;
text-align: center;
}
.premierPage .premierTables p {
font-size: 18px;
text-align: center;
margin: 0 auto 30px;
}
.premierPage .premierTables__grid {
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
display: grid;
}
@media screen and (max-width: 630px) {
.premierPage .premierTables__grid {
grid-template-columns: 1fr;
}
}
.premierPage .premierTables .premierTable__heading {
background: #2c2e72;
text-align: center;
padding: 2em;
position: relative;
}
.premierPage .premierTables .premierTable__heading .border {
border: 2px solid #5aac57;
padding: 2em;
}
.premierPage .premierTables .premierTable__heading .table-logo {
position: absolute;
left: -26px;
top: -26px;
width: 118px;
display: flex;
align-items: center;
justify-content: center;
height: 118px;
}
.premierPage .premierTables .premierTable__heading .table-logo--red {
background: #d2232a;
color: #fff;
font-size: 3em;
border-radius: 100%;
width: 94px;
height: 94px;
left: -14px;
top: -14px;
}
.premierPage .premierTables .premierTable__heading h3 {
color: #fff !important;
}
.premierPage .premierTables .premierTable__info {
max-width: 340px;
margin: 0 auto;
}
.premierPage .premierTables .premierTable__info ul {
margin: 0;
padding: 2em;
background: #e4e4e4;
list-style: none;
}
.premierPage .premierTables .premierTable__info ul li {
margin-bottom: 0.5em;
color: #2c2e72;
font-family: "Oswald", sans-serif;
font-size: 1.3em;
display: grid;
grid-template-columns: 1.6em auto;
grid-gap: 0.5em;
}
.premierPage .premierTables .premierTable__info ul li fa-icon {
color: #5aac57;
font-size: 1.4em;
}
.premierPage .premierTables .premierTable__info ul li fa-icon.red {
color: #d2232a;
}
.premierPage .premierTables .premierTable__info ul .caveat {
display: block;
font-size: 11px;
margin-bottom: 10px;
padding-left: 43px;
}
</style>
