:root {
    --green: #5b5735;
    --brown: #57483b;
    --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;
}

/* fiber-plans */
.fiber-plans {
    border-radius: 15px;
    background-image: url("../images/banner1-2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.fiber-heading{
       margin: 50px 50px 0 0;
       position: relative;
}
/*.fiber-heading img{*/
/*       position: absolute;*/
/*    border-style: none;*/
/*    width: 34px;*/
/*   left: 138px;*/
/*    top: -22px;*/
}
.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(--green);
}
.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(107, 88, 72, 0.8855917366946778) 78%);
}

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

.sub-heading2 {
    background: rgb(107, 88, 72);
    background: linear-gradient(90deg, rgba(107, 88, 72, 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: #5b5735;
    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: #5b5735;
    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("../images/banner-2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.sub-heading2 h2{
    margin-bottom: 0;   
}
.shape-cover{
    position: relative;
}
.shape-cover .side-claim{
    color: var(--white);
    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: #57483b;
    color: white;
}
footer p{
margin: auto;
padding: 10px 0;
font-size: 15px;
}


footer a{
   color: #e1d88d;
   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: #534234;
    }
.fa-check:before {
    margin-right: 6px;
}

.btnsticky {
        position: fixed;
    bottom: 10px;
    width: 100%;
    left: 0px;
    margin: 0px 1px;
}
.btnsticky button{
  width: 100%;
    padding: 20px;
    font-size: 22px;
}