*{outline:none;}
body{font-family:'Poppins', sans-serif !important; color:rgba(var(--bs-secondary-rgb));}
.container-fluid{padding-left:5% !important; padding-right:5% !important;}
.btn{font-size:18px; border-width:2px !important; padding:10px 30px; border-radius:8px;}
.btn span{position: relative; z-index: 1;}

.btn-secondary{position:relative; border-color:rgba(var(--bs-secondary-rgb)) !important;}
.btn-secondary:before{content:""; position:absolute; top:0; right:0; bottom:0; width:0; background:#000;  transition:500ms; border-radius:8px;}
.btn-secondary:hover:before{width:100%;}


#header{position:sticky; top:0;}

#navbarNav .nav-link{color:#fff; padding:8px 12px; border-radius:4px; transition:500ms !important;}
#navbarNav .nav-link:hover,
#navbarNav .nav-link.active{background:rgba(var(--bs-secondary-rgb)) }


#content{min-height:calc(100vh - 205.8px);}


#footer #socialMedia{text-align:center}
#footer #socialMedia a{display:block; width:40px; line-height:36px; border:2px solid rgba(var(--bs-secondary-rgb)); border-radius:40px; color:rgba(var(--bs-secondary-rgb)); position:relative; overflow:hidden; transition:500ms;}
#footer #socialMedia a:hover{color:#fff;}
#footer #socialMedia a:before{content:""; position:absolute; top:0; right:0; bottom:0; width:0.1px; background:rgba(var(--bs-secondary-rgb)); z-index:-1; transition:500ms;}
#footer #socialMedia a:hover:before{width:100%}


@media (min-width:1200px) and (max-width:1399px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){}