body{
    color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Roboto, sans-serif !important
}
.top_msg{
    background: #3f55eb;
}
.top_msg a{
    color: #ffffff !important;
}
.innerTopSpace {
    background: transparent;
    min-height: auto;
  }
.alwinNavbar {
    background: transparent;
  }
  .navbar.navbar-expand-lg.navbar-light.alwinNavbar.fixed-top.nav_fixed {
    background: #0a0144 !important;
  }
.social_side ul li {
    background: (70, 147, 222) 0%;
    background: linear-gradient(90deg, rgb(70, 147, 222) 0%, rgb(249, 71, 149) 100%) 
}

.animated-button1 {
    background: transparent;
    border-radius: 30px;
    box-shadow: none;
    border: 2px solid #4cffff;
    font-weight: 600;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.animated-button1 span {
    display: none
}

.alwinNavbar .nav-item .nav-link {
    color: #ffffff !important
}

.alwinNavbar .nav-item .nav-link:hover {
    color: #fff !important
}

.alwinNavbar .dropdown-menu li a:hover {
    background: rgb(90,118,241);
    background: linear-gradient(90deg, rgba(90,118,241,1) 0%, rgba(39,198,173,1) 100%); 
    color: #ffffff !important;
}

.alwinNavbar .dropdown-menu h5 {
    border-color: rgb(90,118,241);
}

.blink_me {
    color: #ffffff;
}

.new_inner_pages .nft-landingbanner .landBannerText .btn {
    color: #fff !important;
    border-radius: 30px !important
}
.logoImg.navbar-brand img {
    filter: contrast(0) brightness(0) invert(1);
  }

.headCard .logoImg img {
    display: none
}

.headCard .logoImg {
    background: url(../images/kraken/logo.webp);
    width: 46px;
    height: 54px;
    filter: grayscale(100%) brightness(0) invert(1);
}



#landingMainBanner .carousel-item {
    background-image: none
}

.landBannerText h1 span {
    color: #18221f
}

#landingMainBanner.nft-landingbanner .carousel-item {
    padding-top: 0;
    padding-bottom: 0;
    background: 0 0
}

.rarible_img {
    margin-bottom: -50px
}

.rarible_new_banner {
    height: 100%
}

.rari_banner h1 {
    color: #ffffff !important;
    font-size: 64px;
    font-weight: 700
}

.rari_banner h3 {
    margin: 5px 0 20px;
    color: #ffffff !important;
    font-size: 30px;
}
.rari_banner h3 span{
    display: block;
}
.rari_banner h5 {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 400 !important
}
.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.webp) 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: 0px 0px 0px 30px;
    color: #ffffff;
    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 0px 12px 12px;
}
.features_panel .nav-tabs .nav-link{
    font-size: 26px;
    color: #ffffff !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:hover,
.features_panel .nav-tabs .nav-link.active{
    background: #0f103c;
    color: #ffffff !important;

}
.what_rarible {
    text-align: center
}

.rarible_title {
    font-size: 50px;
    font-weight: 700;
    color: #0aabf7;
}

.rarible_para {
    font-size: 18px;
    margin: 0 0 30px;
    color: #ffffff;
}

.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: #ffffff;
}

.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: 0px;
    margin-top: 0px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    min-height: 141px;
    color: #ffffff;
}
.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: none;
    color: #ffffff !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
}

.flexColumn {
    display: flex;
    align-items: center;
  }

.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: #ffffff;
    margin-bottom: 30px;
}
.clone_panel .tab-content p{
    font-size: 20px;
    color: #ffffff;
    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)
    }
}

.clone_script_user {
    position: absolute;
    bottom: -49px;
    z-index: 1;
    right: -190px
}

.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: #020c2b;
    margin-bottom: 30px;
    border: 5px solid #16164a;
}
.alwinlogolist {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none
}

.alwinlogolist li {
    padding-bottom: 15px;
    position: relative;
    padding-left: 25px
}

.alwinlogolist li::before {
    content: "";
    background: url(../images/kucoin/bulletin_icon.png) no-repeat;
    width: 14px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 4px
}


.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;
    color: #ffffff !important;
    padding: 20px 45px
}

.faq_new_section .nft-accordion .card-header button.collapsed {
    background-image: url(../images/sushiswap/plus.png);
  }

.faq_new_section .nft-accordion .card-header button {
    background-image: url(../images/sushiswap/minus.png);
  }

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

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

.d_d_none {
    display: none !important
}

.bottomContactForm {
    background: #020c2b;
    background: linear-gradient(90deg, #020c2b 0, #020c2b 100%)
}
.bcfBox{
    background: #16164a;
}
.footerform_right {
    background: #26266e
}
.whyusSection{
    background: #020224;
    background-size: cover;
    padding: 150px 0 100px;
}
.whyusSection h6{
    color: #ffffff;
    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: #ffffff !important;
    font-size: 20px;
    text-align: center;
    border-radius: 50px;
    border: 0;
    width: 100%;
    margin: 0px 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 0px 0px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 15px 0px rgba(0,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;
}


.containerProgress {
    width: 60%;
    margin: 45px auto 0;
    position: relative;
    text-align: center;
}

.containerProgress::before {
    position: absolute;
    left: 50%;
    content: '';
    width: 5px;
    height: 100%;
    background-color: #352f70;
    border-radius: 5px;
    border-left: 2px solid #fff;
    border-right: 1px solid #fff;
}

.aboutImgCard{
    text-align: center;
}
.subTitle{
    font-size: 18px;
    color: #ffffff;
    max-width: 60%;
    margin: 0 auto 60px;
}
.entry {
    margin: 25px 10px;
    position: relative;
}
.featuresSection .rarible_title{
    max-width: 60%;
    margin: 0 auto 60px;
}
.indicator {
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    width: 15px;
    height: 15px;
    background-color: #352f70;
    border-radius: 50%;
}

.indicator span {
    position: relative;
    top: -5px;
    width: 7px;
    height: 7px;
    display: inline-block;
    background-color: #352f70;
    border-radius: 50%;
}

.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: #ffffff;
}
.entry:nth-child(odd) .content {
    text-align: left;
    transform: translate(60%, -9px);
}

.content span {
    font-weight: 700;
    font-size: 24px;
    display: block;
    color: #081d34;
    margin-bottom: 15px;
    transition: .25s;
}
.content:hover span {
    color: #ffffff;
}
.time {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-130%, -48%);
    font-size: 18px;
    padding: 5px 10px;
    color: white;
    display: inline-block;
    color: #081d34;
    font-weight: 600;
}
.ceCard {
    display: flex;
    align-items: center;
    margin: 30px 0;
  }
.ceCard h3{
    font-size: 24px;
    font-weight: 700;
  }
.entry:nth-child(even) .time {
    transform: translate(40%, -48%);
}
.benefitsContent{
    background: url('../images/kraken/vectorBg.png') no-repeat scroll 0 0;
    background-size: cover;
}
.benefitsContent ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 50px;
}
.benefitsContent ul li{
    margin-bottom: 30px;
}
.benefitsContent ul li p{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.benefitsContent ul li:nth-child(odd){
    display: flex;
    align-items: flex-start;
}
.benefitsContent ul li:nth-child(odd) p{
    background: #96cad4;
    border-radius: 15px;
    padding: 15px 30px;
    margin-left: 30px;
    max-width: 70%;
}
.benefitsContent ul li:nth-child(even){
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.benefitsContent ul li:nth-child(even) p{
    background: #d2d3d6;
    border-radius: 15px;
    padding: 15px 30px;
    margin-right: 30px;
    max-width: 70%;
}
.benefitsContent ul li img{
    width: 58px;
    height: 58px;
}
.bg-popularIcon{
    background: url('../images/kraken/popularIcons.png') no-repeat scroll 0 0;
    min-width: 129px;
    margin-right: 15px;
}
.bg-popularIcon1 {
    width: 129px; height: 129px;
    background-position: -159px -10px;
}
.bg-popularIcon2 {
    width: 129px; height: 129px;
    background-position: -10px -159px;
}
.bg-popularIcon3 {
    width: 129px; height: 129px;
    background-position: -159px -159px;
}
.bg-popularIcon4 {
    width: 129px; height: 129px;
    background-position: -308px -10px;
}
.bg-popularIcon5 {
    width: 129px; height: 129px;
    background-position: -308px -159px;
}
.bg-popularIcon6 {
    width: 129px; height: 129px;
    background-position: -10px -308px;
}
.bg-popularIcon7 {
    width: 129px; height: 129px;
    background-position: -159px -308px;
}
.bg-popularIcon8 {
    width: 129px; height: 129px;
    background-position: -308px -308px;
}
.bg-popularIcon9 {
    width: 129px; height: 129px;
    background-position: -10px -10px;
}

/* Megamenu Changes Starts */
.mega-menu {
    background-color: #f3f3f3;
}
.mega-menu__articles {
    background-color: #e4e4e4;
}
.mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
    background-color: #f3f3f3;
}
.mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link {
    border-bottom: 1px solid rgb(229 229 229) !important;
    color: #18221f !important;
}
.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: #111111;
}
.mega-menu__article figure figcaption {
    color: #333;
}
@media (min-width: 992px) {
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link {
        color: #18221f !important;
    }
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:before {
        border-bottom: 1px solid #111111;
    }
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:active:after, 
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:active:before, 
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:focus:after, 
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:focus:before, 
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:hover:after, 
    .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:hover:before {
        border-color: #111111 !important;
    }
    .mega-menu__items>.mega-menu__nav>.mega-menu__nav-item>.mega-menu__nav-link:after {
        filter: unset;
    }
    .mega-menu__items>.mega-menu__nav:after {
        border-right: 1px solid #e5e5e5;
    }
}
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-item .nav-link {
        border-bottom: 1px solid #e5e5e5;
    }
}
/* Megamenu Changes Ends */

@media only screen and (max-width: 600px) {
    .container {
        margin: 0;
    }

    .entry:nth-child(even) .content, .entry:nth-child(odd) .content {
        text-align: left;
        transform: translate(60%, -9px);
    }

    .entry:nth-child(even) .time, .entry:nth-child(odd) .time {
        transform: translate(-130%, -48%);
    }
}
@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 .flexColumn{
        align-items: flex-start;
    }
    .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
    }
    .alwinlogolist {
        margin-top: 30px
    }
    .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
    }
    
}

.landingBlog {
    padding: 50px 0;
    background: #16164a;
  }
.landingBlogCard .btnType2 {
    background: linear-gradient(90deg, rgb(10, 171, 247) 0%, rgb(63, 85, 235) 60%) !important;
    color: #ffffff !important;
    padding: 12px 30px;
    font-size: 1rem;
    border-radius: 7px !important;
    border: 0 !important;
    margin-bottom: 0;
  }
  .landingBlogCard .btnType2:hover {
    color: #ffffff !important;
  }
#landingMainBanner {
    background: url(../images/sushiswap/banner.webp) no-repeat scroll center center !important;
    background-size: cover !important;
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
}
.bannerBottomContent {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
  }
  .bannerBottomContent h2{
    color: #ffffff;
    font-size: 60px;
  }
  .bannerContentLeft p{
    color: #0aabf7;
    font-size: 18px;
    max-width: 65%;
  }

  .bannerButton{
    background: #020224;
    border: 2px solid #4cffff;
    color: #ffffff;
    font-size: 30px;
    cursor: pointer;
  }
  .bannerButton {
    background: #020224;
    border: 2px solid #4cffff;
    color: #ffffff;
    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: #020224;
  }
  .aboutImgCard { 
    background: #020224 url(../images/sushiswap/what-sushi-bg.webp) no-repeat scroll center center;
}
.aboutSection .container{
    /* background: url(../images/sushiswap/what-sushi-bg.png) no-repeat scroll right center; */
}
  .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: #ffffff;
    font-size: 30px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 30px;
}
.box-zoom p{
    color: #ffffff;
    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: #020224;
}
.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: #ffffff;
    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: 80%;
    margin: 0 auto 50px;
 }
 .sectionHowItWorks{
    background: #020224;
 }
 .howItWorkRight p{
    color: #ffffff;
    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: #ffffff;
 }
 .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: #020224;
    padding: 80px 0;
 }
 .ctaShapeBg{
    background: url(../images/sushiswap/ctabg.webp) no-repeat scroll 0 0;
    width: 1140px;
    height: 250px;
    max-width: 100%;
    background-size: 100%;
    position: relative;
 }
 .ctaShapeBg h2{
    font-size: 32px;
    color: #ffffff;
    max-width: 960px;
    margin: 0px 0 0 80px;
    padding-top: 40px;
 }
 .new_inner_pages .ctaShapeBg .btnType4 {
    background: url(../images/sushiswap/ctaBtnBg.png) no-repeat scroll 0 0;
    border: 0;
    display: inline-block;
    width: 360px;
    height: 70px;
    border-radius: 0;
    position: absolute;
    right: 36px;
    bottom: 7px;
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 600;
    padding: 17px 0 0 50px !important;
    text-align: left !important;
  }
  .new_inner_pages .ctaShapeBg .btnType4 span{
    position: absolute;
    right: 30px;
    top: 13px;
    font-size: 30px;
  }
  .benefitsSection{
    background: #020228 url(../images/sushiswap/arrowBg.webp) 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: #ffffff;
    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;
  }
  .awards_section {
    background: #26266e;
  }
 .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: #ffffff !important;
    text-decoration: none;
 }

 .mega-menu {
    background-color: #020224;
  }
.mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link{
    background-color: #020224;
}
.mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link{
    border-bottom: 1px solid rgb(13, 13, 98) !important;
    color: #fff !important;
}
.mega-menu__items > .mega-menu__nav::after {
    border-right: 1px solid #0d0d62;
  }
  .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link{
    color: #fff !important;
  }
  .mega-menu__articles{
    background-color: #0f103c;
  }
  .mega-menu__article figure figcaption, a{
    color: #ffffff !important;
    text-decoration: none !important;
  }
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link::before {
    background-color: #0aabf7;
  }
 .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link:hover,
 .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link--toggle:not(.collapsed){
    color: #ffffff !important;
  }
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link::after,
  .mega-menu__items > .mega-menu__nav > .mega-menu__nav-item > .mega-menu__nav-link:hover::after {
    filter: invert(1) !important;
  }
  .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link::before {
    border-bottom: 1px solid #fff;
  }
  
.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: #ffffff !important;

}
.mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:active::after, .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:active::before, .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:focus::after, .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:focus::before, .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:hover::after, .mega-menu__nav .mega-menu__nav-item .mega-menu__nav .mega-menu__nav-item .mega-menu__nav-link:hover::before {
    border-color: #ffffff !important;
  }
  @media screen and (max-width:1199px) {
    .whyusSection{
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .createSection{
        padding-top: 150px !important;
    }
    .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) {
    .alwinNavbar {
        background: #020224;
      }
      .navbar-light .navbar-toggler{   
       color: #3f55eb !important;
      }
      .navbar .navbar-nav .nav-item .nav-link {
        border-bottom: 1px solid rgb(13, 13, 98);
      }
      .animated-button1{
        margin-top: 15px;
      }
      .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,0.65); */
        padding-top: 30px;
        position: relative;
    }
    #landingMainBanner{
        position: relative;
    }
    #landingMainBanner::before{
        content: "";
        position: absolute;
        width:100%;
        height: 100%;
        background: rgba(0,0,0,0.65);
    }
    .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;
      }
  }

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