@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap');

/* Approve Button */
.approve{
    transition: all 0.9s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: none;

}
.approve:hover{
    background-color: rgb(39, 165, 43) !important;
    transform: translateY(-4px);
    box-shadow: 0px 3px 3px rgb(20, 189, 118);
    border: none;

}
/* Denial Button */
.denial{
    transition: all 0.9s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: none;

}
.denial:hover{
    background-color: rgb(253, 24, 36) !important;
    transform: translateY(-4px);
    box-shadow: 0px 3px 3px rgb(253, 24, 36);
    border: none;

}
/* Credited Button */
.credited{
    transition: all 0.9s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: none;

}
.credited:hover{
    background-color: rgb(255, 163, 26) !important;
    transform: translateY(-4px);
    box-shadow: 0px 3px 3px rgb(255, 163, 26);
    border: none;

}
.btnn{
    transition: all 0.9s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: none;

}
.btnn:hover{
    background-color: white !important;
    transform: translateY(-4px);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    color: black !important;
    border: solid 1px black;

}

.btnOrange{
    /* border:solid 1px #fff; */
    border-radius: 6px;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 20px;
    transition: all 0.6s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-size: 17px;
    
}
.btnOrange:hover{
    background-color: #FD8D49;
    color: #fff;
    transform: translateY(-10px);
    box-shadow: 0px 3px 3px #FD8D49;
    border: none;
}
.slider-btn{
    /* border: solid 1px orange; */
    height: 65px;
    position: relative;
    bottom: 20px;
}
.btnNav{
    background-color: transparent;
    border-radius: 6px;
    padding: 12px;
    color: #FD8D49;
    font-weight: bold;
    position: relative;
    top: 40px;
    transition: all 0.6s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-size: 16px;
}
.btnNav:hover{
    background-color: #FD8D49;
    color: #fff;
    transform: translateY(-10px);
    box-shadow: 0px 3px 3px #FD8D49;
    border: none;
}
.secondPhase{
    /* border: solid 1px crimson; */
    background-color: #F3F1FF;
}
#secondPhaseImage{
    /* border: solid 1px black; */
    position: relative;
    bottom: 50px;
}
#dotted_shape{
    /* border: solid 1px teal; */
    top: -200px;
    z-index: 1;
    
}
/* .thirdPhase{
    border: solid 1px black;
} */
.fourthPhase{
    /* border: solid 1px turquoise; */
    background-color: #F3F1FF;
}
#dotted_shape2{
    /* border: solid 1px teal; */
    top: -180px;
    left: 0%;
    z-index: 1;
    width: 25%;
    
}
.textColor{
    /* color: #7E7B7B; */
}

/* .firthPhase{
    border: solid 1px violet;
    
   
} */

.col{
    /* border: solid 1px royalblue; */
    /* position: relative;
    bottom: 80px; */
}