body.new_inner_pages {
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    color: #ffffff !important;
    background-color: #001660;
}

/* common */
.h2tag {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: bold;
}



.paratag {
    /* font-size: 18px; */
    margin-bottom: 15px;
}

.h5tag {
    font-weight: 500;
    font-size: 20px;
}

.butn {
    font-size: 30px;
    font-weight: bold;
    padding: 10px 30px;
    margin: 20px 0;
    display: inline-block;
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(90deg, #00c1fb, #005fd9);
    border: 0;
    border-radius: 10px;
}

.head {
    max-width: 80%;
    margin: 20px auto;
    text-align: center;
}



/* banner */
.banner {
    padding: 160px 0 70px;
    color: #fff;
    background-image: url("../images/huobi-clone-script-new/banbg.webp");
    background-repeat: no-repeat;
    background-size: 100% 99%;
    background-position: center;
}

.banner .col-md-6 {
    margin: auto;
}

.banner h1 {
    font-size: 70px;
    font-weight: 600;
}

.banner h1 span {
    color: #CBFC01;
}



/* aboutsection */
.aboutsection {
    padding:0  0 70px;
}

.aboutsection .col-md-6 {
    margin: auto;
}




/* whysection */
.whysection {
    padding: 70px 0;
    background: #00124e;
}

.whysection .head {
    margin-bottom: 70px;
}

.whysection .h5atg {
    font-size: 26px;
}

.whysection .box {
    display: flex;
    align-items: flex-start;
    margin: 15px 0;
}

.whysection .box img {
    margin-top: -20px;
    margin-right: -10px;

}

/* creation */
.creation {
    padding: 70px 0;
}

.creation .head {
    margin-bottom: 70px;
}

.creation .nav {
    border: 0;
    flex-direction: column;
    text-align: left;
}

.creation .nav-tabs .nav-link {
    border: 0px solid transparent;
    font-size: 20px;
    color: white !important;
    margin: 5px 0;
}

.creation.nav-tabs .nav-item.show .nav-link,
.creation .nav-tabs .nav-link.active,
.creation .nav-tabs .nav-link:hover {
    border: 0;
    background: transparent;
    position: relative;
}

.creation.nav-tabs .nav-item.show .nav-link::before,
.creation .nav-tabs .nav-link.active::before,
.creation .nav-tabs .nav-link:hover::before {
    content: "";
    border: 5px solid #0060d9;
    position: absolute;
    left: -20px;
    height: 71%;
    border-radius: 20px;
    margin: auto 0;
    top: 0;
    bottom: 0;
}

.creation .col-md-4 {
    background-color: #082480;
    border-radius: 15px 0 0 15px;
    padding: 20px;
}

.creation .col-md-8 {
    background-color: rgb(8 36 128 / 10%);
    border: 1px solid #082480;
    background-image: url(../images/huobi-clone-script-new/createbg.webp);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: initial;
    border-radius: 0 15px 15px 0;
    padding: 45px;
}

.creation .col-md-8 .h5tag {
    font-size: 20px;
}

.creation .col-md-8 .paratag {
    margin: 35px 0;
}

.creation .col-md-8 .line {
    width: 35px;
    height: 10px;
    border-radius: 20px;
    background: #0060d9;
    margin: 15px 0;
}


/* features */
.features {
    padding: 70px 0;
    background: #00124e;
}

.features .box {
    background: rgb(2 24 95 / 80%);
    border-radius: 20px;
    border: 1px solid #082480;
    padding: 20px;
    width: 100%;
    margin: 15px 0;
}

.features .box h5 {
    font-size: 20px;
    border-bottom: 2px solid #082480;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.features ul {
    padding: 0 20px 20px;
    list-style-type: none;
}

.features ul li {
    margin: 15px 0;
    position: relative;
}

.features ul li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0060d9;
    left: -15px;
    top: 7px;

}

/* ctasection */
.ctasection {
    padding: 70px 0 0;
}

.ctasection .box {
    background-color: #02185f;
    background-image: url(../images/huobi-clone-script-new/ctabg.webp);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #082480;
    background-size: contain;
    border-radius: 30px;
    padding: 30px;
}

.ctasection .box .h2tag {
    font-size: 30px !important;
    line-height: 40px;
}

.ctasection .box .butn {
    border-radius: 30px;
    margin: 0;
    font-size: 20px;
}

.ctasectionchg {
padding: 0 0 70px;
}

.ctasectionchg .box {
    background-image: url(../images/huobi-clone-script-new/ctabg2.webp);
    background-size: cover;
    background-position: right;
    padding: 0;
    padding-left: 20px;
}

.ctasectionchg .col-md-6 {
    padding: 20px 0 20px 20px;
}

/* benefits */

.benefits {
    padding: 70px 0;
}

.benefits .btn {
    border-radius: 15px 50px 15px 50px;
}

.benefits .accordion .boxctn {
    margin: 10px 0;
    background-color: #02185f;
    border-radius: 20px;
    border: 1px solid #082480;
    border-radius: 40px;
    padding: 20px;
}

.benefits .accordion .rarible_para {
    color: #fff;
}

.benefits .accordion h5 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}

.benefits .accordion .boxctn.collapsed h5::before {
    content: "";
    position: absolute;
    background: #00bffa;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto 0;
}
.benefits .accordion .boxctn h5::before {
    content: "";
    position: absolute;
    background: #00bffa;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: -10px;
    bottom: 0;
    margin: auto 0;
}
.benefits .accordion .boxctn .collapsed {
    background-image: url(../images/huobi-clone-script-new/rightarw.webp);
    background-repeat: no-repeat;
    background-position: 96% center;
}

.benefits .accordion .boxctn h5 {
    background-image: url(../images/huobi-clone-script-new/rightarw.webp);
    background-repeat: no-repeat;
    background-position: 100% center;

}

/* .benefits .accordion .boxctn h5:not(.collapsed) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #082480;
} */
.benefits .accordion .boxctn:not(.collapsed) h5 {
    border-bottom: 1px solid #082480;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-image: url(../images/huobi-clone-script-new/downarw.webp);
    background-repeat: no-repeat;
    background-position: 100% center;
}

/* process */
.process {
    padding: 70px 0;
    background: #00124e;
}

.process .head {
    margin-bottom: 70px;
}
.process ol{
    display: none;
}
.process ol h5{
    color: #41a2da;
    }
    .process ol li{
        margin: 15px 0;
    }
    

/* whitehuobi */
.whitehuobi {
    padding: 70px 0;
}

.whitehuobi .col-md-6 {
    margin: auto;
}

.whitehuobichg {
    background: #00124e;
}

/* wealwin */
.wealwin {
    padding: 70px 0;
}


.logoImg img {
    filter: grayscale(100%) brightness(0) invert(0);
}

.logoImg {
    filter: brightness(0) invert(1);
}

.alwinNavbar .nav-item .nav-link {
    color: rgb(255, 255, 255) !important;
}

a:hover {
    text-decoration: none
}

.crypto_wallet_dev .animated-button1 img {
    display: none;
}

.animated-button1 {
    box-shadow: none;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(90deg, #00c1fb, #005fd9);
    border: 0;
    border-radius: 10px;
}

.animated-button1:hover {
    color: #000 !important;
}

.animated-button1::after,
.animated-button1::before {
    content: "";
    width: 20px;
    height: 68px;
    position: absolute;
    top: -2px;
    background: none;
}

.new_inner_title {
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-weight: 700
}

.animated-button1::before {
    transform: rotate(180deg);
    left: -4px;
    opacity: 0;
    transition: unset;
    border-radius: unset;
}

.animated-button1:hover::before {
    opacity: unset;
}

.animated-button1::after {
    right: -4px;
}

.animated-button1 span {
    display: none
}

.social_side ul li {
    background-color: #a976f5
}

.alwinNavbar {
    background: 0 0;
}

.alwinNavbar.nav_fixed {    
    background-color: rgb(0 22 96);
    box-shadow: 1px 6px 10px 4px rgb(0 0 0 / 10%);
}

.innerTopSpace {
    min-height: auto
}

.landingBlogCard .btnType2:hover {
    background: #12286c;
    color: #fff !important;
}

.top_msg {
    background: #2cc0f4;
}

.top_msg a {
    color: #fff !important;
}

.landingBlog {
    padding: 50px 0;
    background: #12286c;
}

.landingBlog .homeTitle {
    color: #fff;
}

.landingBlogCard p a {
    color: #fff !important;
}

.landingBlogCard h6 {
    color: #fff;
}

.landingBlogCard h6 span {
    color: #fff;
}

.landingBlogCard a {
    color: #fff !important;
}

.landingBlogCard .btnType2 {  
    border: 1px solid #00b8f8 !important;
}

.awards_section{
    background: #0e215d;
}

.faq_new_section {
    background: #00124e;
    padding: 60px 0 60px
}

.faq_new_section .nft-accordion .card {
    position: relative;
    background: 0 0;
    margin-bottom: 30px;
    background: transparent;
    border: 1px solid #082480;
    box-shadow: 0 0 7px 2px rgb(76 48 192 / 10%);
    border-radius: 30px;
}

.faq_new_section .nft-accordion .card-header {
    background: 0 0;
    z-index: 10
}

.faq_new_section {
    counter-reset: menuItem 0
}

.faq_new_section .nft-accordion .card-header button {
    font-size: 24px;
    font-weight: 500;
    color: rgb(255, 255, 255) !important;
    padding: 20px 50px;
    background-image: none;
}

.faq_new_section .nft-accordion .card-header button::before {
    counter-increment: menuItem;
    content: counter(menuItem) ".";
    font-size: 24px;
    color: #fff !important;
    position: absolute;
    left: 20px;
    top: 20px
}

.faq_new_section .nft-accordion .collapsed {
    background-image: url("../images/metaverse-development-company-new/plus.webp");
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: #02185f;
}

.faq_new_section .nft-accordion .card:not(.collapsed) {
    background-image: url("../images/metaverse-development-company-new//minus.webp") !important;
    background-repeat: no-repeat;
    background-position: 96% 20%;
    border: 1px solid #082480;
    background-color: #02185f;
}

.faq_new_section .nft-accordion .card-body {
    font-size: 18px;
    color: #fff;
}

.footerform_right {
    box-shadow: 6px 1px 8px 0 rgb(0 0 0 / 10%);
}

.d_d_none {
    display: none !important
}

.bcfBox {
    background: #051e6e;
}

.bcfLeft .form-control,
.footerform_middle .form-control {
    border: 1px solid #ffffff;
}

.bcfLeft .form-control::placeholder,
.footerform_middle .form-control::placeholder {
    color: #fff;
}

.footerform_middle .nice-select .list {
    background-color: #8c48eb;
}

.footerform_right h4,
.footerform_right p {
    color: rgb(255, 255, 255);
}

.footerform_right h4 span {
    color: #fbe526;
}

#bdContactModal .footerform_right,
.footerform_right {
    background-color: #0062da;
}

.footerform_middle .nice-select .option.focus,
.footerform_middle .nice-select .option.selected.focus,
.footerform_middle .nice-select .option:hover {
    background-color: #1a1c1f;
}

.footerform_middle .btn.btnType3 {
    border: 0 !important;
    background: linear-gradient(90deg, #00c0fb 0%, #0064db 100%) !important;
    color: #ffffff !important;
}

.mega-menu {
    background-color: #02124b;
}

.mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link {
    background-color: #02124b !important;
    border-bottom: 1px solid #056b8f !important;
    color: #fff !important;

}

.mega-menu-toggle:before {
    border-bottom: 1.5px solid #00bffa;
}

.mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item:first-child .mega-menu__nav-link:after,
.mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item:first-child .mega-menu__nav-link:before {
    border-color: #555;
}

.mega-menu__articles {
    border-bottom: 1.5px solid #d93d59;
}

.mega-menu__articles {
    background-color: #15214b;
}

.mega-menu__article figure figcaption {
    color: #fff;
}

.mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
    color: #fff !important;
}
figure.mega-menu__article-image{
    color: #fff;
}
@media screen and (max-width: 991px) {
    .animated-button1 {
        margin-top: 10px;
    }

    .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link {
        background-color: transparent !important;
        border-bottom: 1px solid rgb(63, 60, 102) !important;
        color: rgb(255, 255, 255) !important;
    }

    .mega-menu {
        background-color: transparent;
    }

    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
        background: transparent !important;
        color: #fff !important;
    }

}

@media screen and (max-width: 1199px) {
    .navbar-light .navbar-toggler {
        color: #2cc0f4 !important;
    }
}

@media screen and (max-width: 575px) {
    .navbar-light .navbar-toggler {
        color: #2cc0f4 !important;
    }
}
@media screen and (max-width: 834px){
    .fixed-top {
        top: 71px;
    }
}
@media screen and (max-width: 450px){
    .fixed-top {
        top: 72px;
    } 
}
@media screen and (max-width: 439px){
    .fixed-top {
        top: 96px;
    } 
}
@media (min-width: 992px) {
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
        color: #fff !important;
    }

    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:before {
        border-bottom: 1px solid #555;
    }

    .mega-menu__items>.mega-menu__nav:after {
        border-right: 1px solid #e8e8e8;
    }

    .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:before {
        background-color: #2cc0f4;
    }

    .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:after {
        filter: invert(1);
    }
    .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:active:after,
     .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:focus:after,
     .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:hover:after{
        filter: invert(1);
     }
     .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link--toggle:not(.collapsed){
        color: #fff !important;
     }
     .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link--toggle:not(.collapsed):after{
        filter: invert(1);
     }
}

.mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
    background: #02124b;
}

.bottomContactForm {
    background: #021450;
}
.mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:active, 
.mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:focus, 
.mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:hover{
    color: #fff !important;
}

/* Media Queries */

@media screen and (max-width:1199px) {

    .fullstack .h5tag,
    .h2tag {
        font-size: 40px !important;
        line-height: 54px;
    }

    .banner h1 {
        font-size: 50px;
        line-height: 65px;
    }

    .butn,
    .butn1 {
        font-size: 20px;
    }

    .banner p {
        font-size: 24px;
    }

    .ctasection .box {
        background-size: cover;
        background-position: right;
    }

    .ctasection .box .h2tag {
        font-size: 24px !important;
    }
    .benefits .accordion h5{
        font-size: 20px;
    }

}

@media screen and (max-width:991px) {
    .banner p {
        font-size: 20px;
    }


    .h5tag {
        font-size: 22px;
    }

    .banner h1 {
        font-size: 38px !important;
        line-height: 50px !important;
    }

    .butn,
    .butn1 {
        font-size: 18px;
    }

    .banner p {
        font-size: 18px;
    }

    .ctasection .box .h2tag {
        font-size: 24px !important;
        line-height: 34px;
    }

    .whysection .box img {
        width: 85px;
        height: 50px;
        margin: 20px;
    }

    .whysection .box div {
        width: 100%;
    }
    .benefits .accordion h5{
        font-size: 18px;
    }



    .footerform_panel {
        flex-wrap: wrap
    }

    .footerform_left {
        display: none
    }

    .footerform_middle,
    .footerform_right {
        width: 100%
    }

    .footerform_right {
        height: auto;
        border-radius: 0
    }

    .footerform_right h4 {
        font-size: 36px
    }

    .inner_gradient_with_img::after,
    .inner_gradient_with_img::before {
        display: none;
    }

    .inner_gradient_bg .col-md-12.col-lg-5 {
        display: none;
    }

    .inner_gradient_bg .col-md-12.col-lg-7 {
        text-align: center;
    }


}

@media screen and (max-width:767px) {
    .d_m_none {
        display: none !important
    }
    .banner {
        background-image:none
    }
    .fullstack .h5tag,
    .h2tag {
        font-size: 32px !important;
        line-height: 44px;
    }

    .banner p {
        font-size: 18px;
    }

    .h5tag {
        font-size: 20px;
    }

    .paratag {
        font-size: 16px;
    }

    .butn,
    .butn1 {
        font-size: 18px;
    }

    .head {
        max-width: 100%;
    }

    .banner {
        padding: 160px 0 0px;
    }

    .banner p {
        font-size: 16px;
    }

    .whitehuobichg .row,.aboutsection .row{
        flex-direction: column-reverse;
    }

    .creation .row {
        margin: 5px;
    }

    .creation .col-md-4 {
        border-radius: 15px 15px 0 0;
    }
    .ctasectionchg .col-md-6 {
        padding: 20px;
    }
    .creation .col-md-8 {
        border-radius: 0 0 15px 15px;
    }
    .ctasection .box .h2tag{
        font-size: 22px !important;
        line-height: 32px;
    }
    .creation .nav-tabs .nav-link,.creation .col-md-8 .h5tag,.features .box h5{
        font-size: 18px;
    }
    .process ol{
        display: block;
    }
    .process img{
        display: none;
    }

    .faq_new_section .nft-accordion .card-header button,
    .faq_new_section .nft-accordion .card-header button::before {
        font-size: 16px
    }

    .faq_new_section .nft-accordion .card-body {
        font-size: 14px
    }

    .footerform_right h4 {
        font-size: 24px
    }

    .footerform_right p {
        font-size: 16px
    }

    .bitcoinwork ul {
        display: block;
    }

    .bitcoinwork img {
        display: none;
    }

    .bitcoinwork ul img {
        display: block;
        margin-bottom: 15px;
    }
    .alwinNavbar{        
    background-color: rgb(0 22 96);
    }
}

@media screen and (max-width:575px) {
    .banner {
        padding-top: 200px;
    }
    .banner h1 {
        font-size: 32px !important;
        line-height: 50px !important;
    }

    .fullstack .h5tag,
    .h2tag {
        font-size: 28px !important;
        line-height: 39px;
    }

    .butn,
    .butn1 {
        font-size: 16px;
    }

    .creation .col-md-8 {
        padding: 45px 20px 10px;
    }
    .benefits .accordion h5{
        font-size: 16px;
    }



    .new_inner_pages .landBannerText {
        padding-top: 0;
        padding-bottom: 10px
    }

    .sprite-clone_script_icon {
        margin: 0 10px 0 0;
    }

    .create_list li {
        font-size: 16px;
    }

    .banner_bottom_bg_div::before {
        top: -27px;
        background-size: 60%;
    }

    .new_inner_pages .btnType4 {
        font-size: 18px;
    }

    .landBannerText img {
        display: none;
    }

    .banner_bottom_bg {
        display: none;
    }
}


.top_msg button{
    color: #fff;
}
.top_msg button span svg{
    filter: invert(0);
}