*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Manrope', sans-serif !important; font-size:14px; background:#fafafa;}
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

input, select{box-shadow:none !important;}

.fs-12{font-size:12px !important;}
.fs-14{font-size:14px !important ;}
.fs-18{font-size:18px !important;}

.btn{font-size:14px;}
.card{border-radius:12px;}

.bg{background:url(../images/bg.png) center no-repeat; background-size:cover;}

.container-fluid{padding:0 30px;}

#main-bg{background:url(../images/banner-bg.jpg) center #171717; background-size:cover;}

#topmenu .dropdown-toggle{color:rgba(var(--bs-dark-rgb)) !important; font-weight:700; font-size:18px; text-decoration:none;}
#topmenu .dropdown-toggle::after{content:unset;}

.navbar-toggler .icon-bar{background-color:#171717; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#quickActions .btn{font-size:11px; border-color:var(--bs-border-color-translucent);}

#team .card{transition:300ms}
#team .card:hover{background:RGBA(var(--bs-dark-rgb)) !important; color:#fff;}

.tip{background:#171717; padding:0 14px; line-height:27px; position:absolute; border-radius:4px; z-index:100; color:#fff; font-size:12px; animation-name:tip; animation-duration:0.6s; animation-fill-mode:both;}
.tip:before{content:""; background:#171717; height:10px; width:10px; position:absolute; transform:rotate(45deg);
top:-4px; left:17px;}
#copied_tip{animation-name:come_and_leave; animation-duration:1s; animation-fill-mode:both; bottom:-35px; left:2px;}


.profile-pic{color:transparent; transition:300ms;}
.profile-pic img{position:absolute; object-fit:cover; width:165px; height:165px; box-shadow:0 0 10px 0 rgba(23, 23, 23, 0.35); border-radius:100px; z-index:0;}
.profile-pic .-label{cursor:pointer; height:165px; width:165px;}
.profile-pic:hover .-label{display:flex; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.8); z-index:10000; color:#fafafa; transition:background-color 0.2s ease-in-out; border-radius:100px; margin-bottom:0;}
.profile-pic span{display:inline-flex; padding:0.2em; height:2em;}

.dropdown-menu.position-static{transform:unset !important}

#accordionHistory .accordion-button{font-weight:bold; box-shadow:none !important;}
#accordionHistory .accordion-button[aria-expanded="true"]{background:rgba(var(--bs-primary-rgb)) !important; color:#171717}

@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){
#referral .border-start{border-left:unset !important; border-top:1px solid;  border-color:var(--bs-border-color) !important}
}
@media (min-width:0px) and (max-width:575px){
#topmenu .dropdown-toggle{font-size:16px;}
#referral .border-start{border-left:unset !important; border-top:1px solid;  border-color:var(--bs-border-color) !important}
.container-fluid{padding:0 15px;}
}

@media (min-width:0px) and (max-width:1399px){
#content{height:unset !important}
}
@media (min-width:0px) and (max-height:765px){#signup{height:unset !important}}
@media (min-width:0px) and (max-height:515px){#login{height:unset !important}}