*{
    margin:0;
    padding:0;
}

.header-wrap{
    background-color: #FFB85A;
    box-shadow: 0px 7px 10px #dfdfdf;
}
body{
    background-image: url('/assets/images/main-bg-4.png');
    background-size: cover  ;
    background-repeat: no-repeat;
}

/* MAIN  */
.text-main{
color:#FF0000;
}

.hr-line{
    height:2px;
    border:none;
    background: linear-gradient(to right,#FFB55B,#F88A63,#D15A72); 
    opacity: 1;
    margin-top:10px;
}

.home-options{
    border-radius: 10px !important;
    padding: 15px; /* Adjust padding as needed */
    display: inline-block;
    border: 2px solid red;
    overflow: hidden;
    box-shadow: 0px 2px 10px #bebdbd;
    cursor: pointer;
    background-color: white;
}

.main{
   
display: flex;
flex-direction: column;
justify-content: center;
}

.form-card{
    border:0px;
    box-shadow: 0px 2px 16px #dfdfdf;
}

.form-title{
    color:#252C69;
    text-align: center;
}

.cta-btn{
    background: linear-gradient(to right,#FFB55B,#F88A63,#D15A72); 
    padding:12px 20px;
    color:white;
    font-weight: 600;
    border:none;
}

.cta-btn-sm{
    padding:8px 20px;
}

.cta-btn-outline{
    background: white;
    padding:8px 20px;
    color:#F99361;
    font-weight: 600;
    border:2px solid #F99361;
}

.cta-btn-rounded{
    background: linear-gradient(to right,#FFB55B,#F88A63,#D15A72); 
    border-radius: 20px;
}

label{
    font-weight: 600;
    font-size:14px;
}

select{
    outline:1px solid #FFB85A;
}

input{
    outline:1px solid #FFB85A;
}

.cameraButton {
    display: inline-block;
    padding: 10px 20px;
    background-color: white; /* Button color */
    color: #F88A63; /* Text color */
    border: 1px solid #F88A63;
    border-radius: 5px;
    cursor: pointer;
  white-space: nowrap;
}
.cameraButton input{
    visibility: hidden;
}

/* Hover effect */
.cameraButton:hover {
    background-color: #F88A63; /* Darker button color on hover */
    color:white;
}

.gradient-text{
    background: linear-gradient(to right,#FFB55B,#F88A63,#D15A72); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.winner-card{
    border:1px solid #FFB85A;
    box-shadow: 0px 2px 10px #c2c2c2;
}

.report-list li{
   font-weight:600;
   color:black; 
}

/* FOOTER */
.footer{
    box-shadow: 0px -7px 15px #c5c5c5;
    position: fixed;
    bottom: 0;
    width:100% !important;
    background-color: white;
    
}
.menu{
    text-align: center;
    cursor: pointer;
    padding-top:10px;
    padding-bottom:10px;
}
.menu p{
    /* font-size: 10px;  */
    color: #D15A72;
    margin-bottom: 4px !important;
}

.active-menu{
   background:linear-gradient(to right,#FFB55B,#F88A63,#D15A72);
   cursor: pointer;
}

.active-menu p{
    color:white;
    margin-bottom: 5px !important;
}

.badge-outline{
border:1.9px solid #FFB85A;
border-radius:40px;
color:#FFB55B;
padding: 5px 12px;
font-size:14px;
white-space: nowrap;
}

.border{
    background: linear-gradient(45deg,#FFB55B,#F88A63,#D15A72);
}

/* HOME STYLING */
.q-unlock-incentive-btn{
    background-color: #D15A72; 
    border-radius: 37px;
    align-items: center; 
    border: #FFB55B; 
    font-weight: 600;
}

.q-topper-box{
    background: linear-gradient(to right,#FFB55B,#F88A63,#D15A72); 
    color: #3B00E4; 
    letter-spacing: 2px;
}

.q-topper-section-label{
    font-size: 16px;
    border-radius: 5px; 
    color: red; 
    letter-spacing: 1px;  
    background: white !important;
}

.q-score-box{
    border-radius: 56px; 
    color: #3B00E4; 
    background: white !important; 
    font-weight: 700; 
    align-content: center;
}

.q-toppers{
    color: red; 
    background: white !important; 
    border:1px solid #D15A72; 
    border-radius: 10px;
}

.q-name-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Set to 3 lines */
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topper-img{
   height:90px;
   /* width: 100%; */
    border-radius: 50%;
    margin:auto !important;
    margin-bottom:10px !important;
}
/* HOME STYLING START */