:root {
    --green: #e41932;
    --brown: #444444;
    --white: #fff;
}
* {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
.m-2 h1{
    font-size:25px;
}
html,body{
    overflow-x: hidden;
}
/* fiber-plans */
.fiber-plans {
    border-radius: 15px;
    background-image: url("../assets/banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.fiber-heading{
       margin: 50px 50px 0 0;
       position: relative;
}


.fiber-heading h1{
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--brown);
}
.fiber-heading h2{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--brown);
}
.claim {
    position: relative;
    margin-top: 38rem;
}
.claim .shape1 {
    position: absolute;
    top: 0;
    left: 0;
     animation: rotate 18s linear infinite;
}
.shape-cover .shape1 {
     animation: rotate 18s linear infinite;
}
.shape-cover .shape3 {
     animation: rotate2 18s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.claim .shape2 {
    position: absolute;
    top: 0;
    left: 0;
     animation: rotate2 18s linear infinite;
}
@keyframes rotate2 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
.claim .claim-box {
    color: var(--white);
    position: absolute;
        top: 99px;
    left: 87px;
}
.claim-box h2{
    font-size: 1.2rem;
}
.sub-heading,
.sub-heading2 {
    border-radius: 8px;
    color: white;
    background: rgb(249, 249, 249);
    background: linear-gradient(90deg, rgba(249, 249, 249, 0) 5%, rgba(254, 254, 254, 0.8435749299719888) 17%, rgba(199, 70, 37, 0.8855917366946778) 78%);
}

.sub-heading h2,
.sub-heading2 h2 {
    font-size: 1.5rem;
    padding: 10px 20px;
}

.sub-heading2 {
    background: rgb(199, 70, 37);
    background: linear-gradient(90deg, rgba(199, 70, 37, 0.8855917366946778) 23%, rgba(249, 249, 249, 0) 80%, rgba(254, 254, 254, 0.8435749299719888) 84%);
   margin-bottom: 20px;
}

.get-btn {
    text-align: end;
}

.btn-green {
    font-size: 20px;
    background-color: #e41932!important;
    color: white;
    border-radius: 8px;
    padding: 5px 67px;
    -webkit-box-shadow: -2px 2px 2px #3e3a3a;
    -moz-box-shadow: -2px 2px 2px #3e3a3a;
    box-shadow: -2px 2px 2px #3e3a3a;
}
.plan-claim-conent .btn-green {
    padding: 10px 20px;
}

.btn-green:hover {
    background-color: #E46D39;
    color: white;
    border-radius: 8px;
    padding: 5px 67px;
    -webkit-box-shadow: -3px 3px 3px #3e3a3a;
    -moz-box-shadow: -3px 3px 3px #3e3a3a;
    box-shadow: -3px 3px 3px #3e3a3a;
}

.get-offer {
    background-image: url("../assets/banner-2.webp");
    background-repeat: no-repeat;
    background-size: cover;
}
.sub-heading2 h2{
    margin-bottom: 0;   
}
.shape-cover{
    position: relative;
}
.shape-cover .side-claim{
    color: #000!important;
    z-index: 111;
    position: absolute;
    top: -2rem;
    left: 5rem;
}
.shape-cover img{
    position: absolute;
}
.shape-cover img {
    top: -10rem;
}
.plan-claim .shape3 {
    left: 1rem;
}
.side-claim p{
    margin-bottom: 0%;
        font-size: 24px;
            white-space: nowrap;
}
.plan-claim-conent .side-claim h3{
    font-size: 2rem;
    font-weight: 600;
}
.get-offer-box p{
    font-weight: 700;
     font-size: 24px;
     color: #534234;
}
.get-offer-box p i{
    color: #5b5735;
}
.get-offer-box ul li,
.plan-claim-conent ul li {
    font-size: 24px;
    color: #534234;
}
footer{
    background-color: #e4193!important;
    color: white;
}
footer p{
margin: auto;
padding: 10px 0;
font-size: 15px;
}


footer a{
   color: #fff;
   font-size: 15px;
   padding-right: 20px;
   text-decoration: none;
}
footer a:hover{
   color: #fff;
   text-decoration: underline;
}
.fs-small{
    font-size: 15px;
}
.ppfs{
    font-size: 13px;
}
.sub-heading2 ul li span{
    font-size: 14px;
    font-weight: normal;
}
.fmail {
        font-size: 20px;
}

.perfect h2{
        margin-left: 100px;
}
.doc-heading {
    background: #918585;
    color: #fff;
    padding: 10px;
}
 .fiber-heading h1 {
        font-size: 40px;
    font-weight: 700;
    color: #e41932;
    }
.fa-check:before {
    margin-right: 6px;
}

.fixed-footer {position: fixed; bottom: 0; z-index: 1000;width:100%; text-align: center; display: none;}
.call-btn2 {
    width: 100%;
    display: block;
    background-color: rgb(199, 70, 37);
    color: #fff;
    font-size: 1.09em;
    font-weight: 700;
    padding: 14px 0px; text-align: center;
    text-decoration: none;
}
.call-btn2:hover, .call-btn2:focus { color: #fff;}
@media (max-width: 767px) {

.fixed-footer{display: block;}
footer {
    margin-bottom: 50px;
}

}
.page-header {
    width: 100%;
    background: #e41932!important;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
}