body {
    font-family: 'Outfit', sans-serif !important;
}
.btn-byellow {
    background-color: #FF9F00;
    color: white;
}
.btn-byellow:hover {
    
    background-color: #FFE84D;
    color: black;
}

.btn-byellow2 {
    background-color: #FFE84D;
    color: black;
}
.btn-byellow2:hover {
    
    background-color: #FF9F00;
    color: white;
}
.btn-border-black {
    border: 1px solid #FFE84D;
    background-color: #000;
    color: white;
}
.btn-border-black:hover {
    background-color: #FF9F00;
    color: white;
}
.btn-purple {
    border: 1px solid #6E00FF;
    background-color: #6E00FF; 
    color: white;
}
.btn-purple:hover {
    background-color: #000;
    color: white;
}
.purplebg{
    background-color: #6E00FF;    border-radius: 0rem 0rem 5rem 5rem;
}
.yellowbg{
    background-color: #ff9f2f;    border-radius: 0rem 0rem 5rem 5rem;
}
.yellowbg2{
    background-color: #6E00FF;    border-radius: 5rem;    overflow: hidden;
}
.yellowbg2 img{
    width:100%; max-height: 18vw;
}
.yellowbg3{
    background-color: #ff9f2f;    border-radius: 5rem 5rem 0rem 0rem;
}
.text-purple{
    color: #6E00FF;
}
.bg-purple{
    background-color: #6E00FF;
}
.text-red{
    color: #FF3C00;
}
.text-orange{
    color: #FF9F00;
}
.text-yellow{
    color: #FFE84D;
}
.btn-orange{
    background-color: #FF9F00;
    color: black;
}
.btn-orange:hover{
    background-color: #6E00FF;
    color: white;
}
.btn-purple{
    background-color: #6E00FF;
    color: white;
}
.btn-purple:hover{
    background-color: #FF9F00;
    color: black;
}
.purplebg2{
    background-color: #6E00FF;    border-radius: 5rem;
}
.purplebg3{
    background-color: #6E00FF;    border-radius: 5rem 5rem 0rem 0rem;
}
.purplebg3{
    background-color: #6E00FF;    border-radius: 5rem 5rem 0rem 0rem;
}
.purplebg3black{
    background-color: #000000;    border-radius: 5rem 5rem 0rem 0rem;
}
.smpurpa{font-size:4rem;}
.smpurpa35{font-size:3.5rem;}
.bg-warning2{
    background-color: #FF9F00;
}
@media (max-width: 767px) {
  /* Mobile styles here */
  .smpurpa{font-size:2rem;}
  .smpurpa35{font-size:1.5rem;}
  .yellowbg2 img{max-height: 67vw;}
}