.landing-page.ai-dev-page .jumbotron {
    background: url(../images/ai-dev/ai-hero-web.jpg) fixed top center no-repeat;
    padding:50px 0;
    display: flex;
    min-height: 800px!important;
    background-size: cover;
}
.landing-page.ai-dev-page h2 {
    font-size: calc(24px + (35 - 24) * ((100vw - 280px) / (1920 - 280)));
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif!important;
    font-weight: 500;
}
.landing-page.ai-dev-page h2 span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.landing-page.ai-dev-page p, 
ul li,
.landing-page.ai-dev-page ul.listed-items li,
.benefits-wrap .desc {
    font-size: calc(14px + (18 - 14) * ((100vw - 280px) / (1920 - 280)));
    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;
}

.our-services-block .service-exp-degn-block .exp-dign-discription-inner ul {
    background-color: transparent;
    width: 100%;
    height: auto;
    padding: 10px 0;
}
.our-services-block .service-exp-degn-block .exp-dign-discription-inner ul li,
.csd-slider ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 16px !important;
    text-align: justify;
}
.our-services-block .service-exp-degn-block .exp-dign-discription-inner ul li span, .csd-slider ul li span {margin-right: 10px;}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription p {
    font-size: 16px !important;
    letter-spacing: 0;
    text-align: justify;
}
#techstack_tab .blockchain-single p,
.techstack-csd-mob .blockchain-single p {
    font-size:14px!important;
    font-weight: 600;
}
.exp-dign-discription-inner .tab-img {
    text-align: center;
    margin-bottom: 15px;
}
.exp-dign-discription-inner .tab-img img {
    width: auto;
    height: 50px;
}

/*Techstack section tab design*/
.visible-sm {display:none;}
.techstack-wrap-box.hidden-sm {display: flex;}
.techstack-wrap-box {
    background: #fafafa;
    border: 1px solid #dadfe3;
    box-shadow: none;
}
.techstack-vtab {
    border-right: 1px solid #dadfe3;
    box-shadow: 4px 0 9px -6px rgb(50 50 50 / 25%);
    height: 100%;
    min-height: 454px;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}
.landing-page.nft-dev-page .techstack-vtab {min-height: 751px;}
.techstack-wrap-box .nav-item {
    display: block;
    width: 100%;
}
.techstack-wrap-box .nav-link {
    background-color: transparent;
    color: #3b3c3d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    height: 100%;
    width: 100%;
    padding: 30px 15px 30px 40px;
}
.techstack-wrap-box .nav-link.active {
    background: #fafafa;
    box-shadow: none;
    color: #005eb8;
    position: relative;
    text-decoration: none;
    transform: none;
    width: 100%;
    padding: 30px 15px 30px 40px;
}
.techstack-wrap-box h6.subtitle {
    font-size: 16px;
    color: #3b3c3d;
}
.techstack-wrap-box .nav-link.active h6.subtitle {
    font-weight: 600;
    font-size: 16px;
    color: #f26b2b;
}
.techstack-wrap-box .nav-link.active:before {
    background: #f26b2b;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.techstack-wrap-box .tab-pane h2 {font-size: 24px!important; margin:20px 0;}
.techstack-wrap-box .blockchain-single {flex-basis: 31%;}
.techstack-wrap-slide .carousel-indicators {margin-top: 20px;}
.blockchain-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: row wrap;
}
.blockchain-single {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    background-color: #f6f7f7;
    transition: 0.2s ease all;
    padding: 20px;
    flex-basis: 18%;
    margin: 1%;
    text-align: center;
    border-bottom: 2px solid transparent;
    min-height: 110px;
}
.blockchain-single:hover {
    border-bottom: 2px solid #f26b2b;
    box-shadow: 0 0 12px 2px rgb(149 150 150 / 45%);
}
.techstack-wrap-box .blockchain-single {
    flex-basis: 31%;
}
.techstack-wrap-slide .blockchain-wrap {
    margin-bottom: 25px!important;
}
.blockchain-single img {
    max-height: 75%;
}

/*Techstack section*/
.techstack .our-services-block .service-exp-degn-block ul {
    width: 33.5%;
}
.techstack .our-services-block .service-exp-degn-block ul li .exp-dign-discription {
    width: calc(66.5% - 5px);
    height:auto;
    right: 0;
    padding: 15px;
}
.techstack .exp-dign-discription-inner {
    width: 100%;
    height: auto;
}
.techstack .exp-dign-discription-inner h2 {
    font-size: 24px!important;
}
.techstack .our-services-block .service-exp-degn-block ul {
    display: flex!important;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fafafa;
    padding: 0;
    border-right: 1px solid #dadfe3;
    box-shadow: 4px 0 9px -6px rgb(50 50 50 / 25%);
}
.techstack .our-services-block {
    background-image: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom:0;
}
.techstack .our-services-block .service-exp-degn-block ul li.active a {
    font-weight: 600;
    font-size: 16px;
    color: #f26b2b;
}
.techstack .our-services-block .service-exp-degn-block ul li a {
    color: #3b3c3d;
    font-size: 16px;
    opacity: 1;
    letter-spacing: unset;
    padding: 30px 15px 30px 40px;
}
.techstack .our-services-block .service-exp-degn-block ul li.active a,
.techstack .our-services-block .service-exp-degn-block ul li a:hover {
    background-color: #fff;
}
.techstack .our-services-block .service-exp-degn-block ul li.active a:before {
    background: #f26b2b;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.techstack .our-services-block .row {
    border: 1px solid #dadfe3;
}
.techstack .our-services-block .service-exp-degn-block ul li.active a:after {
    content: unset;
}
.techstack .our-services-block .service-exp-degn-block ul li.active .exp-dign-discription {
    justify-content: flex-start;
}
.techstack .blockchain-single {
    flex-basis: 31%;
}
.techstack .our-services-block .service-exp-degn-block ul {
    height: 475px;
}

.why-us-grey {
    background-color: #2c2d34;
    color: #fff;
    padding: 25px 15px;
}
.why-us-grey h2 {
    color: #fff!important;
}
.why-us-single {
    width: 60%;
    display: block;
    margin: 100px auto;
    text-align: center;
}
.why-us-single img,
.why-us-single h3 {
    margin: 20px auto;
}
.services-page .why-us-grey h3 {color: #fff!important;}
.why-us-single p {
    text-align: justify;
    margin-bottom: 15px;
}

.csd-tab-wrapper .our-services-block h2 {color:#fff!important;}
.csd-tab-wrapper.techstack .our-services-block h2 {color:#000!important;}
.techstack .blockchain-single p {text-align: center;margin-bottom:0;}
.csd-tab-wrapper.techstack .our-services-block .service-exp-degn-block ul li .exp-dign-discription p {
    text-align: center;
    margin-bottom: 0;
}

.our-services-block .service-exp-degn-block ul li .exp-dign-discription h3,
.our-services-block .service-exp-degn-block ul li .exp-dign-discription p,
.our-services-block .service-exp-degn-block .exp-dign-discription-inner ul li span, 
.csd-slider ul li span,
.csd-slider p {color:#333;}


.lft-side-nav .title {
    padding: 20px 0px;
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif!important;
    font-weight: 500;
}
.lft-side-nav .title span {
    width: 50px;
    margin: 5px 0;
    display: none;
    border-top: 3px solid #f26b2b;
}
.lft-side-nav .tab-content ul li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
.lft-side-nav .tab-content ul li a {
  color: #333 !important;
  font-size: 0.95rem;  
  padding: 5px 0;
  display: block;
}
.lft-side-nav .tab-content ul li:hover {
    border-bottom: 1px solid #f26b2b;
}
/*CSS Accordion Start*/
.accordion .tabs {
  overflow: hidden;
}
.accordion .tabs input {display: none;}
.accordion .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.accordion .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0;
  color: #333 !important;
  font-size: 0.85rem;
  text-shadow: none;
  text-transform: capitalize;
  font-weight: 600;
  margin-top: 15px;
  /* Icon */
}
.accordion .tab-label a {
  color: #333 !important;
}
.accordion .tab-label:hover {
  /*background: #eee;*/
}
.accordion .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  font-size: 16px;
  text-align: center;
  transition: all 0.35s;
}
.accordion .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.accordion .tab-label p {
  margin: 0px;
  color: #333 !important;
  font-size: 0.75rem;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: none;
}
.accordion .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #eee;
  cursor: pointer;
}

.accordion input:checked + .tab-label::after {
  transform: rotate(90deg);
  margin-top:4px;
}
.accordion input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 5px 0px 5px 30px;
}
.lft-side-nav .tab-content ul li:hover a {
    color:#f26b2b!important;
}
/*CSS Accordion end*/

.our-services-block .service-exp-degn-block ul li a.inline-anchor {display: inline;display: inline;padding: 0;letter-spacing: normal;}
.our-services-block .service-exp-degn-block ul li.active a.inline-anchor:after {content: unset;}

#collapseOne ul,
#collapseFive ul {padding-left: 20px;}
#collapseOne ul li,
#collapseFive ul li {list-style-type: disc; margin-bottom: 10px;}
#collapseThree ul li,
#collapseFour ul li {display: flex; flex-flow: row wrap;justify-content:flex-start; margin-bottom: 10px;}
#collapseThree ul li strong {margin-right: 10px;width:15%;}
#collapseFour ul li strong {margin-right: 10px;width:25%;}
#collapseThree ul li span {width:82%;}
#collapseFour ul li span {width:70%;}


@media screen and (max-width:1536px) {
}
@media screen and (max-width:1366px) {
    .techstack .our-services-block .service-exp-degn-block ul {width: 25.5%;}
    .techstack .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: calc(74.5% - 5px); padding: 15px 5px;}
    .csd-tab-wrapper, .techstack {padding: 0 15px;}
    .why-us-grey {color: #fff;padding: 25px 15px;}
}
@media screen and (max-width:1280px) {
    .techstack-wrap-box {margin: 0 7.5px;}
    .blockchain-single img {max-width: 100% !important;}
    .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: 70.5%;}
    .landing-page.ai-dev-page h2 {font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));}
    .our-services-block .service-exp-degn-block ul li a {font-size: 15px;}
    .our-services-block .service-exp-degn-block ul li .exp-dign-discription p {font-size: 15px !important;}
    .our-services-block .service-exp-degn-block .exp-dign-discription-inner ul li span {margin-right: 10px;font-size: 15px !important;}
    .our-services-block .service-exp-degn-block ul li .exp-dign-discription h3 {font-size: 18px;}
    .techstack .blockchain-single {flex-basis: 31%;max-width: 210px;}
    .why-us-single {width: 100%;margin: 50px auto;}
    .landing-page.ai-dev-page .jumbotron {background-size: cover;}
}
@media screen and (max-width:1024px) {
    .blockchain-index ul li a {font-size: 0.85rem;}
    .sticky-top.toc-collapse .toc-title {padding: 0px 10px 0px 20px;}
    .csd-tab-wrapper, .techstack {padding: 0;}
    .csd-slider {padding: 15px 0px 0px 0px;}
    .why-us-single h3 {font-size: 22px;}
}
@media screen and (max-width:991px) {
    .col-lg-3.col-md-12 {padding: 0;}
    .accordion .tab-label a {color:#fff!important;}
    .lft-side-nav .tab-content ul li,
    .lft-side-nav .tab-content ul li:hover {border-bottom:none;}
    .lft-side-nav {
        position: relative;
        left: 0;
        width: 100%;
        background: #0c0914;
    }
    .lft-side-nav .tab-content ul li:hover, .lft-side-nav .tab-content ul li.active {
        border-bottom: none;
    }
    .lft-side-nav .title span {border-top:none;top: 8px;
    left: -35px;
    z-index: 1000;
    background-color: #0c0914;
    padding-left: 9px;}
    
    .lft-side-nav.side-nav-collapse {right:0;}
    .lft-side-nav.side-nav-collapse .title span {left:0;padding-left: 0;background-color: transparent;}
    .lft-side-nav.side-nav-collapse {background: #0c0914 none repeat scroll 0 0;border-left: 4px solid #f26b2b;z-index: 1;}
    .lft-side-nav.side-nav-collapse .title {color:#fff;}
    .lft-side-nav .title span {display: block;}
    .lft-side-nav.side-nav-collapse .title span.toc-close {display: inline-block;position: absolute;right: 0;left: auto !important;text-align: center;}
    .lft-side-nav.side-nav-collapse .toc-close i {color:#f26b2b!important;}
    .lft-side-nav .tab-content ul li a {color:#f26b2b!important;font-size: 0.95rem;}
    .accordion .tab-label {padding: 10px 15px;color: #fff !important;font-size: 1rem;font-weight: 400;}
    .accordion .tab-content {padding: 5px 15px 5px 30px;background: #0c0914;}
    .toc-toggle {display: block;}
    .lft-side-nav .title {padding-left: 20px;}
    #collapseThree ul li strong {width: 20%;}
    #collapseThree ul li span {width: 75%;}
    #collapseFour ul li strong {width: 30%;}
    #collapseFour ul li span {width: 65%;}
}
@media screen and (max-width:820px) {
    .sticky-top.toc-collapse .toc-title {padding: 0px 10px 0px 40px !important;}
}
@media screen and (max-width:768px) {
    .landing-page.ai-dev-page .jumbotron {min-height: 650px!important;}
}
@media screen and (max-width:620px) {
    .lft-side-nav {top:0;margin-bottom: 10px;}
}
@media screen and (max-width:540px) {
    .techstack-single p {text-align: center;}
    .techstack-single {padding: 20px 0;}
    .blockchain-wrap {justify-content: space-evenly;}
    .techstack .blockchain-single {flex-basis: unset;width: 49%;}
    .techstack .blockchain-single p {font-size: 14px!important;}
    .csd-slider ul {margin-top: 20px;}
    .landing-page.api-dev-page ul.listed-items {padding-left: 0;}
    .why-us-grey .container {padding: 0;}
    .landing-page.ai-dev-page .jumbotron {min-height: 350px!important;}
    .sticky-top {top: 0px!important;}
    #collapseThree ul li span {width: 65%;}
    #collapseThree ul li strong {width: 30%;}
}
@media screen and (max-width:414px) {
    .landing-page.ai-dev-page .jumbotron {background: url(../images/ai-dev/ai-hero-mob.jpg) fixed top center no-repeat;padding:50px 0;min-height: 360px!important;}
    .techstack-single {flex-basis: 100%;}
    .techstack-wrap-slide {margin-top: 30px;}
    .blockchain-single {flex-basis: 48%;}
    .techstack .blockchain-single p {font-size: 14px!important;}
    .csd-faq .card-body img {width:auto;height: 50px;}
    .landing-page.api-dev-page ul.listed-items {margin: 50px 0 0;}
    .landing-page.api-dev-page ul.listed-items {padding-left: 0;}
    .techstack .blockchain-single {width: 48%;}
    .techstack-csd-mob .card-body img {width: 100%;height: auto;}
    .csd-faq-q {font-size: 16px!important;}
    .wbd-inner .txt-wrap h3 {font-size: 20px;}
    ul li, .landing-page.ai-dev-page ul.listed-items li, .benefits-wrap .desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 280px) / (1920 - 280)));}
    #collapseFour ul li strong,
    #collapseFour ul li span,
    #collapseThree ul li strong,
    #collapseThree ul li span {width: 100%;}
}
@media screen and (max-width:280px) {
    .landing-page .jumbotron .title-overlay h1 {font-size: 24px;}
    .wbd-inner .img-wrap img {max-width: 100%;}
    .wbd-inner .txt-wrap h3 {font-size: 18px;}
    .csd-slider ul li {font-size: 14px!important;}
    .techstack .blockchain-single {width: 100%;}
    .techstack-csd-mob .card-body img {width: auto;}
    .why-us-single h3 {font-size: 20px;}
}