/*.landing-page.scdc-page .jumbotron {*/
/*    background: url(../images/scdc/smart-hero.jpg) fixed center center no-repeat;*/
/*    background-size: cover;*/
/*    padding: 100px 0;*/
/*    position: relative;*/
/*    min-height: 800px!important;*/
/*}*/
.landing-page.scdc-page .jumbotron {
    background: url('../images/scdc/smart-hero.jpg') fixed top center no-repeat;
    padding:50px 0;
    display: flex;
    min-height: 800px!important;
    background-size: cover;
}
.landing-page.nft-dev-page h2 {
    font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif!important;
    font-weight: 500;
}
.landing-page.nft-dev-page h2 span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.landing-page.nft-dev-page p, 
ul li,
.landing-page.nft-dev-page ul.listed-items li,
.benefits-wrap .desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif!important;
}
.gaq-btn-big {
    width: auto;
    line-height: normal !important;
    padding: 12px 15px;
    height: auto;
    font-size: 15px;
    margin: 30px auto 0;
    display: block;
    text-align: center;
    position: relative;
    float: none;
    background-color: #f26b2b;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
}

b, strong {
    font-weight: bold;
}
.benefits-wrap {display: flex;justify-content: space-between;align-items: start;margin-top:50px;flex-flow:row wrap;}
.benefits-wrap .lft-wrap, .benefits-wrap .rgt-wrap, .benefits-wrap .center-wrap {
    width: 31%;
}
.benefits-wrap .title {font-family: 'Roboto Condensed',sans-serif!important;font-size: calc(24px + (26 - 24) * ((100vw - 320px) / (1920 - 320)));line-height: 1.35;margin-bottom: 15px;}
.benefits-wrap .desc {text-align:justify;margin-bottom: 20px;}
.center-wrap {padding-top: 0px;}
.features-wrap .features-inner h3 {
    font-size: calc(24px + (26 - 24) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.35;
    font-family: 'Roboto Condensed',sans-serif!important;
}
.features-wrap .features-inner p {margin-top:30px;text-align: justify;}
.features-inner ul li {
    margin: 10px 0;
    margin-right: 15px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}
.smart-contracts .single-wrap {
    width: calc(100% - 35px);
}
.smart-contracts .single-wrap.lft-wrap {
    margin: 0 auto 0 0;
    border-right: 2px dashed #666;
}
.smart-contracts .single-wrap.rgt-wrap {
    margin: 0 0 0 auto;
    border-left: 2px dashed #666;
}
.smart-contracts .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.smart-contracts .single-wrap.rgt-wrap .header-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.no-wrap {
    padding: 5px 10px;
    width: 40px;
    height: 40px;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.smart-contracts .single-wrap.rgt-wrap.blue .no-wrap {
    background-color: #b2b2cf;
}
.smart-contracts .single-wrap.rgt-wrap.cyan .no-wrap {
    background-color: #bee6dc;
}
.smart-contracts .single-wrap.rgt-wrap.pink .no-wrap {
    background-color: #e7cdc2;
}
.smart-contracts .single-wrap.rgt-wrap.brown .no-wrap {
    background-color: #cba188;
}
.smart-contracts .single-wrap.rgt-wrap.light-brown .no-wrap {
    background-color: #efd6b1;
}

.smart-contracts .single-wrap.rgt-wrap .no-wrap {
    margin-left:5px;
}
.smart-contracts .header-wrap img {
    width: auto;
    height: 30px;
}
.smart-contracts .header-wrap .title-wrap {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
    line-height: 40px;
    font-family: 'Roboto Condensed',sans-serif!important;
    margin-left: 10px;
}
.smart-contracts .header-wrap .img-wrap {
   width: 70px;
    height: 70px;
    border: 8px solid #ccc;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.smart-contracts .single-wrap.rgt-wrap.blue .header-wrap .img-wrap {
    border: 8px solid #b2b2cf;
}
.smart-contracts .single-wrap.rgt-wrap.cyan .header-wrap .img-wrap {
    border: 8px solid #bee6dc;
}
.smart-contracts .single-wrap.rgt-wrap.pink .header-wrap .img-wrap {
    border: 8px solid #e7cdc2;
}
.smart-contracts .single-wrap.rgt-wrap.brown .header-wrap .img-wrap {
    border: 8px solid #cba188;
}
.smart-contracts .single-wrap.rgt-wrap.light-brown .header-wrap .img-wrap {
    border: 8px solid #efd6b1;
}
.smart-contracts .single-wrap.lft-wrap .img-wrap {
    margin-right: -37px;
}
.smart-contracts .single-wrap.rgt-wrap .img-wrap {
    margin-left: -37px;
}
.smart-contracts .single-wrap.rgt-wrap p {
    text-align: justify;
    padding: 20px 0 20px 75px;
}
.smart-contracts .mini-circle {
    width:30px;
    height: 30px;
    border-radius:50%;
}
.smart-contracts .junction {
    width:10px;height: 10px;margin-left: -5px;
}
.smart-contracts .rgt-wrap .junction {
    width:10px;height: 10px;margin-right: -1px;
}
.mini-circle.blue,
.smart-contracts .junction.blue {
    background-color: #b2b2cf;
}
.mini-circle.cyan,
.smart-contracts .junction.cyan {
    background-color: #bee6dc;
}
.mini-circle.pink,
.smart-contracts .junction.pink {
    background-color: #e7cdc2;
}
.mini-circle.brown,
.smart-contracts .junction.brown {
    background-color: #cba188;
}
.mini-circle.light-brown,
.smart-contracts .junction.light-brown {
    background-color: #efd6b1;
}
.services-wrap {display: flex;justify-content:space-between;}
.services-wrap .lft-wrap {width: 30%;}
.services-wrap .rgt-wrap {width: 30%;}
.services-wrap .center-wrap {width: 40%; padding: 45px 20px 0 20px;}
.services-wrap .single-wrap {display: flex;align-items: center;margin-bottom: 122px;}
.services-wrap .single-wrap .img-wrap {
    width:100px;height: 100px;border-radius:50%;background-color:#ccc;display: flex;justify-content:center;align-items:center;
}
.services-wrap .single-wrap .img-wrap img {height: 50px;width: auto;}
.services-wrap .single-wrap h5 {
    color: #333;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-left: 10px;
    line-height: 1.35;
    font-weight: 600;
    width: calc(100% - 110px);
}
.services-wrap .rgt-wrap .single-wrap h5 {
    text-align: right;
    margin-left: 0px;
    margin-right: 10px;
}
.services-wrap .center-wrap .top-row {
    display: flex;justify-content:center;align-items:center;
}
.services-wrap .center-wrap .bottom-row {
    display: flex;justify-content:center;align-items:center;
}
.services-wrap .center-wrap .top-row .tr-lft {
    border-right:2px solid #333;
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    width:50%;
    height: 75px;
}
.services-wrap .center-wrap .top-row .tr-rgt {
    display: flex;
    align-items:flex-start;
    justify-content:flex-start;
    width:50%;
    height: 75px;
}
.services-wrap .center-wrap .bottom-row .br-lft {
    border-right:2px solid #333;
    display: flex;
    align-items:flex-end;
    justify-content:flex-start;
    width:50%;
    height: 75px;
}
.services-wrap .center-wrap .bottom-row .br-rgt {
    display: flex;
    align-items:flex-end;
    justify-content:flex-start;
    width:50%;
    height: 75px;
}
.services-wrap .center-wrap .top-row .tr-lft .circle,
.services-wrap .center-wrap .top-row .tr-rgt .circle {
    width:8px;height:8px;border-radius:50%;background-color: #333;margin-top: -3px;
}
.services-wrap .center-wrap .middle-row .mr-lft .circle,
.services-wrap .center-wrap .middle-row .mr-rgt .circle {
    width:8px;height:8px;border-radius:50%;background-color: #333;
}
.services-wrap .center-wrap .bottom-row .br-lft .circle,
.services-wrap .center-wrap .bottom-row .br-rgt .circle {
    width:8px;height:8px;border-radius:50%;background-color: #333;margin-bottom: -3px;
}
.services-wrap .center-wrap .top-row .tr-lft .line,
.services-wrap .center-wrap .top-row .tr-rgt .line,
.services-wrap .center-wrap .middle-row .mr-lft .line,
.services-wrap .center-wrap .middle-row .mr-rgt .line,
.services-wrap .center-wrap .bottom-row .br-lft .line,
.services-wrap .center-wrap .bottom-row .br-rgt .line   {
    width: calc(100% - 8px);
    height: 0px;
    border-top: 2px solid #333;
}
.services-wrap .center-wrap .middle-row  {
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-wrap .center-wrap .middle-row .mr-lft,
.services-wrap .center-wrap .middle-row .mr-rgt {
    width:calc(50% - 150px);
    display: flex;
    align-items: center;
}
.services-wrap .center-wrap .middle-row .mr-img {
    width:300px;
    height:300px;
    background-color: #d0ebc8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.services-wrap .center-wrap .middle-row .mr-img img {
    width: 100px;
    height: auto;
}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #636363;
}
.our-services-block .service-exp-degn-block ul {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}
.our-services-block .service-left-content h2 {
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: .8px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription p {
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
}
.benefits-img-sm, .ben-img-sm {display: none;}

.our-services-block .service-exp-degn-block ul {width: 24.75%;}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription {width:73.15%;}
.border-none {border: none!important;}
@media screen and (max-width:1680px) {
    .landing-page.scdc-page .jumbotron {
        background-size: cover;
    }
}
@media screen and (max-width:1440px) {
    .center-wrap {padding-top: 110px;}
}
@media screen and (max-width:1366px) {
    .center-wrap {padding-top: 0px;}
    .benefits-img-sm {display: block;}
    .benefits-img {display: none;}
    .blockchain-index ul {justify-content: center;}
    .blockchain-index ul li {margin: 10px 5px;}
}
@media screen and (max-width:1280px) {
    .center-wrap {padding-top: 150px;}
}
@media screen and (max-width:1024px) {
    .csd-slider {
        display: block;
        padding: 15px 0px;
        overflow: hidden;
    }
    .benefits-wrap .center-wrap {display: none;}
    .ben-img-sm {display: block;}
    .benefits-wrap .lft-wrap, .benefits-wrap .rgt-wrap {
        width: 100%;
    }
    .benefits-wrap .single-wrap {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .benefits-wrap .single-wrap img {
        margin-bottom: 20px;
    }
    .benefits-wrap .desc {
        text-align: justify;
        margin-bottom: 50px;
    }
    .smart-contracts .single-wrap.lft-wrap .img-wrap {
        margin-right: 0;
    }
    .smart-contracts .single-wrap {width:calc(100% - 20px);}
    .smart-contracts .single-wrap.rgt-wrap {margin-left: 20px;}
    .smart-contracts .single-wrap.rgt-wrap .align-items-center {display: none!important;}
    .smart-contracts .single-wrap.rgt-wrap .header-wrap {justify-content:space-between;}
    .smart-contracts .single-wrap.rgt-wrap p {padding: 20px 0 20px 30px;}
    .smart-contracts .single-wrap.rgt-wrap .no-wrap {margin-left:-20px;}
    .services-wrap .center-wrap .middle-row .mr-img {width: 200px;height: 200px;}
    .services-wrap .center-wrap .top-row .tr-lft,
    .services-wrap .center-wrap .top-row .tr-rgt,
    .services-wrap .center-wrap .bottom-row .br-lft,
    .services-wrap .center-wrap .bottom-row .br-rgt {height: 125px;}
    .services-wrap .single-wrap h5 {font-size: 14px;}
    .services-wrap .center-wrap .middle-row .mr-lft, .services-wrap .center-wrap .middle-row .mr-rgt {width: calc(50% - 100px);}
    .blockchain-index ul li {margin: 0px 3px;}
}
@media screen and (max-width:991px) {
    .benefits-wrap .single-wrap img {max-height: 100px;}
    .blockchain-index ul li span {margin-left: -6px;}
    .features-inner .img-wrap img {max-width:100%;}
    .features-inner .img-wrap {padding-top:0;}
    .landing-page.scdc-page .jumbotron {background: url(../images/scdc/smart-hero.jpg) fixed top center no-repeat;padding:50px 0;display: block;min-height: 360px!important;}
}
@media screen and (max-width: 820px) {
    .landing-page .jumbotron h1.saas-title {font-size:28px;}
}
@media screen and (max-width: 768px) {
    .landing-page .jumbotron h1.saas-title {font-size:24px;}
}
@media screen and (max-width:767px) {
    .title-overlay {min-height: 50vh!important;}
}
@media screen and (max-width: 540px) {
    .services-wrap .single-wrap .img-wrap {width:100px; height:100px;}
    .services-wrap .single-wrap .img-wrap img {height: 50px;}
    .services-wrap .single-wrap {justify-content:space-between;}
    .services-wrap .single-wrap h5 {width: calc(100% - 70px);font-size: 12px;}
    .services-wrap .center-wrap .middle-row .mr-img {width: 132px;height: 132px;}
    .services-wrap .center-wrap {width: 40%;padding: 40px 10px 0 10px;}
    .services-wrap .center-wrap .middle-row .mr-lft, .services-wrap .center-wrap .middle-row .mr-rgt {width: calc(50% - 65px);}
    .services-wrap .center-wrap .middle-row .mr-img img {width: 50px;}
    .services-wrap .single-wrap {flex-direction:column;}
    .services-wrap .rgt-wrap .single-wrap .img-wrap {order:1;}
    .services-wrap .rgt-wrap .single-wrap h5 {font-size: 16px;text-align: center;margin-left: 0;margin-right: 0;margin-top: 10px;order:2;}
    .services-wrap .single-wrap h5 {font-size: 16px;text-align: center;margin-left: 0;margin-right: 0;margin-top: 10px;}
    .services-wrap .lft-wrap,
    .services-wrap .rgt-wrap {width:100%;padding-top: 0;}
    .services-wrap .center-wrap {display: none;}
    .services-wrap {flex-flow: row wrap;}
    .services-wrap .single-wrap,
    .services-wrap .center-wrap {margin-bottom: 50px;}
    .smart-contracts .single-wrap .header-wrap .d-flex {align-items: center;}
    .smart-contracts .header-wrap .title-wrap {line-height:1.2;}
    .smart-contracts .single-wrap.lft-wrap .header-wrap .img-wrap,
    .smart-contracts .single-wrap.rgt-wrap .header-wrap .img-wrap,
    .smart-contracts .single-wrap.rgt-wrap .align-items-center .mini-circle,
    .smart-contracts .single-wrap.rgt-wrap .align-items-center .junction,
    .smart-contracts .single-wrap.lft-wrap .align-items-center .mini-circle,
    .smart-contracts .single-wrap.lft-wrap .align-items-center .junction  {display: none;}
}
@media screen and (max-width: 414px) {
    /*.landing-page.nft-dev-page .jumbotron {background: url(../images/blockchain-supply-chain/hero-mob.jpg) fixed top center no-repeat;background-size: cover;padding:50px 0;display: block;min-height: 360px!important;}*/
    .landing-page.scdc-page .jumbotron {background: url(../images/scdc/smart-hero-mob.jpg) fixed top center no-repeat;padding:50px 0;display: block;min-height: 360px!important;}
    .title-overlay {min-height: 360px!important;}
    .landing-page .jumbotron .title-overlay p.title-overlay-p {font-size:14px!important; line-height:1.25;}
    .landing-page .jumbotron h1.saas-title {font-size: 24px;}
    .features-inner {margin:20px 0;}
}
@media screen and (max-width: 280px) {
    .landing-page .jumbotron h1.saas-title {font-size: 22px;}
    .landing-page.nft-dev-page h2 {font-size: 20px;}
    .benefits-wrap .single-wrap img {max-height: 75px;}
    .benefits-wrap .title,
    .features-wrap .features-inner h3 {font-size:20px;}
    .features-inner ul li {font-size:14px!important;}
    h3.csd-faq-q {font-size:16px!important;}
    .csd-faq .card-body {font-size:14px!important;text-align:justify;}
    .smart-contracts .single-wrap.rgt-wrap p {padding: 20px 0 20px 20px;}
    
}