body{
    color:#fff
}
h1,h2,h3,h4,h5,h6,p{
    font-family:Roboto,sans-serif!important
}
.alwinNavbar{
    background: #e4fff2;
}
.navbar .nav-item .nav-link{
    color: #101010 !important;
}
.animated-button1{
    box-shadow: none;
}
.atag{
    color: #000 !important;
    text-decoration: underline !important;
}
.top_msg{
    background: #18c572;
}
.top_msg a{
    color: #101010;
}
.navbar-light .navbar-toggler{
    color: #18c572 !important;
}
.mega-menu {
    background-color: #15b568;
  }
.mega-menu__articles {
    background-color: #18c572;
  }
  .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
    background-color: transparent;
  }
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link{
    border-bottom: 1px solid #19d078;
  }
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link::before {
    background-color: #1bd57b;
  }
  .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 {
    outline: none;
    color: #ffffff !important;
  }
  .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: #ffffff !important;
  }
  .mega-menu-toggle::before {
        border-color: #18c572
  }
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link--toggle:not(.collapsed)::after {
    filter: invert(1) !important;
  }
  .mega-menu__items > .mega-menu__nav::after {
    border-right: 1px solid #19d078;
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgb(25, 208, 120) !important;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgb(42, 230, 140) !important;
  }
  .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link{
    color: #ffffff !important;
  }
  .social_side ul li{
    background: #18c572;
  }
  .landingBlog{
    background: #18c572;
  }
  .landingBlogCard p a{
    color: #ffffff !important;
  }
  .logoImg img {
    filter: brightness(0) invert(0);
  }
  .landingBlogCard p a.btnType2{
    padding: 8px 25px;
    border-radius: .25em;
    border-color: #ffffff !important;
  }
  .landingBlogCard p a.btnType2:hover{
    border-color: #ffffff !important;
    background-color: transparent !important;
    color: #ffffff !important;
  }
.innerTopSpace{
    background:0 0;
    min-height:auto
}
#landingMainBanner .carousel-item{
    background-image:none
}
#landingMainBanner .container {
    display: block;
  }
#landingMainBanner.nft-landingbanner .carousel-item{
    padding-top:0;
    padding-bottom:0;
    background:0 0
}
.rarible_img{
    margin-bottom:-50px
}
.features_panel{
    background:#16164a
}
.features_panel .tab-content{
    background:#0f103c;
    margin:12px 12px 12px 0;
    padding:30px
}
.features_panel .nav-tabs{
    border-bottom:0
}
.featuresSection{
    background:#020224 url(../images/sushiswap/featuredBg.png) no-repeat scroll center 80px;
    padding:60px 0
}
.features_panel .tab-pane ul{
    margin:15px 0 0 0;
    padding:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap
}
.features_panel .tab-pane ul li{
    font-size:16px;
    font-weight:500;
    margin-top:15px;
    margin-bottom:15px;
    border-radius:7px;
    padding:0 0 0 30px;
    color:#fff;
    position:relative;
    width:33%
}
.features_panel .tab-pane ul li::before{
    content:"";
    background:url(../images/sushiswap/arrowWhite.png) no-repeat scroll 0 0;
    width:15px;
    height:17px;
    display:inline-block;
    position:absolute;
    left:0;
    top:4px
}
.features_panel nav{
    display:flex;
    height:100%;
    align-items:flex-start;
    margin:12px 0 12px 12px
}
.features_panel .nav-tabs .nav-link{
    font-size:26px;
    color:#fff!important;
    margin:10px auto;
    border:0;
    position:relative;
    width:100%;
    z-index:9;
    font-weight:700;
    padding-top:12px;
    padding-bottom:12px
}
.features_panel .nav-tabs .nav-link.active,.features_panel .nav-tabs .nav-link:hover{
    background:#0f103c;
    color:#fff!important
}
.what_rarible{
    text-align:center
}
.rarible_title{
    font-size:50px;
    font-weight:700;
    color:#101010;
}
.rarible_para{
    font-size:18px;
    margin:0 0 30px;
    color: #101010;
}
.how_rarible{
    background:#47c6ef
}
.features_panel h4{
    font-size:24px;
    font-weight:700;
    color:#0aabf7;
    margin-bottom:20px
}
.features_panel p{
    font-size:18px;
    color:#fff
}
.features_panel>div{
    margin-bottom:30px
}
.features_panel img{
    height:36px;
    width:auto
}
.clone_panel{
    background:url(../images/kraken/clonePanel.png) no-repeat scroll 0 0;
    min-height:591px;
    padding:60px 30px;
    display:flex
}
.clone_panel .nav-tabs{
    border-bottom:0
}
.clone_panel .tab-pane ul{
    margin:15px 0 0 0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:space-between
}
.clone_panel .tab-pane ul li{
    background:url(../images/kraken/featurelistbg.png);
    font-size:17px;
    font-weight:600;
    width:141px;
    text-align:center;
    margin-bottom:0;
    margin-top:0;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    min-height:141px;
    color:#fff
}
.clone_panel nav{
    display:flex;
    height:100%;
    align-items:center
}
.clone_panel .nav-tabs .nav-link{
    text-align:center;
    font-size:22px;
    color:#181a20!important;
    margin:10px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    position:relative;
    width:100%;
    z-index:9;
    min-height:96px;
    font-weight:700
}
.clone_panel .nav-tabs .nav-link::after{
    content:"";
    background:url(../images/kraken/clonePanelLinkBg.png) no-repeat scroll 0 0;
    filter:contrast(1) brightness(10);
    width:263px;
    height:96px;
    position:absolute;
    top:0;
    left:50%;
    z-index:-1;
    overflow:hidden;
    margin-left:-125px
}
.clone_panel .nav-tabs .nav-link.navLinkEven::after{
    transform:rotate(180deg)
}
.clone_panel .nav-tabs .nav-link.active{
    background:0 0;
    color:#fff!important
}
.clone_panel .nav-tabs .nav-link.active:after{
    color:#fff!important;
    filter:unset
}
.clone_panel h4{
    font-size:24px;
    font-weight:700
}
.clone_panel p{
    font-size:18px
}
.clone_panel img{
    height:36px;
    width:auto
}
.clone_panel .tab-content{
    max-width:85%;
    margin:0 auto
}
.clone_panel .tab-content h3{
    font-size:44px;
    font-weight:700;
    color:#fff;
    margin-bottom:30px
}
.clone_panel .tab-content p{
    font-size:20px;
    color:#fff;
    margin:0 0 25px
}
@-webkit-keyframes btn_action{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
@keyframes btn_action{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
.rarible_para.max_width_full{
    max-width:100%
}
.rotating_section{
    overflow:hidden;
    position:relative
}
.center_img{
    position:absolute;
    left:calc((600px - 365px)/ 2);
    top:calc((600px - 370px)/ 2);
    width:368px;
    height:379px;
    border-radius:100px;
    background:url(../images/rarible/rotating_man.png) center center no-repeat;
    background-size:100%
}
.target:nth-child(2){
    left:calc(100% - 32px)
}
@keyframes rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.faq_new_section{
    background:#020224;
    padding:60px 0 60px
}
.faq_new_section .nft-accordion .card{
    position:relative;
    background:#ffffff;
    margin-bottom:30px;
    border: 0;
}
.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:700;
    padding:20px 45px
}

.faq_new_section .nft-accordion .card-header button::before{
    counter-increment:menuItem;
    content:counter(menuItem) ".";
    font-size:24px;
    position:absolute;
    left:20px;
    top:20px
}
.faq_new_section .nft-accordion .card-body{
    font-size:18px;
}
.faq_new_section .nft-accordion .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    padding: 2px;
    background: linear-gradient(270deg, #93FFCB, #18C572);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
.d_d_none{
    display:none!important
}
.coloredBoxes{
    margin-top: 50px;
}
.workCard {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .workCardImg {
    background: #fff;
    display: inline-block;
    width: 48%;
    padding: 30px;
    margin-bottom: -25px;
    position: relative;
    border-radius: 7px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
  }
  .workCardInfo {
    background: #3A4A80;
    padding: 40px 15px 15px;
    border-radius: 15px;
    display: flex;
    height: 100%;
    flex-direction: column;
    margin-bottom: 7px;
  }
.workCardInfo h3{
    font-weight: 700;
    font-size: 24px;
}
.workCardInfo.lightBlueBox {
    background: #6BA7FF;
}
.workCardInfo.greenBox {
    background: #4FBA6F;
}
.workCardInfo.redBox{
    background: #FF5364;
}
.whyusSection{
    background:#F4F4F4;
    background-size:cover;
    padding:100px 0 100px
}
.whyusSection h6{
    color: #101010;
    text-align:center;
    max-width:60%;
    margin:0 auto 30px;
    font-size:16px;
    font-weight:400;
    line-height:24px
}
.whyusSection nav{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%
}
.whyusSection .nav-tabs{
    border-bottom:0
}
.whyusSection .nav-tabs .nav-link{
    background:#224ca6;
    color:#fff!important;
    font-size:20px;
    text-align:center;
    border-radius:50px;
    border:0;
    width:100%;
    margin:0 0 30px;
    padding:15px;
    transition:.5s
}
.whyusSection .nav-tabs .nav-item.show .nav-link,.whyusSection .nav-tabs .nav-link.active,.whyusSection .nav-tabs .nav-link:hover{
    -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);
    box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5)
}
.whyusSection .tab-content{
    background:url(../images/kraken/tbcontentstyle1bg.png) no-repeat scroll 0 0;
    width:675px;
    height:482px;
    padding:0 60px 0 80px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:100px
}
.whyusSection .tab-content h5{
    margin:-50px 0 0 0;
    padding:0;
    font-size:20px;
    text-align:left;
    line-height:28px
}
.aboutImgCard{
    text-align:center
}
.subTitle{
    font-size:18px;
    color:#fff;
    max-width:60%;
    margin:0 auto 60px
}
.featuresSection .rarible_title{
    max-width:60%;
    margin:0 auto 60px
}
.content{
    width:501px;
    margin:0 auto;
    height:183px;
    transform:translate(-58%,-9px);
    font-size:16px;
    text-align:right;
    transition:.25s;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.content:hover{
    background:url(../images/kraken/roadmapContentBg.png) no-repeat scroll 0 0;
    color:#fff
}
.content span{
    font-weight:700;
    font-size:24px;
    display:block;
    color:#081d34;
    margin-bottom:15px;
    transition:.25s
}
.content:hover span{
    color:#fff
}
.time{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-130%,-48%);
    font-size:18px;
    padding:5px 10px;
    color:#fff;
    display:inline-block;
    color:#081d34;
    font-weight:600
}
@media only screen and (max-width:600px){
    .container{
        margin:0
    }
}
@media screen and (max-width:1199px){
    .rarible_title{
        font-size:40px
    }
    .whyusSection .tab-content{
        width:auto;
        height:482px;
        padding:0 60px 0 80px;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-left:100px;
        max-width:100%;
        background-size:100%
    }
    .clone_panel{
        background-size:100%
    }
    .clone_panel .tab-content p{
        font-size:18px
    }
    .clone_panel nav{
        align-items:flex-start
    }
    .features_panel{
        background-size:100%
    }
    .content{
        width:auto
    }
}
@media screen and (max-width:991px){
    .rarible_title{
        font-size:32px
    }
    .rarible_para{
        font-size:16px
    }
}
@media screen and (max-width:767px){
    #landingMainBanner{
        margin-bottom:-90px
    }
    .ctaTitle{
        font-size:24px
    }
    .features_panel .nav-tabs{
        height:auto;
        background-image:none;
        margin:0 auto
    }
    .features_panel .tab-pane ul{
        flex-wrap:wrap
    }
    .d_m_none{
        display:none!important
    }
    .d_d_none{
        display:block!important
    }
    .rarible_para{
        max-width:100%;
        margin-bottom:0
    }
    .rotating_section_bg::before{
        display:none
    }
    .faq_new_section .nft-accordion .card-header button{
        font-size:16px
    }
    .faq_new_section .nft-accordion .card-body{
        font-size:14px
    }
    .rarible_title{
        font-size:24px
    }
}
#landingMainBanner{
    background: #E4FFF2;
    background-size:cover!important;
    padding: 200px 0 100px;
}
.btnType4{
    background: #18C572;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border-color: #18C572;
    color: #ffffff !important;
    font-size: 28px;
    text-transform: none;
}
.btnType4:hover{
    background: #18C572 !important;
    color: #ffffff !important;
}
.bannerBottomContent{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:60px
}
.bannerContent h1{
    font-weight: 700;
    font-size: 64px;
    line-height: 68px;
    color: #010101;
    margin-bottom: 30px;
}
.bannerContent p{
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    color: #010101;
}
.bannerButton{
    background:#020224;
    border:2px solid #4cffff;
    color:#fff;
    font-size:30px;
    cursor:pointer
}
.bannerButton{
    background:#020224;
    border:2px solid #4cffff;
    color:#fff;
    font-size:30px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    padding-left:20px
}
.bannerButton span{
    background:#071037;
    padding:11px 20px;
    margin-left:20px
}
.aboutSection{
    background:#ffffff;
    padding: 100px 0;
}
.aboutImgCard::before{
    content: "";
    width: 60%;
    height: 60%;
    background: rgba(24, 197, 114, 0.5);
    filter: blur(200px);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    margin-top: -30%;
}
.aboutImgCard img{
    position: relative;
}
.zoomColumn{
    display:flex;
    border-right:7px solid #16164a;
    margin-top:120px
}
.box-zoom{
    background:#0f103c;
    border-left:7px solid #16164a;
    border-top:7px solid #16164a;
    border-bottom:7px solid #16164a;
    padding:30px 45px;
    flex-grow:1
}
.box-zoom h3{
    color:#fff;
    font-size:30px;
    text-align:left;
    margin-bottom:20px;
    margin-top:30px
}
.box-zoom p{
    color:#fff;
    font-size:18px;
    text-align:left
}
.box-zoom:nth-child(even){
    transform:scale(1.2);
    background:#26266e;
    border-left:0;
    border-color:#2d2d83;
    font-size:14px
}
.createSection{
    background: #93FFCB;
    padding: 100px 0;
}
.createCard{
    background:#010929;
    border:8px solid #16164a;
    display:flex;
    flex-direction:column;
    height:100%;
    padding:30px
}
.createCard h3{
    color:#0aabf7;
    font-size:32px;
    font-weight:600;
    margin-bottom:25px;
    max-width:65%;
    position:relative;
    z-index:9
}
.createCard p{
    font-size:18px;
    color:#fff;
    position:relative;
    z-index:9
}
.centerDrumGroup{
    position:relative
}
.centerDrumGroup img{
    position:absolute;
    top:0;
    left:50%;
    z-index:9;
    margin-left:-328px!important
}
.createCardLeft{
    padding-right:150px
}
.createCardRight{
    padding-left:130px
}
.createSection h2{
    text-align:center
}
.createSection p.rarible_para{
    text-align:center;
    max-width:90%;
    margin:0 auto 50px
}
.sectionHowItWorks{
    background:#020224
}
.howItWorkRight p{
    color:#fff;
    font-size:18px
}
.howItWorkRight ul{
    list-style:none;
    margin:30px 0 0 0;
    padding:0
}
.howItWorkRight ul li{
    padding-bottom:20px;
    font-size:18px;
    color:#fff
}
.howItWorkRight ul li{
    padding-left:30px;
    position:relative
}
.howItWorkRight ul li::before{
    content:"";
    background:url(../images/sushiswap/arrowPink.png) no-repeat scroll 0 0;
    width:15px;
    height:17px;
    display:inline-block;
    position:absolute;
    left:0;
    top:4px
}
.sectionCTA{
    background: url(../images/white-label-nft-marketplace/ctaGreenBg.webp) no-repeat scroll center center;
    background-size: cover;
    padding:180px 0;
    position: relative;
}
.ctaShapeBg{
    position:relative
}
.ctaTopLeftNft{
    background: url(../images/white-label-nft-marketplace/ctanftTopLeft.webp) no-repeat scroll center center;
    display: inline-block;
    width: 229px;
    height: 229px;
    position: absolute;
    top: -120px;
    left: 15%;
}
.ctaTopRightNft{
    background: url(../images/white-label-nft-marketplace/ctanftTopRight.webp) no-repeat scroll center center;
    display: inline-block;
    width: 180px;
    height: 180px;
    position: absolute;
    top: -80px;
    right: 15%;
}
.ctaBottomLeftNft{
    background: url(../images/white-label-nft-marketplace/ctanftBottomLeft.webp) no-repeat scroll center center;
    display: inline-block;
    width: 254px;
    height: 254px;
    position: absolute;
    bottom: -80px;
    left: 15%;
}
.ctaBottomRightNft{
    background: url(../images/white-label-nft-marketplace/ctanftBottomRight.webp) no-repeat scroll center center;
    display: inline-block;
    width: 286px;
    height: 286px;
    position: absolute;
    bottom: -120px;
    right: 15%;
}
.ctaShapeBg h2{
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
}
.benefitsSection{
    background:#020228 url(../images/sushiswap/arrowBg.png) no-repeat scroll right center;
    min-height:100vh;
    display:flex;
    align-items:center
}
.benefitsList{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.benefitsList li{
    text-align:center;
    margin:15px 30px;
    width:110px
}
.benefitsList li h6{
    color:#fff;
    font-size:18px
}
.benefitsImg{
    background:#26266e;
    border:5px solid #16164a;
    display:flex;
    justify-content:center;
    align-items:center;
    width:110px;
    height:110px;
    margin-bottom:15px
}
.whyUsForSection{
    background:#020224
}
.popularSection{
    background:#020224
}
.popularSection .benefitsList{
    margin-top:40px
}
.popularSection .rarible_title{
    max-width:65%;
    margin-left:auto;
    margin-right:auto
}
.popularSection .benefitsList li{
    width:200px
}
.popularSection .benefitsImg{
    width:200px;
    height:200px
}
.benefitsList h6 a{
    font-size:18px;
    color:#fff!important;
    text-decoration:none
}
a{
    color:#fff!important;
    text-decoration:none!important
}
.chooseCard {
    display: flex;
    margin: 20px 0;
  }
.chooseCard h3{
    color: #010101;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
.chooseCard p{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #010101;
}
.chooseCardImg {
    min-width: 100px;
    margin-right: 20px;
  }
  .exchange_difference_section{
    padding-top: 100px;
    padding-bottom: 180px;
  }
  .exchange_difference_section table thead tr th {
    border: none;
    background: #18C572;
    color: #fff;
    font-size: 28px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
.exchange_difference_section table thead tr {
    color: #ffffff;
    font-size: 40px;
    font-weight: 900;
  }
  .exchange_difference_section table{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
  }
.exchange_difference_section table {
    background: #fff;
    border-radius: 10px;
  }
.exchange_difference_section table tbody tr:nth-child(2n+1) {
    background-color: #3DE393;
  }
.exchange_difference_section table tbody td {
    border: none;
    color: #010101;
    font-size: 20px;
    font-weight: 500;
    height: 80px;
    vertical-align: middle;
  }
.exchange_difference_section table tbody tr:nth-child(2n) {
    background-color: #93FFCB;
  }
.features-landing{
    padding: 180px 0 120px;
}
.features-landing .nav-tabs{
    border-bottom: 0;
    justify-content: center;
    background: #3DE393;
    display: inline-flex;
    border-radius: 30px;
}
.features-landing .nav-item{
    background: #3DE393;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    border: 0;
    border-radius: 30px;
    padding: 16px 30px;
    margin-bottom: 0;
    line-height: auto;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    background: #18C572;
    border: 0;
}
.features-landing-list{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.features-landing-list li{
    background: #93FFCB;
    color: #000000;
    list-style: none;
    margin: 15px;
    width: calc(33% - 30px);
    border-radius: 15px;
}
.features-landing-list li span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.features-landing-list li span.imgBg{
    background: #18C572;
    border-radius: 15px 0px 0px 15px;
    margin-right: 15px;
    min-width: 60px;
    min-height: 54px;
}
.elite-features{
    background: #E4FFF2;
    padding-top: 120px;
    padding-bottom: 80px;
}
.elite-feature-list{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.elite-feature-list li{
    color: #000000;
    list-style: none;
    margin: 30px 15px;
    width: calc(33% - 30px);
    border-radius: 15px;
}
.elite-feature-list li span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.elite-feature-list li img{
    margin-right: 15px;
    min-width: 100px;
}
.popular-platforms{
    padding: 100px 0;
}
.popular-platform-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
.popular-platform-content h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    color: #010101;
    margin-bottom: 30px;
}
.popular-platform-content p{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #010101;
}
.pp-img-card{
    background: #FEE3A1;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.pp-img-left{
    min-width: 80px;
    margin-right: 10px;
}
.pp-img-card span{
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
    color: #000000;
}
.bgGrey{
    background: #E4E1D9;
}
.bgLightBlue{
    background: #CBD8FF;
}
.bgDarkBlue{
    background: #8AAAF9;
}
.bgPurple{
    background: #C09BFF;
}
.bgLightGreen{
    background: #E4FFF2;
}
.demand-scripts{
    padding: 100px 0;
}
.demand-scripts .pp-img-card {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
  }
.beige {
    background: #FFF1CF;
}
.ctaBottom {
    background: #E4FFF2;
    padding: 80px 0;
}
.ctaBottom .rarible_title{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.bottomContactForm{
    background: linear-gradient(90deg, #18C572 0%, #BEF9DC 100%);
}
.bcfBox{
    background: #10151A;
}
.footerform_right{
    background: #19C573;
}
.footerform_right h4{
    color: #010101;
}
.footerform_right p{
    color: #010101;
}
.footerform_right h4 span{
    color: #ffffff;
}
.footerform_middle .btn.btnType3{
    background: #19C573 !important;
    border-color: #19C573 !important;
    color: #ffffff !important;
}
.faq_new_section{
    background: #ffffff;
}
.blinker_me{
    color: #000;
}
@media screen and (max-width:1199px){
    .whyusSection{
        padding-top:50px;
        padding-bottom:0
    }

    .new_inner_pages .ctaShapeBg .btnType4{
        bottom:50px
    }
    .ctaShapeBg h2{
        padding-top:15px;
        font-size:28px;
        padding-right:50px
    }
    .benefitsList li{
        margin:15px
    }
    .benefitsList li h6{
        font-size:16px
    }
    .bannerBottomContent{
        max-width:960px
    }
    .bannerBottomContent h2{
        font-size:48px
    }
    .bannerContentLeft p{
        max-width:85%
    }
}
@media screen and (max-width:991px){
    .zoomColumn{
        flex-wrap:wrap
    }
    .box-zoom{
        width:100%
    }
    .box-zoom:nth-child(2n){
        transform:none
    }
    .whyusSection h6{
        max-width:100%
    }
    .zoomColumn{
        margin-top:0;
        border-right:0
    }
    .box-zoom{
        border-right:7px solid #16164a
    }
    .box-zoom:nth-child(2n){
        border-left:7px solid #2d2d83;
        border-right:7px solid #2d2d83;
        margin:15px 0
    }
    .createSection p.rarible_para{
        max-width:100%
    }
    .createCard h3{
        max-width:100%
    }
    .createCardLeft{
        padding-right:30px
    }
    .createCardRight{
        padding-left:30px
    }
    .createSection{
        padding-top:50px!important
    }
    .sectionHowItWorks .row{
        flex-direction:column-reverse
    }
    .howitworkImg img{
        max-width:400px;
        margin:0 auto;
        display:block
    }
    .ctaShapeBg{
        background:#010929;
        border:8px solid #16164a;
        padding:30px 30px 50px;
        background-image:none;
        overflow:hidden;
        height:auto
    }
    .ctaShapeBg h2{
        margin-left:0;
        padding-right:0;
        padding-top:0;
        margin-bottom:50px
    }
    .new_inner_pages .ctaShapeBg .btnType4{
        bottom:0;
        right:-15px
    }
    .features_panel nav{
        margin:0
    }
    .features_panel .nav-tabs{
        padding-left:15px;
        padding-right:15px
    }
    .features_panel .tab-content{
        margin:12px
    }
    .features_panel .tab-pane ul li{
        width:50%
    }
    .features_panel .nav-tabs .nav-link{
        width:auto;
        margin-right:15px;
        margin-bottom:0
    }
    .benefitsList{
        justify-content:space-between
    }
    .benefitsList li{
        margin:0
    }
    .featuresSection{
        background-image:none
    }
    .featuresSection .rarible_title{
        max-width:100%;
        margin-bottom:20px
    }
    .subTitle{
        max-width:100%
    }
    .benefitsSection .rarible_title{
        text-align:center
    }
    .benefitsSection .rarible_para.max_width_full{
        text-align:center
    }
    .whyUsForSection .row{
        flex-direction:column-reverse
    }
    .whyUsForSection .text-right{
        text-align:center!important
    }
    .popularSection .rarible_title{
        max-width:100%
    }
    .benefitsSection{
        min-height:auto;
        padding:60px 0!important
    }
    .popularSection .benefitsList li{
        width:50%;
        flex-direction:column;
        display:inline-flex;
        align-items:center;
        margin-bottom:30px
    }
    .sectionCTA{
        padding:40px 0
    }
    .bannerBottomContent{
        max-width:690px
    }
    .bannerBottomContent h2{
        font-size:36 px
    }
    .bannerContentLeft p{
        max-width:100%
    }
}
@media screen and (max-width:767px){
    #landingMainBanner{
        min-height:100vh
    }
    .bannerBottomContent{
        flex-direction:column;
        text-align:center;
        margin-bottom:50px;
        background:rgba(0,0,0,.65);
        padding-top:30px
    }
    .d_m_none {
        display: none !important;
    }
    .aboutSection{
        padding-top:100px!important
    }
    .howitworkImg img{
        max-width:100%
    }
    .features_panel .tab-pane ul li{
        width:100%
    }
    .benefitsList{
        margin-top:50px
    }
    .benefitsList{
        justify-content:center
    }
    .benefitsList li{
        margin-left:15px;
        margin-right:15px;
        margin-bottom:30px
    }
    .popularSection .benefitsList{
        margin-top:40px;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .features_panel .nav-tabs .nav-link{
        margin-left:auto;
        margin-right:auto;
        font-size:18px
    }
    .ctaShapeBg h2{
        line-height:38px
    }
    .sectionCTA{
        background: none;
    }
}
@media screen and (max-width:575px){
    .bannerContent h1 {
        font-size: 32px;
        line-height: unset;
    }
    .chooseCard{
        flex-direction: column;
    }
    .features-landing-list{
        flex-direction: column;
    }
    .features-landing-list li{
        display: flex;
        width: unset;
    }
    .btnType4 {
        font-size: 20px;
    }
}
.techbox {
    background: #e4fff2;
    border-radius: 15px;
    padding:50px 30px;
    transition: 0.2s all;
    text-align: center;
    margin: 40px 0;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.techbox:hover {
    color: #000;
    background: #18c572;
}

.techbox h2 {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0;
}

.techbox .imground {
    position: absolute;
    margin: 0 auto;
    background: #101519;
    border: 5px solid #1E2C36;
    border-radius: 50%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    top: -40px;
}

.techbox:hover .imground {
    border: 5px solid #e4fff2;
}
.techsprite {
    background-image: url("../images/white-label-nft-marketplace/techsheet.webp");
    background-repeat: no-repeat;
    display: block;
}

.sprite-scatech1 {
    min-width: 35px;
    height: 35px;
    background-position: -5px -5px;
}

.sprite-scatech10 {
    min-width: 35px;
    height: 35px;
    background-position: -50px -5px;
}

.sprite-scatech2 {
    min-width: 35px;
    height: 35px;
    background-position: -95px -5px;
}

.sprite-scatech3 {
    min-width: 35px;
    height: 18px;
    background-position: -5px -50px;
}

.sprite-scatech4 {
    min-width: 35px;
    height: 35px;
    background-position: -50px -50px;
}

.sprite-scatech5 {
    min-width: 35px;
    height: 35px;
    background-position: -95px -50px;
}

.sprite-scatech6 {
    min-width: 35px;
    height: 35px;
    background-position: -5px -95px;
}

.sprite-scatech7 {
    min-width: 35px;
    height: 35px;
    background-position: -50px -95px;
}

.sprite-scatech8 {
    min-width: 35px;
    height: 35px;
    background-position: -95px -95px;
}

.sprite-scatech9 {
    min-width: 35px;
    height: 35px;
    background-position: -140px -5px;
}

