.aiBuildInner{padding: 55px 110px;background: url(../img/generative_ai/chicmicBuild.jpg) no-repeat;background-size: cover;position: relative}
.appBanner img{max-width: 100%;height: auto}.aiBuildInner h2{font-size: 42px;line-height: 58px}
.aiBuildInner:before{background: rgb(5 5 5 / 80%);content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.aiFactInner{background: linear-gradient(360deg, #EA8453 0%, #DB5D22 100%);padding: 55px 110px}
.ethreumGenerativeAiOuter{position: relative;
background: linear-gradient(179.06deg, #090D18 6.2%, #0D1720 29.15%, #101A24 45.99%, #09101A 80.7%, #070B14 95.67%);}
.ethreum_generativeAi_Outer{position: relative;background:#09070D}
.ethreum_generativeAi_Outer:before{background: linear-gradient(90deg, rgba(9, 7, 13, 0) 0%, #09070D 100%);content: "";width: 143px;
height: 100%;position: absolute;top: 0;right: 48%;z-index: 1;}
.ethreum_generativeAi_Outer figure{border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-top-left-radius: 0;border-bottom-left-radius: 0;overflow: hidden}
.ethreum_generativeAi_Outer .blochain-column{padding-left: 90px; padding-block: 48px;}
.roadmapMain .timeline{position:relative;margin: 0;padding: 0;width: 100%;box-sizing:border-box}
.roadmapMain .timeline:before{content:'';position:absolute;left:50%;width: 12px; height: calc(100% - 300px);background: #e46b32; border-radius: 6px; top:152px}
.roadmapMain .timeline ul{padding:0;margin:0}
.roadmapMain .timeline ul li{list-style: none;position: relative;width: 50%;padding: 0 80px 0 0;box-sizing: border-box}
.roadmapMain .timeline ul li:not(:first-child) { top: -150px;}
.roadmapMain .timeline ul li:nth-child(odd){float:left;clear:both}
.roadmapMain .timeline ul li:nth-child(even){float:right;clear:both;padding: 0 0 0 80px; margin-top: -130px;}
.roadmapInner{border: 1px solid #EFDECE;padding: 25px 40px;border-radius: 14px;position: relative;background: #fff}
.roadmapInner h3{color: #312d2d;text-transform: capitalize;margin-top: 2px;margin-bottom: 0;font-size: 1.5rem}
.roadmapInner p{margin:10px 0 0;color:rgb(6 6 6 / 50%);padding: 0}
.roadmapInner img{height: 56px;width: auto;object-fit: contain;max-width: 60px}
.roadmapInner:before{width: 40px;height: 40px; content: "";position: absolute;top: 50%;right: -20px;border-radius: 0 9px 0 0;border-style: solid;
transform: translateY(-50%) rotate(45deg); background: #fff;border-width: 1px 1px 0px 0px;border-color: #EFDECE}
.roadmapMain .timeline ul li:nth-child(even) .roadmapInner:before{left: -20px;right: auto;border-radius: 0 0 0 9px;border-width: 0 0 1px 1px}
.roadmapMain .timeline ul li:nth-child(odd):before{content:'';position:absolute;width: 30px;height: 30px;top: calc(50% - 15px);right: -21px;
background: #fff;border-radius:50%;border: 5px solid #E46B32}
.roadmapMain .timeline ul li:nth-child(even):before{content:'';position:absolute;width: 30px;height: 30px;top: calc(50% - 15px);left: -9px;
  background: #fff;border-radius:50%;border: 5px solid #E46B32}
.mld-trends-tab ul { justify-content: space-between; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 5px; }
.mld-trends-tab ul .nav-item { width: 100%; white-space: nowrap; }
.mld-trends-tab ul .nav-item .nav-link { width: 100%; color: rgba(49, 45, 45, 0.5); border: 0; transition: all 0.3s ease-in-out; font-weight: 600; margin-bottom: 0; text-align: center; cursor: pointer; position: relative; }
.mld-trends-tab ul .nav-item .nav-link.active, 
.mld-trends-tab ul .nav-item .nav-link:hover { color: #312d2d; }
.mld-trends-tab .tab_article h3 { font-weight: 600; margin-bottom: 0; }
.mld-trends-tab ul .nav-item .nav-link::after { position: absolute; content: ''; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 3px; background: #312d2d; transition: width 0.6s ease-in-out; transform-origin: center; }
.mld-trends-tab ul .nav-item .nav-link.active::after { width: 100%; background: #312d2d; }
.mld-trends-tab ul::-webkit-scrollbar-thumb { background-color: transparent; }
.mld-trends-tab ul:hover::-webkit-scrollbar-thumb { background-color: #dee2e6; }
@media (min-width:1400px) {
  .mld-trends-tab ul .nav-item .nav-link { font-size: 1rem; }
}
@media (max-width:1199.98px) {
  .mld-trends-tab ul .nav-item .nav-link { font-size: 1rem; }
  #mldTabs .nav-item { display: inline-block; }
}
@media(max-width: 1680px){
  .generative_sec .summary_banner h1 span{font-size: 74px;}
}
  @media(max-width:1430px){
    .roadmapMain .timeline:before{height: calc(100% - 352px); top:175px;}
    .generative_sec .summary_banner h1 span{font-size: 56px;}
  }
  @media(max-width:1199px){
    .roadmapMain .timeline:before{height: calc(100% - 410px); top:210px;}
    .ethreum_generativeAi_Outer .blochain-column{padding-left: 0; padding-block: 0;}
  }
  @media(max-width:1000px) {
    .roadmapMain .timeline{width:100%;}
  }
  @media(max-width:991.98px){
    .roadmapMain .timeline:before{height: calc(100% - 490px); top:250px;}
    .generative_sec .summary_banner h1 span{font-size: 42px;}
  }
  @media(max-width:767px){
  .roadmapMain .timeline{width:100%;padding-bottom:0}
  .roadmapMain .timeline:before{left: 10px;width: 6px;height:100%; top:0;}
  .roadmapMain .timeline ul li:nth-child(odd),
  .roadmapMain .timeline ul li:nth-child(even){width:100%;text-align:left;padding-left: 50px;padding-right: 0;padding-bottom: 30px}
  .roadmapMain .timeline ul li:nth-child(odd):before, .roadmapMain .timeline ul li:nth-child(even):before{left: 3px;top: calc(50% - 25px);width: 20px;height: 20px;border: 2px solid #E46B32}
  .roadmapMain .timeline ul li:last-of-type{padding-bottom: 0}
  .roadmapInner:before{width: 26px;height: 26px;content: "";position: absolute;top: 50%;right: auto;left: -13px;border-radius: 0 0 0 9px;border-width: 0 0 1px 1px}
  .roadmapMain .timeline ul li:nth-child(even) .roadmapInner:before{left: -15px;right: auto;border-radius: 0 0 0 9px;border-width: 0 0 1px 1px}
  .roadmapInner{padding: 20px 20px}
  .ethreum_generativeAi_Outer:before{display: none}
  .ethreum_generativeAi_Outer .blochain-column{padding-left: 0}
  .aiBuildInner{padding: 20px}
  .aiFactInner{padding: 20px}
  .aiBuildInner h2{font-size: 20px;line-height: 32px}
  .roadmapMain .timeline ul li:nth-child(even){margin-top: 0;}
  .roadmapMain .timeline ul li:nth-last-child(2):before{top: calc(50% - 10px)}
}