:root {
    --beige: #FFF6E7;
    --gradient-orange-red: linear-gradient(to right, #FF5132 , #E3A425);
    --gradient-orange-red-hover: linear-gradient(to right, #DD2D0D , #CF8C08);

  }

.bg-beige{
    background-color: var(--beige);
}
.bg-beige>*{
    background-color: var(--beige);
}
.text-gradient{
    background: var(--gradient-orange-red);
    background-clip: text;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-gradient{
    background:var(--gradient-orange-red);
    color:white;
    /* color:#454545; */

}
.btn-gradient:hover{
    background:var(--gradient-orange-red-hover);
    color:#EDEDED;
}
.card-text-vermillion-color{
    color:#454545;
    font-size:14px;
}
.floating-btn {
  position: fixed;
  bottom: 15%;
  right: 20px;
  background-color: white;
  color: white;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.3s;
}
 .header{
    font-weight: 600;
    font-size: 60px;
    letter-spacing: 2px;
 
}
.request-header{
    font-weight: 600;
    font-size: 60px;
    letter-spacing: 2px;
 
}
.first-header{
    font-weight: 600;
    font-size: 80px;
    letter-spacing: 2px;
 }
 .subheader{
    line-height:40px;
    color:#454545;

 }
.floating-btn:hover {
    transform: scale(0.7);
}
.promotion-section-header{
font-weight: 600;
font-size:48px;
}
.promotion-section-subheader{
  line-height:   36px;
  color:#454545;
}
html{
    letter-spacing: 1px;
    line-height: 24px;
}
body{
    line-height: 24px;
}
.footer{
    font-size: 14px;
    font-weight: 600;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #060097; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    height:2.1rem;
    width:2.1rem;
    font-size: 18px; /* Increase font size */
  }
  
  .list-group-item {
    pointer-events: none; /* Prevents click events */
  }
  .request-subheader{
    font-size: 30px;
    color:#202020;
}
.request-content{
    font-size: 20px;
    line-height: 34px;
    color:#454545;
}
.request-button{
    font-size: 16px
    
}
@media (max-width: 991px) {
    /* Your styles here */
    .subheader{
        line-height:26px;
        /* font-size:14px; */
        font-size:12px;

    }
    .first-header{
        font-weight: 600;
        /* font-size: 24px; */
        font-size: 32px;
        letter-spacing: 2px;
     }
     .header{
        font-weight: 600;
        font-size: 20px;
        letter-spacing: 2px;
     
    }
    .request-header{
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 2px;
     
    }
    .card-title{
        font-size:14px;
    }
    .card-text{
        font-size:14px;
    }
    .card-text-vermillion-color{
        color:#454545;
        font-size:12px;
    }
    .promotion-section-subheader{
       font-size:12px;
        line-height:   24px;
        
      }
    .promotion-section-header{
        font-weight: 600;
        font-size:20px;
        }
        .footer{
            font-size: 12px;
            font-weight: 600;
        }
    .request-subheader{
        font-size: 14px;
    }
    .request-content{
        font-size: 12px;
        line-height: 22px;
        color:#454545;
    }
    .request-button{
        font-size: 12px
        
    }
  }