/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #630fff #dddddd;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #dddddd;
}

*::-webkit-scrollbar-thumb {
  background-color: #630fff;
  border-radius: 20px;
  border: 2px solid #dddddd;
}

.theme-btn-outline{
    margin-top: 5px;
    padding: 8px 18px;
    text-align: center;
    font-weight: normal;
    background: transparent !important;
    color: #630fff;
    text-decoration: none;
    border: 1px solid #630fff !important;
}

.theme-btn-primary {
    margin-top: 5px;
    padding: 8px 18px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-color: #630fff!important;
    color: white;            
    /*box-shadow: 0 2px 10px #eee;*/
    border-radius: 5px;
}

.theme-btn-primary:hover {
    background: transparent !important;
    color: #630fff;
    text-decoration: none;
    border: 1px solid #630fff !important;
}


.theme-btn-secondary {
    margin-top: 5px;
    padding: 8px 18px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-color: #00d1c4!important;
    color: white;            
    /*box-shadow: 0 2px 10px #eee;*/
    border-radius: 5px;
}

.theme-btn-secondary:hover {
    background: transparent !important;
    color: #00d1c4;
    text-decoration: none;
    border: 1px solid #00d1c4 !important;
}


.theme-btn-gradient {
    margin-top: 5px;
    padding: 6px 12px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-image: linear-gradient(145deg, #630fff 0%, #00d1c4  100%)!important;
    color: white;
    border-radius: 5px;
}

.theme-btn-gradient:hover {
    background: #fff !important;
    color: #630fff;
    text-decoration: none;
    border: 1px solid #630fff !important;
}
.theme-bg {
    background: transparent !important;
    color: #630fff !important;
    text-decoration: none;
    border: 2px solid #630fff !important;
}
    
.theme-bg-primary{
    background-color:#630fff;
    color:#FFF;
}

.theme-bg-secondary{
    background-color:#00d1c4;
    color:#fff;
}

.theme-bg-gradient{
    background-image: linear-gradient(145deg, #630fff 0%, #00d1c4  100%);
    color:#FFF;
    /*box-shadow: 0px 0px 15px 5px rgba(255, 158, 110,0.4);
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 158, 110,0.4);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 158, 110,0.4);*/
}
/** Text Gradient Example */ 
.theme-text-gradient {
 color: #630fff; 
 background-image: linear-gradient(90deg, #630fff 33%, #00d1c4 75%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}
.theme-bg-primary-light{
    color:#9c6819;
    background-color: #fff0d9;
    border-color: transparent;
}

.theme-border{
    border-color:#630fff !important;
}
.theme-border-hover:hover{
    border-color:#630fff !important;
}

.theme-text{
    color:#d60f5f!important;
}
    
.theme-primary-text{
    color:#630fff !important;
}
.theme-secondary-text{
    color:#00d1c4 !important;
}