@import url(../../css/fonts.css);

.suffesv3-banner-wrap p {
    margin-bottom: 26px;
}

.suffesv3-banner img {
    margin: 0 auto;
}

.suffesv3-banner {
    padding-top: 160px;
}

.suffesv3-banner {
    padding-top: 177px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.6);
    padding-bottom: 79px;
}

.suffesv3-master-technologies-wrap {
    background: #FBFAF5;
    border-radius: 34px;
    padding: 50px;
}

.suffesv3-master-technologies {
    margin-top: 80px;
}

.suffesv3-heading-bottom-padd {
    padding-bottom: 50px;
}

.suffesv3-in-masters ul {
    padding-left: 59px;
    padding-right: 20px;
    border-left: 1px solid #ccc;
}

.suffesv3-in-masters-wrap {
    position: relative;
}

.suffesv3-in-masters ul li .suffesv3-in-masters-wrap::after {
    background-color: #0045E6;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    content: '';
    height: 13px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 13px;
}

.suffesv3-in-masters ul li .suffesv3-in-masters-wrap::after {
    background-color: #E92B26;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    content: '';
    height: 18px;
    left: -69px;
    position: absolute;
    top: 0px;
    width: 18px;
}

.suffesv3-in-masters ul li {
    margin-bottom: 43px;
}

.suffesv3-in-masters ul li:last-child {
    margin-bottom: 0px;
}

.suffesv3-in-masters {
    padding: 80px 0px;
}

.suffesv3-in-masters img {
    position: sticky;
    top: 76px;
}

.suffesv3-in-masters .row {
    display: flex;
    flex-wrap: wrap;
}

.suffesv3-in-masters {
    background-image: linear-gradient(to right, #E2F5FF85, #FFE2D836);
    margin-top: 80px;
}

.suffesv3-redefine-solution {
    padding: 80px 0px;
}

.suffesv3-redefine-solution-wrap {
    width: 100%;
    padding: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 1;
    background: #eef7ec;
}

.suffesv3-redefine-solution-wrap img {
    position: absolute;
    top: 0;
    left: 0;
}

.suffesv3-redefine-solution-wrap .suffesv3-sub-heading {
    font-size: 34px;
}

.suffesv3-redefine-solution ul {
    width: 100%;
}

.suffesv3-redefine-solution ul li {
    width: 16%;
    text-align: center;
}

.suffesv3-notable-blockchain li {
    width: 32%;
}

.suffesv3-notable-blockchain li img {
    margin-bottom: 20px;
}

.suffesv3-notable-blockchain {
    background: #F4F8FF;
    padding: 80px 00px;
    margin-top: 80px;
}

.suffesv3-build-deploy-grow-wrap {
    background: #33838608;
    border-radius: 34px;
    padding: 50px;
}

.suffesv3-build-deploy-grow {
    margin-top: 80px;
}

.center-img {
    margin: 0 auto;
}

.suffesv3build-services-list li {
    width: 100%;
}

.suffesv3build-services-list .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    color: #000 !important;
    font-size: 23px;
    font-family: 'Graphik-Semibold';
    margin-top: 0;
    background: transparent !important;
    border: none !important;
    position: relative;
    transition: all ease 220ms;
    width: max-content;
    padding-left: 0;
}

.suffesv3build-services-list .nav-tabs {
    border-bottom: 0;
}

.suffesv3build-services-list .nav-tabs>li.active>a {
    color: #e92b26 !important;
}

.suffesv3build-services-list .nav-tabs>li:hover>a {
    color: #e92b26 !important;
}

.suffesv3build-services-list .nav-tabs>li>a::after {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid #e92b26;
    -webkit-transition: all cubic-bezier(0.04, 0.3, 0.72, 0.92) 400ms;
    transition: all cubic-bezier(0.04, 0.3, 0.72, 0.92) 400ms;
    width: 0px;
    left: 0;
}

.suffesv3build-services-list .nav-tabs>li.active>a::after {
    width: 100%;
    left: 0;
}

.suffesv3-banner-carousel {
    border: 1px solid #cccccc38;
    padding: 22px 00px;
    border-right: 0;
    border-left: 0;
}

.suffesv3-in-all-industry li {
    width: 49%;
    margin-bottom: 20px;
}

.suffesv3-banner-carousel li {
    width: 16.666%;
    text-align: center;
}

.suffesv3-in-all-industry li:nth-child(1) .suffesv3-in-all-industry-wrap {
    background: #FFFDF1;
}

.suffesv3-banner-carousel li img {
    margin: 0 auto;
}

.suffesv3-in-all-industry li:nth-child(2) .suffesv3-in-all-industry-wrap {
    background: #FAFCFF;
}

.suffesv3-in-all-industry li:nth-child(3) .suffesv3-in-all-industry-wrap {
    background: #FDF2F8;
}

.suffesv3-in-all-industry li:nth-child(4) .suffesv3-in-all-industry-wrap {
    background: #FFEAEA;
}

.suffesv3-in-all-industry-wrap {
    padding: 36px 35px 36px 115px;
    position: relative;
}

.suffesv3-in-all-industry-wrap img {
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    top: 43px;
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.suffesv3-in-all-industry-wrap svg {
    margin-bottom: 14px;
    width: 80px;
    height: 80px;
}

.suffesv3-in-all-industry {
    padding-top: 80px;
}

.suffesv3-love-you-need-wrap {
    display: flex;
    justify-content: space-between;
}

.suffesv3-love-you-need-left {
    width: 50%
}

.suffesv3-love-you-need-right {
    width: 50%
}

.suffesv3-love-you-need-left a {
    font-size: 18px;
    color: #000;
    font-family: 'Graphik-Semibold';
    margin-top: 26px;
    display: inline-flex;
    align-items: center;
}

.suffesv3-love-you-need {
    margin: 80px 00px;
}

.suffesv3-love-you-need-left i {
    width: 35px;
    height: 33px;
    color: #fff;
    background: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    font-size: 25px;
}

.suffesv3-customers-wrap {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 50px 0 #0000001a;
    min-height: 150px;
    min-width: 168px;
    padding: 0px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suffesv3-customers li {
    width: 18%;
    margin-bottom: 25px;
}

.suffesv3-love-you-need-wrap {
    background: #f2f2f2;
}

.suffesv3-love-you-need-left {
    padding: 24px;
}

.suffesv3-customers a {
    margin-top: 33px;
}

.suffesv3-customers {
    background: #F7F9FB;
    padding: 80px 00px;
}

.suffesv3-home-contact-us {
    padding: 80px 00px;
}

.suffesv3-home-contact-us .common_trigger_form .common_form .form-control {
    background: #FFF !important;
    height: 59px !important;
    border-radius: 0px !important;
    color: #000 !important;
    font-family: 'Graphik-Regular' !important;
    padding: 23px;
}

.suffesv3-home-contact-us .common_trigger_form .common_form textarea.form-control {
    height: 163px !important;
    padding: 20px;
}

.suffesv3-home-contact-us .common_trigger_form .common_form #submit_btn {
    width: auto;
    padding: 12px 68px;
    font-family: 'Graphik-Semibold' !important;
}

.suffesv3-home-contact-us-wrap {
    background: #33838608;
    border-radius: 34px;
    padding: 50px;
    width: 70%;
    margin: 0 auto;
}

.suffesv3-home-contact-us #footer-form-wrap {
    margin-top: 50px;
    max-width: 100%;
}

.suffesv3-home-blogs {
    background: #f8f8f8;
    padding: 50px 0;
    float: left;
    width: 100%;
}

.suffesv3-home-blogs a {
    margin-top: 33px;
}

.suffesv3-home-blogs-wrap {
    padding: 16px 20px 20px 20px !important;
    background: #f8fbfb;
    box-shadow: none !important;
}

.suffesv3-home-blogs-wrap .suffesv3-sub-heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suffesv3-home-blogs-wrap .suffesv3-sub-para {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suffesv3-home-blogs-wrap a i {
    background: transparent;
    color: #000;
    margin-left: 0;
    padding-left: 7px;
    width: auto;
    height: auto;
}

.suffesv3-home-blogs-wrap a {
    margin-top: 15px;
    font-size: 18px;
    color: #000;
    font-family: 'Graphik-Semibold';
    margin-top: 16px;
    display: block;
}

.suffesv3-call-schedule-wrap .suffesv3-sub-heading {
    font-size: 60px;
}

.suffesv3-call-schedule li {
    width: 48%;
    margin-bottom: 46px;
}

.row.align-bottom-row {
    display: flex;
    flex-wrap: wrap;
}

.suffesv3-master-technologies-wrap a {
    margin-top: 33px;
}

.suffesv3-call-schedule-wrap .suffesv3-sub-para {
    font-size: 21px;
}

.suffesv3-btn {
    font-size: 18px;
    color: #000 !important;
    font-family: 'Graphik-Semibold' !important;
    display: inline-flex;
    align-items: center;
}

.suffesv3-btn i {
    width: 35px;
    height: 33px;
    color: #fff;
    background: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    font-size: 25px;
}

.suffesv3-clients-images a {
    background: transparent !important;
}

.suffesv3-clients-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #efefef;
    box-shadow: 0 3px 25px -8px #a0a0a0;
    opacity: 0.5;
    transition: all ease 220ms;
}

.suffesv3-clients-wrap .nav-tabs>li.active>a .suffesv3-clients-img img {
    opacity: 1;
    border: 10px solid #fff;
    transition: all ease 220ms;
}

.suffesv3-clients-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.suffesv3-clients-images {
    width: 50%;
    position: relative;
}

.suffesv3-clients-content {
    width: 50%;
}

.suffesv3-clients-wrap .nav-tabs>li>a {
    border: 0 !important;
}

.suffesv3-clients-wrap .nav-tabs {
    border-bottom: 0;
}

.suffesv3-clients-images li {
    width: 100%;
    position: relative;
}

.suffesv3-clients-images li:nth-child(1) .suffesv3-clients-img img {
    margin: 28px 0px 0 38px;
}

.suffesv3-clients-images li:nth-child(2) .suffesv3-clients-img img {
    margin: 0px 54px 0 auto;
}

.suffesv3-clients-images li:nth-child(3) .suffesv3-clients-img img {
    margin: 0px 0px 0px 192px;
}

.suffesv3-clients {
    padding: 80px 00px;
}

.suffesv3-clients-description h4 {
    font-family: 'Graphik-Bold';
    font-size: 35px;
    color: #000;
}

.suffesv3-clients-description h6 {
    font-family: 'Graphik-Semibold';
    font-size: 20px;
    color: #000;
}

.suffesv3-clients-images li:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 66%;
    height: 2px;
    background: #f2f2f2;
    transform: rotate(15deg) translate(-20px, 0px);
    bottom: -84px;
    left: 50%;
    transform: rotate(23deg) translate(-50%, 0px);
    z-index: -1;
}

.suffesv3-clients-images li:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 42%;
    height: 2px;
    background: #f2f2f2;
    transform: rotate(15deg) translate(-20px, 0px);
    bottom: 25px;
    left: 50%;
    transform: rotate(-31deg) translate(-37%, 0px);
    z-index: -1;
}

.suffesv3-clients-images li:nth-child(3)::after {
    content: '';
    position: absolute;
    width: 34%;
    height: 2px;
    background: #f2f2f2;
    transform: rotate(-31deg) translate(-30%, 0px);
    bottom: 5px;
    left: 16%;
    z-index: -1;
}

.suffesv3-clients-images li:nth-child(4)::after {
    content: '';
    position: absolute;
    width: 358px;
    height: 2px;
    background: #f2f2f2;
    transform: rotate(-84deg);
    bottom: 193px;
    right: 311px;
    z-index: -1;
}

.suffesv3-clients-video-testimonials-content {
    width: 65%;
}

.suffesv3-clients-video-testimonials-video {
    width: 35%;
}

.suffesv3-clients-video-testimonials {
    background: #f8fbfb;
    display: flex;
    border-radius: 20px;
    padding: 45px;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.suffesv3-virtual-moon {
    padding-bottom: 80px;
}

.suffesv3-virtual-moon img {
    width: 100%;
}

.suffesv3-clients-video-btn {
    box-shadow: 0px 0px 1px 1px #0000001a;
    margin-top: 22px;
    padding: 14px 32px;
    margin-right: 16px;
}

.suffesv3-clients-video-btn i {
    margin-left: 14px;
    border-radius: 4px;
    background: 20px;
    background: #fff;
    color: #e92b26;
    padding: 4px 8px;
    font-size: 12px;
    position: relative;
    bottom: 1px;
}

@keyframes suffesv3-clients-btn-animation {
    0% {
        box-shadow: 0 0 0 0px rgb(255, 234, 234);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.suffesv3-clients-video-testimonials {
    margin-top: 37px;
}

.suffesv3-clients-video-testimonials-content .suffesv3-main-heading {
    font-size: 46px;
}

#home-video-testimonial iframe {
    width: 100% !important;
    margin: 0 auto;
    float: none;
    display: block;
    height: 556px;
}

#home-video-testimonial .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none !important;
}

#home-video-testimonial .close {
    width: 41px;
    height: 41px;
    background: red;
    color: #fff;
    top: 7px;
    position: absolute;
    right: 12px;
    font-size: 36px;
    z-index: 1;
}

#home-video-testimonial .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0% !important;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
}

#redblocks>* {
    transform: translate3d(160px, -93px, 0);
    animation: moveblocks 4s 1s ease infinite;
}

@keyframes moveblocks {
    0% {
        transform: translate3d(160px, -93px, 0);
    }

    50%,
    100% {
        transform: translate(0);
    }
}

#firstBlock {
    transform: translate3d(160px, -93px, 0);
    animation: firstBlock 4s 1s ease infinite;
}

#blockdis {
    animation: blockdis 4s 1s ease infinite;
}

@keyframes blockdis {
    30% {
        opacity: 1;
    }

    40%,
    100% {
        opacity: 0;
        transform: translate3d(-160px, 93px, 0);
    }
}

@keyframes firstBlock {

    0%,
    15% {
        opacity: 0;
    }

    40%,
    100% {
        opacity: 1;
    }
}

@for $i from 1 to 5 {
    #redblocksparticles g:nth-child(#{$i}) polygon {
        opacity: 0.35;
        animation: glow 4s 1s ease infinite;
    }
}

@for $i from 1 to 20 {
    #redblocksparticles g:nth-child(1) g circle:nth-child(#{$i}) {
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }

    #redblocksparticles g:nth-child(2) g circle:nth-child(#{$i}) {
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }

    #redblocksparticles g:nth-child(3) g circle:nth-child(#{$i}) {
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }

    #redblocksparticles g:nth-child(4) g circle:nth-child(#{$i}) {
        animation: dots 4s #{1000+$i*50}ms ease infinite;
    }
}

@keyframes glow {

    0%,
    45% {
        opacity: 0;
    }

    60%,
    100% {
        opacity: 0.35;
    }
}

@keyframes dots {

    0%,
    35% {
        transform: translate(0);
        opacity: 0;
    }

    60%,
    80% {
        transform: translate(55px, -35px);
        opacity: 1;
    }

    100% {
        transform: translate(55px, -35px);
        opacity: 0;
    }
}

@for $i from 1 to 22 {
    #purplebg> :nth-child(#{$i}) {
        animation: up 2s #{$i* 500}ms ease infinite alternate;
    }
}

@keyframes up {
    to {
        transform: translate(0, -25px);
    }
}

@for $i from 1 to 13 {
    #bottomparticles> :nth-child(#{$i}) {
        animation: particles 4s #{$i*300}ms ease infinite alternate,
        p 2s ease infinite alternate;
    }

    #bottomparticles2> :nth-child(#{$i}) {
        animation: particles 4s #{$i*300}ms ease infinite alternate,
        p 2s ease infinite alternate;
    }

    #redglowparticles> :nth-child(#{$i}) {
        animation: particles 4s #{$i*300}ms ease infinite alternate,
        p 2s ease infinite alternate;
    }
}

@keyframes p {

    85%,
    100% {
        opacity: 0;
    }
}

@keyframes particles {

    0%,
    100% {
        transform: translate(0);
    }

    50% {
        transform: translate(10px, 15px);
    }
}

.particlespoly {
    animation: p 2s ease infinite alternate;
}

@for $i from 1 to 4 {
    #d-app g:nth-child(#{$i}) {
        animation: updown 2s #{$i*200}ms ease-in-out infinite alternate;
    }
}

@for $i from 1 to 4 {
    #d-apps2 g:nth-child(#{$i}) {
        animation: updown 2s #{$i*200}ms ease-in-out infinite alternate;
    }
}

@for $i from 1 to 20 {
    #d-apps2wrapper g:nth-child(3) g>circle:nth-child(#{$i}) {
        animation: updown 2s #{$i*50}ms ease infinite alternate;
    }
}

@for $i from 1 to 20 {
    #d-appswrapper g:nth-child(2) g>circle:nth-child(#{$i}) {
        animation: updown 2s #{$i*50}ms ease infinite alternate;
    }
}

@keyframes updown {
    100% {
        transform: translate(0, -20px);
    }
}

#Layer_1>g:nth-child(2)>g:nth-child(18)>g:nth-child(12) {
    animation: arrows 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}

@keyframes arrows {
    to {
        transform: translate(25px, 25px);
    }
}

#Layer_1>g:nth-child(2)>g:nth-child(17)>g:nth-child(13) {
    animation: arrows2 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}

@keyframes arrows2 {
    to {
        transform: translate(-25px, -25px);
    }
}

#Layer_1>g:nth-child(2)>g:nth-child(17)>g:nth-child(12) {
    animation: arrows 1s ease-in-out infinite alternate, p 2s ease infinite alternate;
}

.suffesv3-banner svg {
    max-width: 757px;
    height: auto;
}

.suffesv3-love-you-need-right img {
    width: 100%;
}

.align-bottom-row {
    display: flex;
    flex-wrap: wrap;
}

.suffesv3-master-technologies-wrap .Management-list li {
    font-family: 'Graphik-Regular' !important;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #000;
    position: relative;
    padding-left: 30px;
    text-align: left;
}

.suffesv3-clients-btns {
    display: flex;
}

.suffesv3-main-heading-change.suffesv3-main-heading {
    font-family: 'Graphik-Semibold' !important;
}

.suffescom-participants {
    margin-top: 80px;
    float: left;
    width: 100%;
}

.new_case_study .row {
    display: flex;
    flex-wrap: wrap;
}

.suffescom-participants li {
    font-size: 20px;
    color: #000;
    font-family: 'Graphik-Regular';
    line-height: 30px;
    margin-bottom: 13px;
    width: 100%;
}

.suffescom-participants .flex-center-list {
    padding: 0;
    margin: 18px 00px;
    list-style: decimal;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 23px;
}

.suffescom-metaverse-hackathon {
    margin-top: 80px;
    float: left;
    width: 100%;
}

.suffescom-metaverse-hackathon-wrap h5 {
    font-family: 'Graphik-Semibold' !important;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 35px;
    color: #fff;
    border-radius: 43px;
}

.suffescom-metaverse-hackathon-wrap h6 {
    font-family: 'Graphik-Regular' !important;
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 25px;
    color: #fff;
}

.suffescom-metaverse-hackathon img {
    width: 100%;
}

.suffescom-metaverse-hackathon li {
    width: 49%;
}

.suffescom-metaverse-hackathon-content {
    padding: 125px 10px;
    background: #060606b3;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.suffescom-metaverse-hackathon-wrap {
    position: relative;
}

.suffescom-metaverse-hackathon-wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.suffesv3-in-all-industry li:nth-child(5) .suffesv3-in-all-industry-wrap {
    background: #FFFDF1;
}

.suffesv3-in-all-industry li:nth-child(6) .suffesv3-in-all-industry-wrap {
    background: #FAFCFF;
}

.suffesv3-in-all-industry li:nth-child(7) .suffesv3-in-all-industry-wrap {
    background: #FDF2F8;
}

.suffesv3-in-all-industry li:nth-child(8) .suffesv3-in-all-industry-wrap {
    background: #FFEAEA;
}

.empower-digital-nft-marketplace {
    padding: 80px 00px;
}

.exclusive-white-lable-nft-features-container {
    background: #E9F7FA;
    border-radius: 34px;
    padding: 50px;
}

.exclusive-white-lable-nft-features-wrap {
    padding: 23px;
    background: #fff;
    border-radius: 20px;
}

.exclusive-white-lable-nft-features li {
    width: 48%;
}

.exclusive-white-lable-nft-features-wrap img {
    margin-bottom: 17px;
}

.exclusive-white-lable-nft-features li:nth-child(2) {
    margin-top: 30px;
}

.exclusive-white-lable-nft-features li:nth-child(4) {
    margin-top: 30px;
}

.encovrage-buying-selling-nft {
    background: #F3F0F7;
    margin-top: 80px;
    padding: 40px 00px;
}

.nft-whitelable-erc li {
    width: 23%;
}

.nft-whitelable-erc {
    margin: 80px 00px;
}

.nft-whitelable-erc img {
    margin-bottom: 20px;
}

.empower-digital-nft-marketplace-cta-wrap {
    margin-top: 23px;
}

.suffescomv3-customer-sec-padd-new {
    padding: 80px 00px;
    float: none;
}

.suffescomv3-customer-sec-padd-new .crypto-cta-text {
    font-family: 'Graphik-Semibold' !important;
}

.suffescomv3-customer-sec-padd-new .crypto-cta-wrap a.new_lanbtn {
    font-family: 'Graphik-Semibold' !important;
}

.launch-scalable-nft-marketplace-wrap {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 10px 19px #bbbbbb1a;
    -webkit-box-shadow: 0px 10px 19px #bbbbbb1a;
    padding: 30px;
}

.launch-scalable-nft-marketplace li {
    width: 31%;
    margin-bottom: 25px;
}

.launch-scalable-nft-marketplace-wrap img {
    margin-bottom: 20px;
}

.launch-scalable-nft-marketplace {
    padding: 80px 00px;
}

.why-launch-whitelabel-nft {
    background: #FFE2D836 !important;
}

.blog-main-page {
    margin-bottom: 0;
}

.blog-refine-blockchain-idea-container .suffesv3-main-heading.suffesv3-main-heading-change {
    padding-left: 0px !important;
}

.blog-refine-blockchain-idea-container .suffesv3-main-para {
    padding-left: 0px !important;
}

.blog-refine-blockchain-idea-container {
    background: #f8f8f8;
    border-radius: 34px;
    padding: 20px;
}

.suffesv3-master-technologies-wrap .Management-list li::before {
    top: 0px;
    left: 0;
}

.robinhood-platform-features li {
    width: 48%;
}

#robinhood-tabs {
    background: #000;
    padding: 90px 00px;
}

#robinhood-tabs ul li {
    width: 100%;
}

#robinhood-tabs .nav-tabs {
    border-bottom: 0;
}

#robinhood-tabs .nav>li>a:focus,
#robinhood-tabs .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
}

#robinhood-tabs .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 4px 4px 0 0;
    font-size: 24px;
    color: rgb(84, 93, 97);
    padding: 13px 00px;
    font-family: 'Graphik-Semibold';
}

#robinhood-tabs .nav-tabs>li.active>a {
    color: #fff;
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
}

#robinhood-tabs .robinhood-right-content h6 {
    font-size: 24px;
    font-family: 'Graphik-Semibold';
    color: #fff;
    font-size: 36px;
}

#robinhood-tabs .robinhood-right-content p {
    margin: 0 0 10px;
    font-family: 'Graphik-Regular';
    color: #fff;
    font-size: 21px;
    line-height: 31px;
}

.robinhood-right-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.robinhood-right-image {
    width: 30%;
}

.robinhood-right-content {
    width: 70%;
    padding-left: 50px;
}

#robinhood-tabs .nav-tabs {
    border-bottom: 0;
    float: right;
}

#robinhood-tabs ul li {
    width: 100%;
    text-align: right;
}

.all-tading-clones li {
    width: calc(24% - 37px) !important;
    margin: 20px 20px;
}

.all-tading-clones-wrap {
    text-align: center;
    -webkit-box-shadow: 0 2px 40px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 40px rgb(0 0 0 / 8%);
    padding: 24px 10px;
    position: relative;
}

.all-tading-clones li img {
    object-fit: contain;
    width: 100px;
    transition: .5s;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    height: 100px;
}

.all-tading-clones li .suffesv3-sub-heading {
    font-size: 20px;
    margin-top: 20px;
}

.user-app-features-robinhood-clone-wrap {
    padding: 20px 00px;
}

.user-app-features-robinhood-clone-wrap .suffesv3-sub-heading {
    margin-top: 20px;
    font-size: 21px;
}

.robinhood-admin-featureas {
    background: #FBFAF5;
}

.robinhood-clone-revenue-model {
    background: #FBFAF5;
}

.robinhood-clone-revenue-model li {
    width: 32%;
    margin-bottom: 25px;
}

.blog-sigle-main .crypto-cta-wrap {
    display: block;
    text-align: center;
}

.blog-sigle-main .crypto-cta .crypto-cta-text {
    width: 100%;
    margin-bottom: 20px;
}

.blog-sigle-main .crypto-cta .container {
    padding-right: 0;
    padding-left: 0;
}

.suffesv3-home-blogs.blog-main-page .row {
    display: flex;
    flex-wrap: wrap;
}

.white-label-nft-banneer img {
    aspect-ratio: auto 555/571;
    margin: 0 auto;
}

.launch-scalable-nft-marketplace-wrap img {
    aspect-ratio: auto 60/60;
}

.exclusive-white-lable-nft-features-wrap img {
    aspect-ratio: auto 60/60;
}

.empower-digital-nft-marketplace img {
    aspect-ratio: auto 500/500;
    margin: 0 auto;
}

.suffesv3-in-masters.why-launch-whitelabelnft img {
    aspect-ratio: auto 423/421;
    margin: 0 auto;
}

.encovrage-buying-selling-nft img {
    aspect-ratio: auto 457/371;
    margin: 0 auto;
}

.nft-whitelable-erc img {
    aspect-ratio: auto 64/64;
}

.suffesv3-banner.clone-app-development-banner img {
    aspect-ratio: auto 460/450;
}

.hospital-in-metaverse {
    background-image: url("../../img/newversion_images/patnership-banner-image.webp") !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#hire-nft-tab .hire-nft-tab-wrap .suffesv3-sub-heading {
    font-size: 20px;
    margin-top: 10px;
}

.launch-scalable-nft-marketplace-wrap {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 10px 19px #bbbbbb1a;
    -webkit-box-shadow: 0px 10px 19px #bbbbbb1a;
    padding: 30px;
}

.launch-scalable-nft-marketplace li {
    width: 31%;
    margin-bottom: 25px;
}

.main_banner.web-game-banner {
    background: url("../../img/blog-images/web3-game-banner.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    height: 100%;
    z-index: 1;
}

.web-game-banner::after {
    background: #00000094 !important;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.web-game-banner .home-large-heading {
    font-family: 'Rubik-Bold' !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 67px;
    word-break: break-word;
}

.web-game-banner .new-listing-heading-para {
    font-family: 'Rubik-Regular' !important;
}

.web-game-font .home-large-heading {
    font-family: 'Rubik-Bold' !important;
}

.all-web3-games-wrap {
    position: relative;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    background: #f2f2f2;
    -webkit-box-shadow: 0 8px #513b85, 0 20px 15px rgba(81, 59, 133, 0.56);
    box-shadow: 0 8px #513b85, 0 20px 15px rgba(81, 59, 133, 0.56);
    transform: none;
    transition: all 1s;
    overflow: hidden;
    width: 100%;
    height: 153px;
}

.all-web3-games li img {
    position: absolute;
    top: -50px;
    z-index: 11;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.all-web3-games li {
    width: 22%;
    position: relative;
    margin-top: 73px;
}

.all-web3-games .new-listing-heading {
    font-size: 21px;
    color: #3a3939;
    font-family: 'Rubik-SemiBold' !important;
    margin: 20px 00px 00px 00px;
    padding-top: 78px;
}

.web3-development-services-sec .new-listing-heading-para.white {
    font-size: 15px;
    line-height: 22px;
}

.web3-game-expertise .panel-group .panel-heading {
    padding: 0;
}

.web3-game-expertise .panel-group .panel-heading a {
    display: block;
    padding: 18px 18px;
    text-decoration: none;
    position: relative;
    background: #fff;
}

.web3-game-expertise .panel-group .panel-heading a:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    top: 50%;
    position: absolute;
    right: 11px;
    transform: translateY(-50%);
    color: #3a3939;
}

.web3-game-expertise .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.web3-game-expertise .panel-group .panel-heading a.collapsed::after {
    content: "\f077";
    top: 50%;
    position: absolute;
    right: 11px;
    transform: translateY(-50%);
    color: #3a3939;
}

.web3-game-expertise .new-listing-heading {
    font-size: 20px;
    color: #3a3939;
    font-family: 'Rubik-SemiBold' !important;
    margin: 00px 00px 00px 00px;
}

.web-game-font .new-listing-heading-para {
    font-family: 'Rubik-Regular' !important;
}

.web-game-font .text-left .home-large-heading {
    font-size: 36px;
}

.web3-metaverse-game-animate-art {
    position: absolute;
    bottom: 89px;
    left: 13px;
    width: 314px;
}

.web3-metaverse-game-image-shape {
    height: 100%;
    border-radius: 18px;
}

.web3-metaverse-game-image-wrap {
    margin: 76px 00px;
    background: transparent;
    box-shadow: 0 0px #595859, 0 31px 25px rgba(81, 59, 133, 0.56);
    border-radius: 20px;
    transform: skewX(-6deg);
    width: 90%;
    margin: 56px auto;
}

.web3-metaverse-game-image-shape {
    width: 100%;
}

.custom-cpntent-wrap {
    padding: 60px;
    max-width: 650px;
}

.moving-bike-metaverse {
    bottom: 9px;
    position: absolute;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3s;
    width: 84px;
}

.web3-impeccable-ui .web3-metaverse-game-image-wrap {
    margin: 0;
    height: 600px;
}

.web3-impeccable-ui .web3-metaverse-game-image-shape {
    width: 100%;
    height: 100%;
}

.web3-impeccable-ui-image-wrap {
    position: relative;
}

.web3-impeccable-ui .web3-metaverse-game-animate-art {
    position: absolute;
    bottom: 118px;
    left: 241px;
    width: 373px;
}

.web3-top-portfolio-wrap {
    background: #fff;
    box-shadow: 1px 1px 11px 0 #E1E1E1;
    padding: 20px;
    text-align: center;
    height: 100%;
}

.web3-metaverse-game {
    background-color: #121930 !important;
}

.web3-top-portfolio li {
    width: 24%;
    margin-bottom: 15px;
}

.web3-game-features-sec li {
    width: 30%;
    margin-bottom: 15px;
}

.web3-game-features-img {
    position: absolute;
    top: -63px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.web3-game-features {
    box-shadow: 1px 1px 11px 0 #E1E1E1;
    border-radius: 20px;
    text-align: center;
    padding: 245px 17px 17px 17px;
    position: relative;
    margin-top: 51px;
}

.web3-top-portfolio {
    background-color: #F5F3FF !important;
}

.landFi-metaverse {
    position: absolute;
    bottom: 89px;
    right: 62px;
    width: 386px;
}

.empower-web3-game-platform-wrap {
    border: 1px solid #e9e9e9;
    background: #fff;
    text-align: center;
    padding: 20px;
}

.empower-web3-game-platform li {
    width: 32%;
    margin-bottom: 15px;
}

.web3-blockchain-features li {
    width: 25%;
    margin-bottom: 20px;
}

.web3-blockchain-content-wrap {
    padding: 11px;
    background: #fff;
}

.web3-blockchain-features li:nth-child(2) {
    margin-top: 80px;
}

.web3-blockchain-features li:nth-child(3) {
    margin-top: 160px;
}

.web3-blockchain-features li:nth-child(4) {
    margin-top: 240px;
}

.web3-blockchain-features-wrap .new-listing-heading {
    font-size: 22px;
}

.web3-blockchain-features-wrap .new-listing-heading-para {
    margin-bottom: 0;
    padding-top: 9px;
    font-size: 17px;
    line-height: 23px;
}

.web3-blockchain-features-wrap {
    text-align: left;
}

.web3-blockchain-features-wrap:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #00000096;
    border-radius: 20px;
    z-index: -1;
}

.gamefi-metaverse {
    position: absolute;
    bottom: 0;
    right: 62px;
    width: 386px;
}

.web3-game-cta {
    background: url("../../img/blog-images/bg_land.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes run {
    0% {
        left: 40%;
    }

    50% {
        left: calc(48% - 13px);
    }

    100% {
        left: 40%;
    }
}

.web3-game-banne-after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 432px;
}

.web-game-banner::after {
    background: #00000080;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.web3-game-banne-before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 432px;
}

.web-game-banner .ban_content {
    z-index: 1;
    position: relative;
}

.web-game-banner .form_sec {
    z-index: 1;
}

.web3-app-blockchain-tech {
    background: url("../../img/blog-images/web3-blockchain-dapp.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    background-attachment: fixed !important;
    z-index: 1;
    padding-bottom: 40px !important;
}

.web3-app-blockchain-tech::after {
    background: #00000080;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.web3-app-blockchain-tech .blockchain-works-wrap {
    background-image: linear-gradient(to top, #000 0, #013f46, 50%, #173d86 100%);
    box-shadow: none !important;
}

.whats-makes-web3-wrap {
    -webkit-box-shadow: 0 0px #595859, 0 31px 25px rgba(81, 59, 133, 0.56);
    box-shadow: 0 0px #595859, 9px 13px 35px rgba(81, 59, 133, 0.56);
    padding: 26px;
    text-align: center;
    border: 0;
}

.whats-makes-web3 li {
    width: 100%;
    margin-bottom: 20px;
}

.whats-makes-web3 {
    background-image: url("../../img/blog-images/metaverse-game-development-features-bg.webp") !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.whats-makes-web3::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    content: "";
    width: 100%;
    z-index: -1;
}

.web3-game-faq-theme {
    background: #030239 !important;
}

.whitelabel-crypto-application .row {
    display: flex;
    flex-wrap: wrap;
}

.web-game-banner .home-large-heading span {
    color: #e92b26;
}

.web3-blockchain-features a h6:hover {
    color: #e92b26;
    cursor: pointer;
}

.web3-top-portfolio-wrap img {
    height: 60px;
    object-fit: contain;
    width: 62px;
}

.web3-game-features-img img {
    padding: 20px 20px 20px 20px;
    border-radius: 39px;
}

.main_banner.trusted-wallet-banner {
    background: url("../../img/blog-images/trust-wallet-clone-banner.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    height: 100%;
    z-index: 1;
}

.trusted-wallet-features {
    background: url("../../img/blog-images/trust-wallet-clone-app-must-have-security.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    height: 100%;
    z-index: 1;
}

.nft-whitelabel {
    background: url("../../img/blog-images/white-label-nft-marketplace-banner.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.opensea-security-features .android_usiul li {
    width: 32%;
    padding: 0px;
}

.metaverse-game-development-banner {
    background-image: url("../../img/blog-images/metaverse-game-development-company-banner.webp") !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.white {
    color: #fff !important;
}

.metaverse-game-development-banner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    content: "";
    width: 100%;
    z-index: -1;
}

.customer-sec-padd-new {
    float: left;
    width: 100%;
    padding: 40px 00px;
}

.metaverse-game-development-process {
    background: url("../../img/blog-images/metaverse-store-background.webp") !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.metaverse-game-development-process::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    content: "";
    width: 100%;
    z-index: -1;
}

.metaverse-game-development-process-wrap {
    background: #000000a3;
    border: 1px solid #ffffffba;
    text-align: center;
    padding: 20px;
}

.metaverse-game-development-process li {
    width: 32%;
    margin-bottom: 20px;
}

.metaverse-game-developent-feature {
    background: #000;
}

.whats-makes-web3-wrap {
    background: #070b40a8;
    padding: 20px;
}

.metaverse-game-developent-feature li {
    display: block;
    margin-bottom: 24px;
}

.metaverse-game-development-solution {
    background-image: url("../../img/blog-images/metaverse-game-development-solution-img-bg.webp") !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
    position: relative;
}

.metaverse-game-development-solution::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    content: "";
    width: 100%;
    z-index: -1;
}

.metaverse-game-cutom-image-style {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 17px;
    padding: 20px;
    background: #00000059;
}

.row.centeralign {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.advantage-of-metaverse-game a {
    color: #e92b26;
}

.themegraybg {
    background: #f8f8f8 !important;
}

.customer-sec-padd-new.advantage-of-metaverse-game {
    background: #121930 !important;
}

.advantage-of-metaverse-game-wrap {
    background: #272897;
    position: relative;
    padding: 22px 14px 22px 78px;
}

.advantage-of-metaverse-game-icon {
    position: absolute;
    left: 30px;
}

.advantage-of-metaverse-game li {
    width: 48%;
    margin-bottom: 20px;
}

.advantage-of-metaverse-game-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.why-choose-metaverse-game .flex-center-list {
    background: #121930;
    border-radius: 20px;
    padding: 20px;
}

.why-choose-metaverse-game .flex-center-list li {
    width: 100%;
}

.why-choose-metaverse-game .fa.fa-check {
    background: #e92b26;
    padding: 4px;
    border-radius: 50%;
    margin-right: 13px;
}

.main_banner.nft-minting-banner {
    background: url("../../img/blog-images//nft-minting-banner.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    height: 100%;
    z-index: 1;
}

#indispensable-nft {
    background: url("../../img/blog-images/feature-bg2.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#indispensable-nft ul {
    padding: 00px;
    list-style: none;
}

.indispensable-nft-wrap {
    position: relative;
    margin-bottom: 30px;
}

.indispensable-nft-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.indispensable-nft-content {
    padding-left: 100px;
}

#indispensable-nft .indispensable-nft-content h6 {
    font-size: 21px !important;
    margin: 0px 0 10px;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-family: 'Graphik-Semibold';
    padding: 0;
}

#indispensable-nft .indispensable-nft-content p {
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    margin: 0;
    line-height: 24px;
    font-family: 'Graphik-Regular';
}

.nft-minting-banner::after {
    background: #00000094 !important;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}