body {
    font-family: poppins, sans-serif;
    font-weight: 300;
    /* 400, 700 */
    font-style: normal;
}

.bg-gradient {
    background-color: #FFF4F4 !important;
}

.nav-pills .nav-link {
    transition: all .2s ease-in-out;
    border-radius: 2rem;
}

.color-box {
    width: 8rem;
    height: 3rem;
    margin-right: 1rem;
    position: relative;
    color: #717171;
    text-transform: uppercase;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
}

.nav-pills .nav-link {
    margin-top: 1rem;
}
.navbar-toggler {
    color: white;
    border: 0;
}
.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

#background-color-gradients {

}



#pills-tab {
    top: -2.5rem;
    position: relative;
}

.far, .fas, fab {
    color: #5A5A5A!important;
}

.rounded-2 {
    border-radius: 1rem!important;
    border: none;
}

.img-rounded-2 {
    border-top-right-radius: 1rem!important;
    border-top-left-radius: 1rem!important;
}

.card {
    box-shadow: 0 12px 35px -10px rgba(0, 0, 0, .01), 0 8px 10px -5px rgba(0, 0, 0, .01), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;
}

.card-body {
    padding: 0.5rem 1rem 0.5rem 1rem !important;
}

.card {
    position: relative;
    top: 0;
    transition: top ease 0.3s;
}
.card:hover {
    top: -5px;
}

.bpt {
    margin-top: 10rem;
}

#header-aboutus {
    background-image: linear-gradient(#F29188,white);
    height: 400px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.cl-blue {
    color: #050259!important;
}

.cl-light {
    color: #F29188!important;
}


.popover {
    background: #218838;
    border: white;
}
.popover-body {
    color: white;
}
.popover.bottom .arrow:after {
    border-bottom-color: white;
}


/*

Color Tabs - Each Color

style="background-color: red;box-shadow: 0 12px 35px -10px rgba(255, 0, 0, .55), 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14);"
*/

#color-red-tab {background-color: red !important;}
#color-red-tab.active, #color-red-tab:focus, #color-red-tab:hover {box-shadow: 0 12px 35px -10px red, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-orange-tab {background-color: orange !important;}
#color-orange-tab.active, #color-orange-tab:focus, #color-orange-tab:hover {box-shadow: 0 12px 35px -10px orange, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-yellow-tab {background-color: yellow !important;}
#color-yellow-tab.active, #color-yellow-tab:focus, #color-yellow-tab:hover {box-shadow: 0 12px 35px -10px yellow, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-green-tab {background-color: green !important;}
#color-green-tab.active, #color-green-tab:focus, #color-green-tab:hover {box-shadow: 0 12px 35px -10px green, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-lightblue-tab {background-color: lightblue !important;}
#color-lightblue-tab.active, #color-lightblue-tab:focus, #color-lightblue-tab:hover {box-shadow: 0 12px 35px -10px lightblue, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-blue-tab {background-color: blue !important;}
#color-blue-tab.active, #color-blue-tab:focus, #color-blue-tab:hover {box-shadow: 0 12px 35px -10px blue, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-violet-tab {background-color: violet!important;}
#color-violet-tab.active, #color-violet-tab:focus, #color-violet-tab:hover {box-shadow: 0 12px 35px -10px violet, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-pink-tab {background-color: pink!important;}
#color-pink-tab.active, #color-pink-tab:focus, #color-pink-tab:hover {box-shadow: 0 12px 35px -10px pink, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}


#color-white-tab {background-color: white!important;}
#color-white-tab.active, #color-white-tab:focus, #color-white-tab:hover {box-shadow: 0 12px 35px -10px white, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-grey-tab {background-color: grey!important;}
#color-grey-tab.active, #color-grey-tab:focus, #color-grey-tab:hover {box-shadow: 0 12px 35px -10px grey, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}


#color-black-tab {background-color: black!important;}
#color-black-tab.active, #color-black-tab:focus, #color-black-tab:hover {box-shadow: 0 12px 35px -10px black, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}

#color-multi-tab {
    background-image: linear-gradient( 94.3deg,  rgba(104,213,253,0.63) 0.7%, rgba(169,236,91,0.79) 18.6%, rgba(253,246,116,0.98) 39.1%, rgba(255,164,120,0.92) 63%, rgba(250,115,188,0.89) 85.3%, rgba(97,176,242,1) 108.2% );
}
#color-multi-tab.active, #color-multi-tab:focus, #color-multi-tab:hover {box-shadow: 0 12px 35px -10px white, 0 8px 10px -5px rgba(0, 0, 0, .09), 0 4px 25px -2px rgba(0, 0, 0, .14) !important;}