.professional-100-btn-primary{
    background-color: #2ca87f !important;
    color: whitesmoke !important;
}
.professional-200-btn-primary{
    background-color:  #dc2626 !important;
    color: lightgray !important;
}
.professional-300-btn-primary{
    background-color: #673ab7 !important;
    color: white !important;
}
.professional-400-btn-primary{
    background-color:  #fd7e14 !important;
    color: gray !important;
}
.professional-500-btn-primary{
    background-color:  #4680ff !important;
    color: white !important;
}
.professional-600-btn-primary{
    background-color: #e83e8c !important;
    color: lightgrey !important;
}
.professional-700-btn-primary{
    background-color: #181818 !important;
    color: white !important;
}
.professional-800-btn-primary{
    background-color: #3ec9d6 !important;
    color: black !important;
}
.professional-900-btn-primary{
    color: #6610f2 !important;
   
}

/* for text colors  */
.professional-100-text-primary{
    color: #2ca87f !important;
    
}
.professional-200-text-primary{
    color: #dc2626 !important;
    
}
.professional-300-text-primary{
    color: #673ab7 !important;
    
}
.professional-400-text-primary{
    color: #fd7e14 !important;
    
}
.professional-500-text-primary{
    color: #4680ff !important;
    
}
.professional-600-text-primary{
    color: #e83e8c !important;
    
}
.professional-700-text-primary{
    color: #181818 !important;
   
}
.professional-800-text-primary{
    color: #3ec9d6 !important;
 
}
.professional-900-text-primary{
    color: #6610f2 !important;
    
}


/* for outline colors  */
.professional-100-outline-primary{
    border: 2px solid #2ca87f !important;
}
.professional-200-outline-primary{
    border: 2px solid #dc2626 !important;
}
.professional-300-outline-primary{
    border: 2px solid #673ab7 !important;
}
.professional-400-outline-primary{
    border: 2px solid #fd7e14 !important;
}
.professional-500-outline-primary{
    border: 2px solid #4680ff !important;
}
.professional-600-outline-primary{
    border: 2px solid #e83e8c !important;
}
.professional-700-outline-primary{
    border: 2px solid #181818 !important;
}
.professional-800-outline-primary{
    border: 2px solid #3ec9d6 !important;
}
.professional-900-outline-primary{
    border: 2px solid #6610f2 !important;
}


/* for hover color  */
.professional-100-outline-primary:hover{
    background-color: #2ca87f !important;
}
.professional-200-outline-primary:hover{
    background-color: #dc2626 !important;
}
.professional-300-outline-primary:hover{
    background-color: #673ab7 !important;
}
.professional-400-outline-primary:hover{
    background-color: #fd7e14 !important;
}
.professional-500-outline-primary:hover{
    background-color: #4680ff !important;
}
.professional-600-outline-primary:hover{
    background-color: #e83e8c !important;
}
.professional-700-outline-primary:hover{
    background-color: #181818 !important;
}
.professional-800-outline-primary:hover{
    background-color: #3ec9d6 !important;
}
.professional-900-outline-primary:hover{
    background-color: #6610f2 !important;
}









/* playful bg 100  */
.playful-bg-100,
footer.playful-bg-100,
header.playful-bg-100,
section.playful-bg-100,
div.playful-bg-100,
article.playful-bg-100,
summary.playful-bg-100,
nav.playful-bg-100,
.playful-bg-100 .wrapper,
.playful-bg-100 nav,
.playful-bg-100 .container,
.playful-bg-100 header{
    background-color: #f5f5f5 !important;
}
/* .playful-bg-100 section,
.playful-bg-100 div,
.playful-bg-100 main,
.playful-bg-100 article, 
.playful-bg-100 aside, 
.playful-bg-100 nav, 
.playful-bg-100 header, 
.playful-bg-100 footer{
    background-color: #e6e8fd !important;
} */
.playful-bg-100 h1,
.playful-bg-100 h2,
.playful-bg-100 h3, 
.playful-bg-100 h4, 
.playful-bg-100 h5, 
.playful-bg-100 h6{
    color: #333333 !important;
}
.playful-bg-100 p{
    color: #333333 !important;
    filter: brightness(120%);
}
.playful-bg-100 button,
.playful-bg-100 .btn{
    background-color: #4a90e2 !important;
    color: whitesmoke;
    border-color: #4a90e2 !important;
}



/* playful bg 200 */
.playful-bg-200,
footer.playful-bg-200,
header.playful-bg-200,
section.playful-bg-200,
div.playful-bg-200,
article.playful-bg-200,
summary.playful-bg-200,
nav.playful-bg-200,
.playful-bg-200 .wrapper,
.playful-bg-200 nav,
.playful-bg-200 .container,
.playful-bg-200 header{
    background-color: #bfe6e7 !important;
}
.playful-bg-200 h1,
.playful-bg-200 h2,
.playful-bg-200 h3, 
.playful-bg-200 h4, 
.playful-bg-200 h5, 
.playful-bg-200 h6 {
    color: #1b262c !important; /* updated */
}
.playful-bg-200 p {
    color: #1b262c !important;
    filter: brightness(120%);
}
.playful-bg-200 button,
.playful-bg-200 .btn {
    background-color: #139c9b !important; /* updated */
    color: whitesmoke;
    border-color: #139c9b !important;
}

/* playful bg 300 */

.playful-bg-300,
footer.playful-bg-300,
header.playful-bg-300,
section.playful-bg-300,
div.playful-bg-300,
article.playful-bg-300,
summary.playful-bg-300,
nav.playful-bg-300,
.playful-bg-300 .wrapper,
.playful-bg-300 nav,
.playful-bg-300 .container,
.playful-bg-300 header{
    background-color: #ebe4d9 !important;
}
.playful-bg-300 h1,
.playful-bg-300 h2,
.playful-bg-300 h3, 
.playful-bg-300 h4, 
.playful-bg-300 h5, 
.playful-bg-300 h6 {
    color: #2d3142 !important; /* updated */
}
.playful-bg-300 p {
    color: #2d3142 !important;
    filter: brightness(120%);
}
.playful-bg-300 button,
.playful-bg-300 .btn {
    background-color: #ff9f1c !important; /* updated */
    color: whitesmoke;
}

/* bold bg 100 */
footer.bold-bg-100,
header.bold-bg-100,
section.bold-bg-100,
div.bold-bg-100,
article.bold-bg-100,
summary.bold-bg-100,
nav.bold-bg-100,
.bold-bg-100 {
    background-color: #f7e8d6 !important;
}

.bold-bg-100 h1,
.bold-bg-100 h2,
.bold-bg-100 h3, 
.bold-bg-100 h4, 
.bold-bg-100 h5, 
.bold-bg-100 h6 {
    color: #3e2723 !important; /* updated */
}
.bold-bg-100 p {
    color: #3e2723 !important;
    filter: brightness(120%);
}
.bold-bg-100 button,
.bold-bg-100 .btn {
    background-color: #ff7043 !important; /* updated */
    color: whitesmoke;
    border-color: #ff7043 !important;

}

/* bold bg 200 */

.bold-bg-200,
footer.bold-bg-200,
header.bold-bg-200,
section.bold-bg-200,
div.bold-bg-200,
article.bold-bg-200,
summary.bold-bg-200,
nav.bold-bg-200,
.bold-bg-200 .wrapper,
.bold-bg-200 nav,
.bold-bg-200 .container,
.bold-bg-200 header{
    background-color: #ffe4e1 !important;
}
.bold-bg-200 h1,
.bold-bg-200 h2,
.bold-bg-200 h3, 
.bold-bg-200 h4, 
.bold-bg-200 h5, 
.bold-bg-200 h6 {
    color: #001f3f !important; /* updated */
}
.bold-bg-200 p {
    color: #001f3f !important;
    filter: brightness(120%);
}
.bold-bg-200 button,
.bold-bg-200 .btn {
    background-color: #ff6f61 !important; /* updated */
    color: whitesmoke;
    border-color: #ff7043 !important;
}

/* bold bg 300 */
.bold-bg-300,
footer.bold-bg-300,
header.bold-bg-300,
section.bold-bg-300,
div.bold-bg-300,
article.bold-bg-300,
summary.bold-bg-300,
nav.bold-bg-300,
.bold-bg-300 .wrapper,
.bold-bg-300 nav,
.bold-bg-300 .container,
.bold-bg-300 header{
    background-color: #e0dfd7 !important;
}
.bold-bg-300 h1,
.bold-bg-300 h2,
.bold-bg-300 h3, 
.bold-bg-300 h4, 
.bold-bg-300 h5, 
.bold-bg-300 h6 {
    color: #1e9e4c !important; /* updated */
}
.bold-bg-300 p {
    color: #1e9e4c !important;
    filter: brightness(120%);
}
.bold-bg-300 button,
.bold-bg-300 .btn {
    background-color: #1c1c1c !important; /* updated */
    color: whitesmoke;
    border-color: #1c1c1c !important;
}

/* sophisticated bg 100 */
.sophisticated-bg-100 .wrapper,
footer.sophisticated-bg-100,
header.sophisticated-bg-100,
section.sophisticated-bg-100,
div.sophisticated-bg-100,
article.sophisticated-bg-100,
summary.sophisticated-bg-100,
nav.sophisticated-bg-100,
.sophisticated-bg-100 nav,
.sophisticated-bg-100 .container,
.sophisticated-bg-100 header{
    background-color: #e0e1da !important;
}
.sophisticated-bg-100 h1,
.sophisticated-bg-100 h2,
.sophisticated-bg-100 h3, 
.sophisticated-bg-100 h4, 
.sophisticated-bg-100 h5, 
.sophisticated-bg-100 h6 {
    color: #273551 !important; /* updated */
}
.sophisticated-bg-100 p {
    color: #273551 !important;
    filter: brightness(120%);
}
.sophisticated-bg-100 button,
.sophisticated-bg-100 .btn {
    background-color: #4c4c4c !important; /* updated */
    color: whitesmoke;
    border-color: #4c4c4c !important;
}

/* sophisticated bg 200 */

.sophisticated-bg-200 .wrapper,
.sophisticated-bg-100 .wrapper,
footer.sophisticated-bg-200,
header.sophisticated-bg-200,
section.sophisticated-bg-200,
div.sophisticated-bg-200,
article.sophisticated-bg-200,
summary.sophisticated-bg-200,
nav.sophisticated-bg-200,
.sophisticated-bg-200 nav,
.sophisticated-bg-200 .container,
.sophisticated-bg-200 header{
    background-color: #f4f4f0 !important;
}
.sophisticated-bg-200 h1,
.sophisticated-bg-200 h2,
.sophisticated-bg-200 h3, 
.sophisticated-bg-200 h4, 
.sophisticated-bg-200 h5, 
.sophisticated-bg-200 h6 {
    color: #333333 !important; /* updated */
}
.sophisticated-bg-200 p {
    color: #333333 !important;
    filter: brightness(120%);
}
.sophisticated-bg-200 button,
.sophisticated-bg-200 .btn {
    background-color: #8c8c8c !important; /* updated */
    color: whitesmoke;
    border-color: #8c8c8c !important;
}

/* sophisticated bg 300 */

.sophisticated-bg-300,
.sophisticated-bg-300 .wrapper,
footer.sophisticated-bg-300,
header.sophisticated-bg-300,
section.sophisticated-bg-300,
div.sophisticated-bg-300,
article.sophisticated-bg-300,
summary.sophisticated-bg-300,
nav.sophisticated-bg-300,
.sophisticated-bg-300 .wrapper,
.sophisticated-bg-300 nav,
.sophisticated-bg-300 .container,
.sophisticated-bg-300 header{
    background-color: #f0f0f5 !important;
}
.sophisticated-bg-300 h1,
.sophisticated-bg-300 h2,
.sophisticated-bg-300 h3, 
.sophisticated-bg-300 h4, 
.sophisticated-bg-300 h5, 
.sophisticated-bg-300 h6 {
    color: #4a4a4a !important; /* updated */
}
.sophisticated-bg-300 p {
    color: #4a4a4a !important;
    filter: brightness(120%);
}
.sophisticated-bg-300 button,
.sophisticated-bg-300 .btn {
    background-color: #206b66 !important; /* updated */
    color: whitesmoke;
    border-color: #206b66 !important;
}







/* friendly-bg-100 bg 100  */
/* friendly-bg-100 */

.friendly-bg-100,
.friendly-bg-100 .wrapper,
footer.friendly-bg-100,
header.friendly-bg-100,
section.friendly-bg-100,
div.friendly-bg-100,
article.friendly-bg-100,
summary.friendly-bg-100,
nav.friendly-bg-100,
.friendly-bg-100 .wrapper,
.friendly-bg-100 nav,
.friendly-bg-100 .container,
.friendly-bg-100 header{
    background-color: #fdf0e4 !important;
}

.friendly-bg-100 h1,
.friendly-bg-100 h2,
.friendly-bg-100 h3, 
.friendly-bg-100 h4, 
.friendly-bg-100 h5, 
.friendly-bg-100 h6 {
    color: #ed8e82 !important; /* text color */
}
.friendly-bg-100 p {
    color: #ed8e82 !important; /* text color */
    filter: brightness(120%);
}
.friendly-bg-100 button,
.friendly-bg-100 .btn {
    background-color: #0d0e5d !important; /* button background color */
    color: whitesmoke;
    border-color: #0d0e5d !important;
}

/* friendly-bg-200 */

.friendly-bg-200,
footer.friendly-bg-200,
header.friendly-bg-200,
section.friendly-bg-200,
div.friendly-bg-200,
article.friendly-bg-200,
summary.friendly-bg-200,
nav.friendly-bg-200,
.friendly-bg-200 .wrapper,
.friendly-bg-200 nav,
.friendly-bg-200 .container,
.friendly-bg-200 header{
    background-color: #f9cfa0 !important;
}
.friendly-bg-200 h1,
.friendly-bg-200 h2,
.friendly-bg-200 h3, 
.friendly-bg-200 h4, 
.friendly-bg-200 h5, 
.friendly-bg-200 h6 {
    color: #fb6226 !important; /* text color */
}
.friendly-bg-200 p {
    color: #fb6226 !important; /* text color */
    filter: brightness(120%);
}
.friendly-bg-200 button,
.friendly-bg-200 .btn {
    background-color: #171c17 !important; /* button background color */
    color: whitesmoke;
    border-color: #171c17 !important;
}

/* friendly-bg-300 */
.friendly-bg-300,
footer.friendly-bg-300,
header.friendly-bg-300,
section.friendly-bg-300,
div.friendly-bg-300,
article.friendly-bg-300,
summary.friendly-bg-300,
nav.friendly-bg-300,
.friendly-bg-300 .wrapper,
.friendly-bg-300 nav,
.friendly-bg-300 .container,
.friendly-bg-300 header{
    background-color: #f3f3f3 !important;
}
.friendly-bg-300 h1,
.friendly-bg-300 h2,
.friendly-bg-300 h3, 
.friendly-bg-300 h4, 
.friendly-bg-300 h5, 
.friendly-bg-300 h6 {
    color: #4a4a4a !important; /* text color */
}
.friendly-bg-300 p {
    color: #4a4a4a !important; /* text color */
    filter: brightness(120%);
}
.friendly-bg-300 button,
.friendly-bg-300 .btn {
    background-color: #27459f !important; /* button background color */
    color: whitesmoke;
    border-color: #27459f !important;
}

/* blissful-bg-100 */

.blissful-bg-100,
footer.blissful-bg-100,
header.blissful-bg-100,
section.blissful-bg-100,
div.blissful-bg-100,
article.blissful-bg-100,
summary.blissful-bg-100,
nav.blissful-bg-100,
.blissful-bg-100 .wrapper,
.blissful-bg-100 nav,
.blissful-bg-100 .container,
.blissful-bg-100 header{
    background-color: #fe6441 !important;
}
.blissful-bg-100 h1,
.blissful-bg-100 h2,
.blissful-bg-100 h3, 
.blissful-bg-100 h4, 
.blissful-bg-100 h5, 
.blissful-bg-100 h6 {
    color: #ffffff !important; /* text color */
}
.blissful-bg-100 p {
    color: #ffffff !important; /* text color */
    filter: brightness(120%);
}
.blissful-bg-100 button,
.blissful-bg-100 .btn {
    background-color: #380805 !important; /* button background color */
    color: whitesmoke;
    border-color: #380805 !important;
}

/* blissful-bg-200 */

.blissful-bg-200,
footer.blissful-bg-200,
header.blissful-bg-200,
section.blissful-bg-200,
div.blissful-bg-200,
article.blissful-bg-200,
summary.blissful-bg-200,
nav.blissful-bg-200,
.blissful-bg-200 .wrapper,
.blissful-bg-200 nav,
.blissful-bg-200 .container,
.blissful-bg-200 header{
    background-color: #f2f2f1 !important;
}
.blissful-bg-200 h1,
.blissful-bg-200 h2,
.blissful-bg-200 h3, 
.blissful-bg-200 h4, 
.blissful-bg-200 h5, 
.blissful-bg-200 h6 {
    color: #4a4a4a !important; /* text color */
}
.blissful-bg-200 p {
    color: #4a4a4a !important; /* text color */
    filter: brightness(120%);
}
.blissful-bg-200 button,
.blissful-bg-200 .btn {
    background-color: #7877e8 !important; /* button background color */
    color: whitesmoke;
    border-color: #7877e8 !important;
}

/* blissful-bg-300 */

.blissful-bg-300,
footer.blissful-bg-300,
header.blissful-bg-300,
section.blissful-bg-300,
div.blissful-bg-300,
article.blissful-bg-300,
summary.blissful-bg-300,
nav.blissful-bg-300,
.blissful-bg-300 .wrapper,
.blissful-bg-300 nav,
.blissful-bg-300 .container,
.blissful-bg-300 header{
    background-color: #eff38a !important;
}
.blissful-bg-300 h1,
.blissful-bg-300 h2,
.blissful-bg-300 h3, 
.blissful-bg-300 h4, 
.blissful-bg-300 h5, 
.blissful-bg-300 h6 {
    color: #380805 !important; /* text color */
}
.blissful-bg-300 p {
    color: #380805 !important; /* text color */
    filter: brightness(120%);
}
.blissful-bg-300 button,
.blissful-bg-300 .btn {
    background-color: #e2493b !important; /* button background color */
    color: whitesmoke;
    border-color: #e2493b !important;
}

/* innovative-bg-100 */

.innovative-bg-100,
footer.innovative-bg-100,
header.innovative-bg-100,
section.innovative-bg-100,
div.innovative-bg-100,
article.innovative-bg-100,
summary.innovative-bg-100,
nav.innovative-bg-100,
.innovative-bg-100 .wrapper,
.innovative-bg-100 nav,
.innovative-bg-100 .container,
.innovative-bg-100 header{
    background-color: #ffce65 !important;
}
.innovative-bg-100 h1,
.innovative-bg-100 h2,
.innovative-bg-100 h3, 
.innovative-bg-100 h4, 
.innovative-bg-100 h5, 
.innovative-bg-100 h6 {
    color: #3a3a3a !important; /* text color */
}
.innovative-bg-100 p {
    color: #3a3a3a !important; /* text color */
    filter: brightness(120%);
}
.innovative-bg-100 button,
.innovative-bg-100 .btn {
    background-color: #b266f7 !important; /* button background color */
    color: whitesmoke;
    border-color: #b266f7 !important;
}

/* innovative-bg-200 */

.innovative-bg-200,
footer.innovative-bg-200,
header.innovative-bg-200,
section.innovative-bg-200,
div.innovative-bg-200,
article.innovative-bg-200,
summary.innovative-bg-200,
nav.innovative-bg-200,
.innovative-bg-200 .wrapper,
.innovative-bg-200 nav,
.innovative-bg-200 .container,
.innovative-bg-200 header{
    background-color: #e0dfd9 !important;
}
.innovative-bg-200 h1,
.innovative-bg-200 h2,
.innovative-bg-200 h3, 
.innovative-bg-200 h4, 
.innovative-bg-200 h5, 
.innovative-bg-200 h6 {
    color: #454545 !important; /* text color */
}
.innovative-bg-200 p {
    color: #454545 !important; /* text color */
    filter: brightness(120%);
}
.innovative-bg-200 button,
.innovative-bg-200 .btn {
    background-color: #07202d !important; /* button background color */
    color: whitesmoke;
    border-color: #07202d !important;
}

/* innovative-bg-300 */

.innovative-bg-300,
footer.innovative-bg-300,
header.innovative-bg-300,
section.innovative-bg-300,
div.innovative-bg-300,
article.innovative-bg-300,
summary.innovative-bg-300,
nav.innovative-bg-300,
.innovative-bg-300 .wrapper,
.innovative-bg-300 nav,
.innovative-bg-300 .container,
.innovative-bg-300 header{
    background-color: #fce976 !important;
}
.innovative-bg-300 h1,
.innovative-bg-300 h2,
.innovative-bg-300 h3, 
.innovative-bg-300 h4, 
.innovative-bg-300 h5,
.innovative-bg-300 h6 {
    color: #d53b21 !important; /* text color */
}
.innovative-bg-300 p {
    color: #d53b21 !important; /* text color */
    filter: brightness(120%);
}
.innovative-bg-300 button,
.innovative-bg-300 .btn {
    background-color: #c0005a !important; /* button background color */
    color: whitesmoke;
    border-color: #c0005a !important;
}



/* attractive-bg-100 */

.attractive-bg-100,
footer.attractive-bg-100,
header.attractive-bg-100,
section.attractive-bg-100,
div.attractive-bg-100,
article.attractive-bg-100,
summary.attractive-bg-100,
nav.attractive-bg-100,
.attractive-bg-100 .wrapper,
.attractive-bg-100 nav,
.attractive-bg-100 .container,
.attractive-bg-100 header{
    background-color: #d9d9d9 !important;
}
.attractive-bg-100 h1,
.attractive-bg-100 h2,
.attractive-bg-100 h3,
.attractive-bg-100 h4,
.attractive-bg-100 h5,
.attractive-bg-100 h6 {
    color: #ff5e1d !important;
}
.attractive-bg-100 p {
    color: #ff5e1d !important;
    filter: brightness(120%);
}
.attractive-bg-100 button,
.attractive-bg-100 .btn {
    background-color: #282828 !important;
    color: whitesmoke;
    border-color: #282828 !important;
}

/* attractive-bg-200 */
.attractive-bg-200,
footer.attractive-bg-200,
header.attractive-bg-200,
section.attractive-bg-200,
div.attractive-bg-200,
article.attractive-bg-200,
summary.attractive-bg-200,
nav.attractive-bg-200,
.attractive-bg-200 .wrapper,
.attractive-bg-200 nav,
.attractive-bg-200 .container,
.attractive-bg-200 header{
    background-color: #e7d9cb !important;
}
.attractive-bg-200 h1,
.attractive-bg-200 h2,
.attractive-bg-200 h3,
.attractive-bg-200 h4,
.attractive-bg-200 h5,
.attractive-bg-200 h6 {
    color: #4b5055 !important;
}
.attractive-bg-200 p {
    color: #4b5055 !important;
    filter: brightness(120%);
}
.attractive-bg-200 button,
.attractive-bg-200 .btn {
    background-color: #a6825a !important;
    color: whitesmoke;
    border-color: #a6825a !important;
}

/* attractive-bg-300 */

.attractive-bg-300,
footer.attractive-bg-300,
header.attractive-bg-300,
section.attractive-bg-300,
div.attractive-bg-300,
article.attractive-bg-300,
summary.attractive-bg-300,
nav.attractive-bg-300,
.attractive-bg-300 .wrapper,
.attractive-bg-300 nav,
.attractive-bg-300 .container,
.attractive-bg-300 header{
    background-color: #f4f4f2 !important;
}
.attractive-bg-300 h1,
.attractive-bg-300 h2,
.attractive-bg-300 h3,
.attractive-bg-300 h4,
.attractive-bg-300 h5,
.attractive-bg-300 h6 {
    color: #a88300 !important;
}
.attractive-bg-300 p {
    color: #a88300 !important;
    filter: brightness(120%);
}
.attractive-bg-300 button,
.attractive-bg-300 .btn {
    background-color: #373935 !important;
    color: whitesmoke;
    border-color: #373935 !important;
}

/* abstractive-bg-100 */
.abstractive-bg-100,
footer.abstractive-bg-100,
header.abstractive-bg-100,
section.abstractive-bg-100,
div.abstractive-bg-100,
article.abstractive-bg-100,
summary.abstractive-bg-100,
nav.abstractive-bg-100,
.abstractive-bg-100 .wrapper,
.abstractive-bg-100 nav,
.abstractive-bg-100 .container,
.abstractive-bg-100 header{
    background-color: #ff0000 !important;
}
.abstractive-bg-100 h1,
.abstractive-bg-100 h2,
.abstractive-bg-100 h3,
.abstractive-bg-100 h4,
.abstractive-bg-100 h5,
.abstractive-bg-100 h6 {
    color: #ffffff !important;
}
.abstractive-bg-100 p {
    color: #ffffff !important;
    filter: brightness(120%);
}
.abstractive-bg-100 button,
.abstractive-bg-100 .btn {
    background-color: #333399 !important;
    color: whitesmoke;
    border-color: #333399 !important;
}

/* abstractive-bg-200 */
.abstractive-bg-200 {
    background-color: #ffa500 !important;
}
.abstractive-bg-200,
footer.abstractive-bg-200,
header.abstractive-bg-200,
section.abstractive-bg-200,
div.abstractive-bg-200,
article.abstractive-bg-200,
summary.abstractive-bg-200,
nav.abstractive-bg-200,
.abstractive-bg-200 .wrapper,
.abstractive-bg-200 nav,
.abstractive-bg-200 .container,
.abstractive-bg-200 header{
    background-color: #ffa500 !important;
}
.abstractive-bg-200 h1,
.abstractive-bg-200 h2,
.abstractive-bg-200 h3,
.abstractive-bg-200 h4,
.abstractive-bg-200 h5,
.abstractive-bg-200 h6 {
    color: #800080 !important;
}
.abstractive-bg-200 p {
    color: #800080 !important;
    filter: brightness(120%);
}
.abstractive-bg-200 button,
.abstractive-bg-200 .btn {
    background-color: #000000 !important;
    color: whitesmoke;
    border-color: #000000 !important;
}

/* abstractive-bg-300 */

.abstractive-bg-300,
footer.abstractive-bg-300,
header.abstractive-bg-300,
section.abstractive-bg-300,
div.abstractive-bg-300,
article.abstractive-bg-300,
summary.abstractive-bg-300,
nav.abstractive-bg-300,
.abstractive-bg-300 .wrapper,
.abstractive-bg-300 nav,
.abstractive-bg-300 .container,
.abstractive-bg-300 header{
    background-color: #ffc0cb !important;
}
.abstractive-bg-300 h1,
.abstractive-bg-300 h2,
.abstractive-bg-300 h3,
.abstractive-bg-300 h4,
.abstractive-bg-300 h5,
.abstractive-bg-300 h6 {
    color: #a52a2a !important;
}
.abstractive-bg-300 p {
    color: #a52a2a !important;
    filter: brightness(120%);
}
.abstractive-bg-300 button,
.abstractive-bg-300 .btn {
    background-color: #4b2e2b !important;
    color: whitesmoke;
    border-color: #4b2e2b !important;
}

/* fascinating-bg-100 */

.fascinating-bg-100,
footer.fascinating-bg-100,
header.fascinating-bg-100,
section.fascinating-bg-100,
div.fascinating-bg-100,
article.fascinating-bg-100,
summary.fascinating-bg-100,
nav.fascinating-bg-100,
.fascinating-bg-100 .wrapper,
.fascinating-bg-100 nav,
.fascinating-bg-100 .container,
footer.fascinating-bg-100,
.fascinating-bg-100 header{
    background-color: #008080 !important;
}
.fascinating-bg-100 h1,
.fascinating-bg-100 h2,
.fascinating-bg-100 h3,
.fascinating-bg-100 h4,
.fascinating-bg-100 h5,
.fascinating-bg-100 h6 {
    color: #4b0082 !important;
}
.fascinating-bg-100 p {
    color: #4b0082 !important;
    filter: brightness(120%);
}
.fascinating-bg-100 button,
.fascinating-bg-100 .btn {
    background-color: #ffd700 !important;
    color: whitesmoke;
    border-color: #ffd700 !important;
}

/* fascinating-bg-200 */

.fascinating-bg-200,
footer.fascinating-bg-200,
header.fascinating-bg-200,
section.fascinating-bg-200,
div.fascinating-bg-200,
article.fascinating-bg-200,
summary.fascinating-bg-200,
nav.fascinating-bg-200,
.fascinating-bg-200 .wrapper,
.fascinating-bg-200 nav,
.fascinating-bg-200 .container,
.fascinating-bg-200 header{
    background-color: #4caf50 !important;
}
.fascinating-bg-200 h1,
.fascinating-bg-200 h2,
.fascinating-bg-200 h3,
.fascinating-bg-200 h4,
.fascinating-bg-200 h5,
.fascinating-bg-200 h6 {
    color: #4b0082 !important;
}
.fascinating-bg-200 p {
    color: #4b0082 !important;
    filter: brightness(120%);
}
.fascinating-bg-200 button,
.fascinating-bg-200 .btn {
    background-color: #ff9800 !important;
    color: whitesmoke;
    border-color: #ff9800 !important;
}


/* fascinating-bg-300 */

.fascinating-bg-300,
footer.fascinating-bg-300,
header.fascinating-bg-300,
section.fascinating-bg-300,
div.fascinating-bg-300,
article.fascinating-bg-300,
summary.fascinating-bg-300,
nav.fascinating-bg-300,
.fascinating-bg-300 .wrapper,
.fascinating-bg-300 nav,
.fascinating-bg-300 .container,
.fascinating-bg-300 header{
    background-color: #8a2be2 !important;
}
.fascinating-bg-300 h1,
.fascinating-bg-300 h2,
.fascinating-bg-300 h3,
.fascinating-bg-300 h4,
.fascinating-bg-300 h5,
.fascinating-bg-300 h6 {
    color: #283c44 !important;
}
.fascinating-bg-300 p {
    color: #283c44 !important;
    filter: brightness(120%);
}
.fascinating-bg-300 button,
.fascinating-bg-300 .btn {
    background-color: #ff007f !important;
    color: whitesmoke;
    border-color: #ff007f !important;
}




/* Intruiging Background 100 */

.intruiging-bg-100,
footer.intruiging-bg-100,
header.intruiging-bg-100,
section.intruiging-bg-100,
div.intruiging-bg-100,
article.intruiging-bg-100,
summary.intruiging-bg-100,
nav.intruiging-bg-100,
.intruiging-bg-100 .wrapper,
.intruiging-bg-100 nav,
.intruiging-bg-100 .container,
.intruiging-bg-100 header{
    background-color: #36454f !important;
}

.intruiging-bg-100 h1,
.intruiging-bg-100 h2,
.intruiging-bg-100 h3,
.intruiging-bg-100 h4,
.intruiging-bg-100 h5,
.intruiging-bg-100 h6 {
    color: #fa8072 !important;
}

.intruiging-bg-100 p {
    color: #fa8072 !important;
    filter: brightness(120%);
}

.intruiging-bg-100 button,
.intruiging-bg-100 .btn {
    background-color: #808000 !important;
    color: whitesmoke;
    border-color: #808000 !important;
}

/* Intruiging Background 200 */

.intruiging-bg-200,
footer.intruiging-bg-200,
header.intruiging-bg-200,
section.intruiging-bg-200,
div.intruiging-bg-200,
article.intruiging-bg-200,
summary.intruiging-bg-200,
nav.intruiging-bg-200,
.intruiging-bg-200 .wrapper,
.intruiging-bg-200 nav,
.intruiging-bg-200 .container,
.intruiging-bg-200 header{
    background-color: #ffd700 !important;
}

.intruiging-bg-200 h1,
.intruiging-bg-200 h2,
.intruiging-bg-200 h3,
.intruiging-bg-200 h4,
.intruiging-bg-200 h5,
.intruiging-bg-200 h6 {
    color: #007ba7 !important;
}

.intruiging-bg-200 p {
    color: #007ba7 !important;
    filter: brightness(120%);
}

.intruiging-bg-200 button,
.intruiging-bg-200 .btn {
    background-color: #ffcc99 !important;
    color: whitesmoke;
    border-color: #ffcc99 !important;
}