@font-face {
    font-family: BabesNeue;
    src: url(assets/fonts/BabesNeue/BebasNeue-Regular.ttf);
}
@font-face {
    font-family: DancingScript;
    src: url(assets/fonts/Dancingscript/DancingScript-Regular.ttf);
}
:root{
    --bs-navbar-color:#ffffff;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth ;
}
body{
    background: #000000;
    color: #ffffff;
}
.navbar{
    font-family: BabesNeue;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.logo{
    width: 20%;
}
.navbar-brand{
    color: #ffffff;
}
.navbar-brand:hover{
    color: #ffffff;
}
.nav-link{
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    opacity: 0.75;
    margin:0 5px;
}
.nav-link:hover{
    color: #ffffff;
    opacity: 1;
}
.nav-link::before {
    transition: 300ms;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #efe7a1;
}
.navbar-toggler i{
    color: #efe7a1;
}
.navbar-toggler{
    border: none;
}
.navbar-toggler:focus{
    outline: none;
    box-shadow: none;
}
.nav-link-ltr::before {
    width: 0%;
    bottom:1px;
    left:0;
}

.nav-link-ltr:hover::before {
    width: 100%;
}

/* section-one */
.tag{
    font-family: BabesNeue;
    font-size: 2.5rem;
    letter-spacing: 1px;
}
.headerbg{
    width: 100%;
}
.info{
    font-family: DancingScript;
    font-size: clamp(20px,6vw,38px);
}
.info p:nth-child(3){
    color: #efe7a1;
}


/* section-two */
.card{
    background: #000000;
    color: #efe7a1;
}
.card-body{
    font-size: 3rem;
}
/* section-three */
.productimg{
    width: 100%;
    border-radius: 15px;
    cursor: pointer;
}
.product_des{
    font-family: DancingScript;
    font-size: 1.8rem;
}

/* footer */
.line{
    opacity: 0.5;
}
footer a{
    text-decoration: none;
    color: #ffffff;
}
.ftrlink{
    color: #ffffff;
    display: inline-block;
    position: relative;
    opacity: 0.75;
    margin:0 5px;
}
.ftrlink:hover{
    color: #ffffff;
    opacity: 1;
}
.ftrlink::before {
    transition: 300ms;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #efe7a1;
}
.ftrlink-ltr::before {
    width: 0%;
    bottom:-8px;
    left:0;
}

.ftrlink-ltr:hover::before {
    width: 100%;
}
.footerdes{
    text-align: start;
}
/* media-queries */
@media (min-width: 1200px)
{
    .profile{
        display: flex;
        justify-content: center;
    }
    .info{
        padding: 5rem 0;
    }
}
@media (min-width: 768px){
    .profile{
        align-items: center;
    }
}
@media (min-width: 576px){
    .profile{
        align-items: center;
    }
}
@media only screen and (min-width:0px) and (max-width:992px){
    .profile{
        display: flex;
        flex-direction: column-reverse;
    }
}