.banner-part{padding-top:30px;padding-bottom:40px}.logo_items img{filter:invert(1)}.web3-services .section-head p{max-width:900px;margin:0 auto}.web3-services .section-head h2{max-width:950px}.web3-services .sevices-card{height:94%}.web3-services .sevices-card h3{min-height:52px;max-width:277px}.tech-section .head-text{max-width:700px}.stepter-section .section-head p{max-width:870px;margin:0 auto}.step-card{background:#f6f6f6;border-radius:10px;padding:25px;text-align:left;height:93%;transition:all .3s ease;border:none;margin-bottom:10px}.step-card .step-label{font-size:20px;color:#00000080}.step-card h3{font-size:clamp(20px,5vw,22px)!important;margin-top:15px!important;margin-bottom:10px!important; min-height:56px}.step-card p{color:#0009}.secure-scale-box-center{max-width:600px;margin:40px auto 0;display:flex;gap:10px;align-items:center}.dex-process-step{color:#575757;font-size:clamp(30px,5vw,60px);font-weight:600;line-height:1}.dex-process-block,.secure-scale-blocks{border-top:1px solid #eee;padding-top:75px}.secure-scale-icon{display:flex}.dex-process-box,.secure-scale-box{border:none;position:relative;padding:10px}.dex-process-box h3,.secure-scale-box h3{font-size:20px;margin-bottom:10px}.dex-process-box::after,.secure-scale-box::after{content:"";position:absolute;top:-74px;left:49px;width:27px;height:56px;background:url(../image/decentralized-exchange-development-company/ss-points.webp) no-repeat}.banner-tags{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:24px!important}.banner-tags span{background:#262626;color:#fff;padding:6px 9px;border-radius:20px;font-size:14px;font-weight:300;display:flex;align-items:center;gap:4px;text-align:left}.dex-process .section-head p{max-width:700px;margin:0 auto}.project-content h3{min-height:53px}.why-choose .section-head h2{max-width:900px}.why-choose .section-head p{max-width:1000px;margin:0 auto}.why-choose .section-head .custom-tags{justify-content:center;margin:20px auto 30px}.dex-card{background:linear-gradient(145deg,#111,#0c0c0e);border-radius:16px;padding:20px;height:98%;margin-bottom:20px;overflow:hidden;position:relative;transition:all .5s ease}h3.dex-title{font-size:clamp(20px,5vw,24px);font-weight:600;transition:all .5s ease;margin-bottom:0!important}.dex-content{opacity:0;margin:0;transition:all .5s ease;color:#fffFFF99!important}.dex-card:hover .dex-icon img{width:80px;height:auto;transition:all .5s ease-in-out}.dex-card:hover .dex-icon{transform:translateY(0)}.dex-card:hover .dex-title{transform:translateY(0)}.dex-card .dex-icon{transform:translateY(110px)}.dex-card .dex-title{transform:translateY(180px)}.dex-card:hover .dex-content{opacity:1;transform:translateY(20px)}.cta-section .section-head h3{max-width:900px;margin:0 auto 20px}.cta-section .section-head p{max-width:600px;margin:0 auto}.cta-section .custom-tags{justify-content:center;margin:20px auto 30px}.secure-scale-box .card p{color:#666}.dex-nav-arrows{display:inline-flex;gap:15px}.dex-arrow{border:none;cursor:pointer;background:0 0}.dex-arrow:hover svg path,.nav-arrows button:hover svg path{stroke:#e2462d}.dex-types-section .common-btn{margin-top:40px}.dex-tab-list{display:flex;flex-direction:column;gap:clamp(5px,3vw,15px);border-left:none}.dex-tab-item{font-size:20px;font-weight:600;color:#fffFFF99;cursor:pointer;padding:7px 0;position:relative;padding-left:15px;transition:all .3s ease}.dex-tab-item.active,.dex-tab-item:hover{color:#fff}.dex-tab-item.active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:20px;background:#e2462d;border-radius:20px}.smart-block{border:1.5px solid #eee;border-radius:15px;padding:clamp(10px,5vw,30px)}.dex-content-area{position:relative;min-height:400px}.dex-content-card{display:none;background:#101010;border-radius:20px;padding:30px 20px;border:1px solid #212121;animation:fadeIn .5s ease;max-width:500px;margin-left:auto;margin-top:auto;height:100%}.dex-content-card.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dex-content-card h3{font-size:20px;margin-bottom:20px;color:#fff}.dex-content-card p{line-height:1.6;color:#a0a0a0}.feature-slider{width:100%;position:relative}.feature-viewport{overflow:hidden;width:100%}.feature-row{display:flex;transition:transform .6s ease;width:100%}.feature-row .row{min-width:100%}.nav-arrows{text-align:center;margin-top:20px}.nav-arrows button{border:none;background:0 0;font-size:22px;cursor:pointer;margin:0 10px}.tech-blocks{max-width:630px}.tech-section .tech-box p{text-align:left!important}.security-first .section-head p{max-width:900px;margin:0 auto}.security-frameworks .section-head p{max-width:1000px;margin:0 auto}.security-first .sevices-card{text-align:center;align-content:center;height:80%}.security-first .sevices-card h3{font-size:20px!important;margin:0!important}.security-framework-box p{margin-top:10px}.security-framework-box{margin-bottom:clamp(10px,5vw,30px)}.security-frameworks .row{max-width:1000px;margin:0 auto}.engagement-models-card{background:#101010;border-radius:10px;padding:25px;margin-bottom:20px;border:none;height:94%}.engagement-models .section-head p{max-width:600px;margin:0 auto}.section-head h2{max-width:700px}.engagement-models-card h3{font-size:clamp(20px,5vw,22px)!important;margin-top:0;margin-bottom:10px!important}.engagement-models-card p{color:#fffFFF99;min-height:260px}.marquee{overflow:hidden;margin-bottom:20px}.reviews-section{position:relative}.reviews-section::after{content:"";position:absolute;top:77px;left:0;width:100%;height:100%;background:url(../image/decentralized-exchange-development-company/bg-gradient.webp) no-repeat;background-position:center;z-index:1}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track:hover{animation-play-state:paused}.marquee-track{display:flex;gap:20px;width:max-content}.marquee-left .marquee-track{animation:scrollLeft 30s linear infinite}.marquee-right .marquee-track{animation:scrollRight 30s linear infinite}@keyframes scrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}.review-card{width:420px;background:#f4f4f4;border-radius:10px;padding:17px 15px;text-align:left}.review-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.review-name{font-size:15px;font-weight:600;color:#181b23}.review-country{font-size:14px;color:#838383}.review-text{font-size:15px;color:#4b5563}.project-content p{min-height:140px}a.case-study-link{color:#a42c14!important;display:flex;gap:6px;font-size:clamp(16px,4vw,18px)}.dex-tab-container .mobile-view{display:none}
    .exchange-block-inner {
  max-width: 1000px;
  margin: 0 auto
}
    section.exchange-block {
padding-left:10px ;
padding-right: 10px;
    }
.our-brands h3{
    font-weight: 500;
    font-size: clamp(20px,5vw,32px);
}
.exchange-block .contain-width {
  border: 1px solid #e2462D3D;
  padding: 40px 10px;
  border-radius: 10px;
  position: relative
}

.think-icon {
  position: absolute;
  top: -24px;
  left: 46%
}
.resources-knowledge .head-text {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.serve-card.step-card {
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
}
.project-card-link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

.crypto-cta {
  background: url(../image/crypto-cta-bg.webp) no-repeat;
  background-position: center;
  background-size: cover;
}

.blockchain-cta {
  background: url(../image/blockchain-development-company/web-banner.webp) no-repeat;
  background-position: center;
  background-size: cover;
}

.intelligence-section {
  background: url(../image/blockchain-development-company/intelligence-banner.webp) no-repeat;
  background-position: center;
  background-size: cover;
}

.intelligence-glass-box {
  background: #00000026;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  /* border: 1px solid rgba(255, 255, 255, 0.08); */
  border-radius: 16px;
  padding: clamp(30px, 5vw, 60px) clamp(20px, 4vw, 40px);
  max-width: 823px;
  margin: 0 auto;
  /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); */
}

.intelligence-section .dark-gray-text {
   color: #A39E9D;

}


/* New wrapper and scroll styles */
.dex-process-wrapper {
  position: relative;
}

.dex-process-scroll-container {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid #eee;
  padding-top: 75px;
}

.dex-process-blocks {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}

/* Desktop: 4 cards visible */
.sw-blocks .dex-process-box {
  width: calc((100% - 60px) / 4);
  /* 4 cards with 20px gap */
  min-width: 250px;
  flex-shrink: 0;
  text-align: left !important;
}

/* Navigation Arrows */
.dex-process-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}

.dex-nav-arrow {
  border: none;
  background: transparent;
}

.dex-nav-arrow:active {
  transform: scale(0.95);
}

.dex-nav-arrow:disabled, .nav-arrows button:disabled, .uc-prev:disabled, .uc-next:disabled, .ind-prev:disabled, .ind-next:disabled, #prev:disabled, #next:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  border-color: #eee;
}

.dex-process-navigation button:hover svg path {
  stroke: #E2462D;
}

@media (max-width: 768px) {
  .sw-blocks .dex-process-box {
    width: 100%;
    min-width: auto;
  }
}

.benefits-left-content {
  position: sticky;
  top: 100px;
}

.benefits-badge {
  display: inline-block;
  background-color: #0000001A;
  padding: 6px 16px;
  border-radius: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}


/* Accordion Styles */


.benefit-item {
  background-color: #F4F4F4;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: clamp(6px, 3vw, 10px);
  border: 1px solid #6666661A;
  text-align: left !important;
}

.benefit-header {
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F4F4F4;
  transition: background-color 0.3s ease;
  border: none;
  width: 100%;
  text-align: left !important;
}

.benefit-header:hover {
  background-color: #ececec;
}

.benefit-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  flex: 1;

}

.benefit-item .benefit-header h3,
.benefit-body p {
  text-align: left !important;
}

.accordion-icon {
  font-size: 14px;
  color: #000;
  transition: transform 0.3s ease;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.benefit-header[aria-expanded="true"] .accordion-icon {
  transform: rotate(180deg);
}

.benefit-body {
  padding: 0 25px 20px 25px;
  font-size: 15px;
  line-height: 1.6;
}

.benefit-body p {
  margin-bottom: 0;
  color: #666666;
}


/* Industries Innovate Section */

#industriesTabContent .tab-pane {
  display: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#industriesTabContent .tab-pane.active {
  display: block !important;
  opacity: 1;
}

.industry-card {
  background: #F7F7F7;
  padding: clamp(20px, 4vw, 40px);
  border-radius: 8px;
}

.custom-ind-tab {
  background: transparent !important;
  border: none !important;
  border-top: 2px solid transparent !important;
  color: #707070 !important;
  padding: 15px 0 10px 0 !important;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 0 !important;
}

.custom-ind-tab.active {
  color: #e44a33 !important;
  border-top: 2px solid #e44a33 !important;
}

.custom-ind-tab:hover {
  color: #e44a33 !important;
}

.industries-tabs-container {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.industries-tabs-container::-webkit-scrollbar {
  display: none;
}

@media (max-width: 991px) {
  .industries-tabs-container ul.nav {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

.industries-innovate .dex-process-navigation {
  transform: translateY(-6px); /* Visually aligns arrows to the text baseline considering asymmetrical tab padding */
}

.resources-knowledge .head-text {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap
}
.step-card.card.serve-card {
    color: #000
}

a.step-card.card.serve-card:hover {
    color: #E2462D
}