body{
    background: linear-gradient(90.66deg, #1A1534 0.4%, #31213A 99.88%);
}
.nft_banner{
    background: url(../images/ANFT_marketplace/NFT_markrtbanner.webp);
    background-size: cover;
    background-position: center;
    height: auto;
    min-height: 100vh;
}
:root {
    --fcolor:#ffe730;
    --dcolor: #1b3587;
    --tcolor: #ffe730;
    --scolor: #ffe730;
    --tabline: #0bbafd;
    --navcolor: #1c1736;
    --tabcolor: #21bdfd;
    --tablinecolor: #21bdfd;
    --mcolor: #ffe730;
    --sitebg: #f3f7fb;
    --btnbg: #1c1736;
    --txtcolor:#fff;
}
.topmenu .megadropdown >li.select > a {
    background: url(../images/nextarrow.svg) #372a7b;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 17px;
    border-radius: 4px;
    color: #fff !important;
}
h1{
    color: #FFE730;
}
p{
    color: #DBDAE3;
}
.litt_gry{
    color: #AAA9AA;
}
.banner_btn{
    background: #FFE730;
    border-radius: 8px;
    padding: 8px 20px;
    color: #000;
}
.yellow_t{
    color: #FFE730;
}
.gray_card_img{
    width: 100%;
    min-height: 280px;
    background: #342B3D;
    border-radius: 30px;
    position: relative;
}
.banner_topp{
    position: absolute;
    width: 90%;
    height: auto;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.development_card{
    background: #221936;
    border: 1px solid #55446A;
    border-radius: 10px;
    padding: 20px 30px;
    height: 100%;
    transition: .2s all ease-in;
    cursor: default;
}
.development_card:hover{
   background: #30253E;
   border: 1px solid transparent;
}
.title_text{
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}
.sitec{padding: 0px 55px;margin: 0 auto;}
.features_bg{
    background: url(../images/ANFT_marketplace/features_nft.webp);
    background-size: 50%;
    background-position: 100% 100px;
    background-repeat: no-repeat;
}
.security_bg{
    background: url(../images/ANFT_marketplace/secure_nft.webp);
    background-size: 48%;
    background-position: 0 200px;
    background-repeat: no-repeat;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);
    filter: invert(0);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    filter: invert(1);
}

@media (max-width: 1200px){
    .features_bg{
        background: none;
    }
    .security_bg{
        background: none;
    }
}
@media (max-width: 768px){
    .sitec{padding: 0 10px;}
}
@media (min-width: 1250px){
    h2{
        font-weight: 700;
        font-size: 40px;
        line-height: 60px;
    }
}
@media (min-width: 1950px){
    .sitec{
        max-width: 1900px;
        width: 100%;
        padding: 0px 50px;
    }
}