.countdown {
    margin: 0 auto;
    font-weight: 600;
    line-height: 3.2rem;
    color: red;
    text-align: center;
    background-color: #f2f2f2;
}
.hero{
    background: #007dba url(../images/hero-bg-blue.png) 7% top no-repeat;
    padding: 8.5rem 0 7rem;
}

header .tfn{
    line-height: 1.4rem;
}
.fiberdeals-hero h1{
    text-transform: capitalize;
}
.hero h1 {
    font-size: 3.0rem;
    margin-bottom: 15px;
    font-weight: 900;
}
.hero h3{
    font-size: 2.4rem;
    margin-bottom: 15px;
}
.hero p{
    font-size: 1.8rem;
}
.hero p span{
    font-style: normal;
}

.hero [href^="tel:"]{
    font-size: 2.4rem;
    border-radius: 0.8rem;
    padding: 1.4rem 2rem;
}
.hdr-gift-card {
    color: #444;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    font-weight: 600;
}
.hdr-gift-card i {
    display: inline-block;
    margin-right: 0.4rem;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    color:#F68D1F;
    font-size: 19px;
}

.plans-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 0px;
margin-bottom: 2.7rem;
align-items: center;
}

.plans-row > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

.plans-row > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

.plans-row > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}

/* plans */

.internet-plans {
padding: 6.5rem 0px 5.5rem;
background-size: 6rem;
}

.internet-plans{
    background-image: url(../images/callcenter.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 6rem 0 1rem;
    
}

.internet-plans h1 {
margin-bottom: 36px;
font-weight: 600;
}

.internet-plans h1 span {
display: block;
font-weight: 800;
font-size: 48px;
color: #007db0;
}

.internet-plans .btn {
margin: 0 auto;
max-width: 34.5rem;
text-align: center;
}

.internet-plans .btn:before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
-webkit-animation: iconwiggle 3s infinite;
        animation: iconwiggle 3s infinite;
content: "\f3cd";
margin-right: .8rem;
font-family: "FontAwesome", "Font Awesome 5 Free";
}

.thanks .internet-plans {
padding-top: 0;
}

.plan {
margin-bottom: 3rem;
padding: 1.5rem;
text-align: center;
background-color: #fff;
border: .3rem solid #D7D7D7;
border-radius: .6rem;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.plan-text p{
    font-weight: 600;
}
.plan ul {
margin-bottom: 0;
padding-left: 1.8rem;
}

.plan li {
font-size: 1.6rem;
text-align: left;
}

.plan:hover {
-webkit-transform: translateY(-.5rem);
-ms-transform: translateY(-.5rem);
transform: translateY(-.5rem);
}

.popular {
position: relative;
border-color: #f68d1f;
}

/* .popular:before {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
content: "\f005";
display: block;
position: absolute;
top: -21px;
left: calc(50% - 1.85rem);
width: 3.7rem;
height: 3.7rem;
line-height: 3.7rem;
font-family: 'FontAwesome', 'Font Awesome 5 Free';
color: #fff;
background-color: #f68d1f;
border-radius: 50%;
} */

.popular .logo{
    display: block;
    width: 16rem;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.plan h3 {
position: relative;
font-weight: 600;
font-size: 1.6rem;
line-height: 1.3;
color: #444;
margin-top: 10px;
}

.plan h3:before {
content: "Save up to $140";
position: absolute;
display: block;
margin: 0;
padding: 2rem .5rem;
font-size: 1.4rem;
font-weight: 600;
color: #444;
text-transform: none;
width: 6.5rem;
-webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
border-radius: 50%;
border: 3px solid #979797;
background-color: #fff;
left: -55px;
top: -20px;
}

.plan p {
margin-bottom: 1rem;
font-weight: 600;
}
.plan p.speed{
    color: #007dba;
    margin-bottom: 1.8rem;
}

.plan p span {
display: block;
font-weight: 800;
font-size: 3.6rem;
line-height: 1.1;
color: #007db0;
}

.plan p + p + p {
color: #444;
}

.plan a {
    border: none;
    color: #007dba;
    padding: 10px 14px;
    font-size: 20px;
    text-decoration: inherit;
    font-weight: 600;
    border-radius: 8px;
    margin: 0 auto;
    display: inherit;
    max-width: 26rem;
    width: 100%;
    background-color: #f2f2f2;
}
/* .popular:before {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f005";
display: block;
position: absolute;
top: -21px;
left: calc(50% - 1.85rem);
width: 3.7rem;
height: 3.7rem;
line-height: 3.7rem;
font-family: 'FontAwesome', 'Font Awesome 5 Free';
color: #fff;
background-color: #f68d1f;
border-radius: 50%;
} */
.internet-plans a.iconwiggle:hover{
    transition: 0.2s;
    color: #000;
}
.internet-plans a.iconwiggle, .navigation .inner a.tfn{
transition: 0.2s;
background-color: #007db0;
color: #fff;
padding: 12px 25px;
font-size: 24px;
text-decoration: inherit;
font-weight: 600;
border-radius: 8px;
margin: 0 auto;
/* width: 100%; */
display: inherit;
max-width: 26rem;
align-items: center;
}
.navigation .inner a.tfn{
    margin: 0;
}
.navigation .inner a.tfn span{
    margin-left: 5px;
}

.internet-plans a.iconwiggle i{
    font-size: 20px;
}

.offer-terms{
    padding: 20px 8rem 6rem;
    text-align: center;
}
.offer-terms h3{
    color: #007dba;
    font-size: 25px;
    padding: 2rem 0 1rem;
}
.offer-terms p.note{
    margin: 0;
    font-size: 1.4rem;
}
.video-info li{
    font-size: 1.8rem;
}

.video-info li:before{
    width: 100%;
    background-color: #cccccc;
}
.video-info li:first-child::before{
    background: none;
}

.features-block{
    background-color: #fff;
}
.block{
    background-color: #f2f2f2;
    border: 2px solid #979797;
    border-radius: 4px;
    box-shadow: none;
    border-bottom: 4px solid #979797;
}

.call-block .tfn{
    font-size: 3rem;
}
.desktop-img{
    background: none;
}
.mobile-none{
    display: block;
} 
.mobile-block{
    display: none;
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
    header .logo,
    header .tfn {
        width: 16rem;
    }

    header .tfn {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 600px) {
    .countdown {
        width: 10rem;
        line-height: 5.1rem;
    }
}

@media only screen and (min-width: 900px) {
    .countdown {
        padding: 0 1.5rem;
        width: auto;
    }

    #timer:before {
        content: "Our Best Offer Expires Soon – ";
        font-weight: 400;
        color: #444;
    }
}

@media only screen and (min-width: 960px) {
    .hero h1 {
        font-size: 4.4rem;
    }
}
@media(max-width:1199px){
    .plan h3 {
        font-size: 2.5rem;
    }
}
@media(max-width:991px){
    .plans-row{
        display:block;
    }
    .navigation .inner a.tfn{
        width: 100%;
        margin: 9px auto;
        padding: 10px;
    }
    .plan h3:before{
        left: -8px;
        top: -10rem;
    }
}
@media(max-width:767px){
    .navigation{
        position: relative;
    }
    .navigation .inner{
        display: block;
        text-align: center
    }
    .navigation .inner a{
        margin: 0 auto;
        text-align: center;
    }
    .hdr-gift-card {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 15px !important;
    }
    .offer-terms {
        padding: 20px 2rem 6rem;
    }
    .desktop-img{
        background: url(../images/call-image.png) center no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 3rem;
        height: 25vh;
        background-size: cover;
    }
    .plan h3 {
        font-size: 1.8rem;
    }
    .hero h3{
        font-weight: 700;
    }   
    .mobile-none{
        display: none;
    } 
    .mobile-block{
        display: block;
    }
    .hero{
        padding: 10.5rem 0;
    }
    .hero [href^="tel:"]{
        background-color: transparent;
    }
    
}
@media only screen and (max-width: 479px) {
    .navigation .inner {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    header .logo,
    header .tfn {
        width: 13rem;
    }

    header .tfn {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    .countdown {
        width: 6rem;
    }
    
    
}