body{

background:#05040d;
color:#fff; 

}
body{
    font-family: 'Inter', sans-serif;
}

.logo{
    font-weight:700;
    letter-spacing:-0.5px;
}


.creator-name {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 70px;
        letter-spacing: 2px;
        line-height: .9;
        display: flex;
        align-items: center;
        gap: 15px;
    }
.creator-name img {
width: 65px;
}
.pro_sub{
    color: #ccc;
}
.subtitle{
    font-size:24px;
    font-weight:400;
}

.stats-number{
    font-size:36px;
    font-weight:700;
}

.stats-label{
    font-size:16px;
    font-weight:500;
    color:#9a9a9a;
}

.card-title{
    font-size:34px;
    font-weight:700;
}

.card-text{
    font-size:20px;
    font-weight:400;
}

.btn{
    font-weight:600;
    letter-spacing:.5px;
}

.footer{
    font-size:14px;
    font-weight:400;
}

.navbar{

background:#05040d;

}

.nav-link{

color:#ccc;

}

.nav-link.active{

color:#C61C74!important;

}

.btn-pink{

border:1px solid #C61C74;
color:#ccc;
padding:10px 28px;
border-radius:10px;

}

.btn-pink:hover{

background:#ff4ea5;
color:#fff;

}

.text-pink{

color:#C61C74;

}

.profile-image{

width:280px;
height:280px;
margin:auto;
position:relative;

}

.profile-image img{

width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
border:4px solid #C61C74;
box-shadow:0 0 40px #B330BB;

}

.online{

width:35px;
height:35px;
background:#20ff42;
border-radius:50%;
position:absolute;
right:10px;
bottom:35px;
border:3px solid #111;

}

.card-dark{
 

}

.gallery{

width:100%; 
object-fit:cover;
border-radius:5px;

}

.side-card{

background:#12081f;
border:2px solid #C61C74;
border-radius:18px;
padding:25px 35px;
box-shadow:0 0 8px rgba(255,47,146,.4);

}
.side-card:hover{
    background: #C61C74;;
}

.promo{

background:#0a0117;
padding:30px 30px 0px;
border-radius:18px;
border:1px solid #2d2145;

}

.feature-card{
 
    border:1px solid #2c2241;
    border-radius:15px;
    padding:30px;
    display: flex;
    gap: 20px;
    align-items: center; 

}

.feature-card img{
    height:60px;
}
.feature-card h4{
    margin: 0px 0px 5px;
    font-size: 20px;
    font-weight: 100;
}
.feature-card p {
    margin: 0px;
    font-size: 14px;
    color: #999;
}
footer{

background:#05040d;

}

a{

text-decoration:none;

}
.set_icons{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 20px;
}
.set_icons .icons_pro img{
    width:40px;
}
.set_icons .text_pro h3 {
    margin: 0px;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
}
.set_icons .text_pro p{
    margin:2px 0px 0px;
    font-size: 12px;
    font-weight: 100;
    color: #ccc;
}
.side-card{
    display: flex; 
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.side_main{
    display: flex;
    gap: 20px;
    align-items: center; 
}
.side_icon img{
    width: 40px;
}
.side_arrow img{
    width: 40px;
}
.side-card h3{
    margin: 0px 0px 5px;
    font-size: 20px;
    font-weight: 100;
}
.side-card p{
    margin: 0px;
    font-size: 14px;
    color:#999;
}
.side-card:hover p{
    color: #fff;
}
.mina-mobile{
    display: flex;
    justify-content: space-between;
}
.mobile-logoimg img{
    width: 130px;
    margin-bottom: 15px;
}
.mina-mobile .mobile_img img{
    width: 200px;
}
.mobile_text p span{
    color: #C61C74;
}
.mobile_text ul {
    padding: 0px;
}
.mobile_text ul li{
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 10px 0;
    font-size: 12px;
    color: #ccc;
}
.mobile_text ul li img{
    width: 18px;
}
.mobile_text p{
    font-size: 16px;
    min-width: 190px;
    font-weight: 100;
}
.gallery-img{
    position: relative;
}
.gray_scale {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(00,00,00,.5);
    border:1px solid rgba(255, 47, 146, .5);
}
.gray_scale img {
    width: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} 
.border-top-color{
    border-top:1px solid #2c2241;
}
.footer-logoimg img{
    width: 160px;
}
.footer_ter {
    display: flex;
    align-items: center;
    gap: 20px;
} 
.set_icons.border-r{
    position: relative;
} 
.set_icons.border-r::before {
content: "";
position: absolute;
top: 0px;
left: -80px;
width: 1px;
height: 100%;
background-color: rgba(255, 47, 146, .3);
}
.gallery_div h4{
    font-size: 18px;
    font-weight: 100;
}
.gallery_div h4 label{
    width: 12px;
    height: 12px;
    background: rgba(255, 47, 146, 1);
    border-radius: 100px;
    margin-right: 10px;
}
.gallery_div h4 span{
    color: rgba(255, 47, 146, 1);
    font-size: 12px;
}
.gallery_div h4 i{
    color: rgba(255, 47, 146, 1);
    font-size: 20px;
}
.gallery_div .text-pink{
    font-size: 12px;
}
.gallery_div .text-pink:hover{
    color:#fff;
}
.footer_maind{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.footer_maind a.text-secondary:hover{
    color: #fff !important;
}
.side-card a {
/* display: flex; */
/* justify-content: space-between; */
/* color: #fff; */
width: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.remove_tavv{
    background: none !important;
    border:none !important;
}

.gallery-img {
    height: 212px;
    width: 100%;
}

.gallery {
    height: 100%;
}


@media(min-width:100px) and (max-width:767px){
    .profile-image{
        width:auto;
        height: auto;
    }
    .creator-name {
        font-size: 28px;
        letter-spacing: 0px;
        margin: 0px;
        font-weight: normal !important;  
    }
    .row.mt-4{
        margin-top:10px !important;
    }
    .creator-name img{
        width:30px;
    }
    .pro_sub{
        display: none;
    }
    .lst_ionss{
        display: none;
    }
    .text_pro{
        display: flex;
        gap: 5px;
    }
    .set_icons .icons_pro img{
        width: 20px;
    }
    .set_icons.border-r::before,.set_icons.border-r::after{
        content: none;
    }
    .set_icons .text_pro h3{
        font-size: 12px;
    }
    .set_icons .text_pro p{
        font-size: 12px;
        color: #fff;
        margin: 0px;
        line-height: normal;
    }
    .set_icons{
        gap: 10px;
    }
    .side-card p.mob_noie{
        display: none;
    }
    .side-card p{
        color: #C61C74;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .set-tpos{
        margin-top: 30px;
    }
    .side-card h3{
        margin: 0px;
        font-size: 15px;
        font-weight: 500;
    }
    .side-card{
        padding: 15px;
        width: 350px;
        margin: 25px auto 0;
    }
    .gray_scale img{
        width:50px;
    }
    .promo{
        margin: 30px 0px 0px;
        padding: 10px;
    }
    .mobile_text p{
        min-width: auto;
        font-size: 12px;
    }
    .feature-card{
        gap: 4px;
        padding: 10px 5px;
        margin: 0px -5px;
    }
    .feature-card img{
        width: 15px;  
        height: 15px;  
    }
    .feature-card h4{
        font-size: 9px;
        margin: 0px;
    }
    .feature-card p{
        font-size: 8px;
    }
    .footer-logoimg{
        display: none;
    }
    footer .me-4{
        margin: 0px 0px 0px 4px!important;
    }
    .footer_ter {
        gap:5px;
    }
    .footer_maind{
        font-size: 7px;
    }
    .border-top-color{
        margin-top:10px !important;
    }
    .mina-mobile .mobile_img img{
        width: 100px;
    }
    .mobile_text .btn-pink{
        font-size: 10px;
        padding: 10px 6px;
        width: 100%;
    }
    .mobile_text{
        display: flex;
        align-items: center;
    }
    .set_mobuton{
        width:135px
    }
    .mina-mobile{
        gap: 20px;
    }
    .container-fluid.py-5.px-5{
        padding: 20px 10px !important;
    }
    .mobile-logoimg img{
        width:100px;
    }
    footer .container-fluid{
        padding: 0px 10px !important;
    }
    .online {
        width: 25px;
        height: 25px;
        background: #20ff42;
        border-radius: 50%;
        position: absolute;
        right: 3px;
        bottom: 11px;
        border: 3px solid #111;
        }
        .side_icon img{
            width:30px;
        }
        .side_arrow img{
            width:30px;
        }

         .gallery-img {
            height: 90px;
            width: 100%;
        }

        .gallery_div h4 {
            font-size: 16px;
        }

        .gallery_div h4 span {
          
            font-size: 10px;
        }

        .gallery_div .text-pink {
            font-size: 10px;
        }
}

@media screen and (min-width:1300px){
    .container-fluid {
        max-width: 1366px;
    }
}