.bg-btn{
    background: #673AB7;
    background: -moz-linear-gradient(left, #552ECD 0%, #673AB7 100%);
    background: -webkit-linear-gradient(left, #552ECD 0%, #673AB7 100%);
    background: linear-gradient(to right, #552ECD 0%, #673AB7 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
}
.bg-btn3 {
    background: #552ECD;
    background: -moz-linear-gradient(left, #552ECD 0%, #673AB7 100%);
    background: -webkit-linear-gradient(left, #552ECD 0%, #673AB7 100%);
    background: linear-gradient(to right, #552ECD 0%, #673AB7 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
}
.bg-btn4 {
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.bg-btn-success {
    background: #2ecc71;
    background: -moz-linear-gradient(left, #2ecc71 0%, #27ae60 100%);
    background: -webkit-linear-gradient(left,#2ecc71 0%, #27ae60 100%);
    background: linear-gradient(to right, #2ecc71 0%, #27ae60 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
}

.btn-outline {
    border: 2px solid #673AB7;
    color: #673AB7;
    display: inline-block;
    padding: 0px 32px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
    box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    transition: all .4s ease-in-out;
}

.btn-outline:hover {
    background: #673AB7;
    color: #fff;
    border: 2px solid #673AB7;
}

.bg-b{ background-image: linear-gradient(to right, #552ECD 0%,#6772DA 36%,#673AB7 65%,#6BA3FF 100%);}

.bg-gradient3 {
    background: #d3e4ff;
    background: -moz-linear-gradient(top, #d3e4ff 0%, #fffbef 100%);
    background: -webkit-linear-gradient(top, #d3e4ff 0%, #fffbef 100%);
    background: linear-gradient(to bottom, #d3e4ff 0%, #fffbef 100%);
}
.bg-gradient4{
background: #6BA3FF;
background: -moz-linear-gradient(top, #6BA3FF 0%, #f5faff 100%);
background: -webkit-linear-gradient(top, #6BA3FF 0%,#f5faff 100%);
background: linear-gradient(to bottom, #6BA3FF 0%,#f5faff 100%);}

.bg-gradient12{
background: #552ECD;
background: -moz-linear-gradient(to right, #552ECD, #673AB7, #6772DA, #6BA3FF);
background: -webkit-linear-gradient(to right, #552ECD, #673AB7, #6772DA, #6BA3FF);
background: linear-gradient(to right, #552ECD, #673AB7, #6772DA, #6BA3FF);}

.text-primary { color: #673AB7 !important;}
.text-second{color: #552ECD;}
.text-yellow{color: #ffd727;}