.banners-section { position: relative; }
.banners-section:before, .banners-section:after, .contact-arc, .contact-arc1 { content: ""; position: absolute; left: -103px; top: -410px; opacity: .1; width: 650px; height: 650px; border-radius: 100%; border: 1px solid #D9D9D9; }
.banners-section:after, .contact-arc1 { left: -235px; top: -315px; }
.banner_wrapper {background: url(../images/farmsent-case-study/farmsent-screen-1.webp), #040914 repeat left top; background-position: center; background-size: cover; width: 100%; height: 500px;padding: 60px 0 30px; display: flex; align-items: center; backdrop-filter: blur(5px); 
position: relative;}
.banner_wrapper::before{content: ""; position: absolute; background: #000000e6; width: 100%; height: 500px; top: 0; left: 0;}
.banners-section .banner-case{position: absolute; top: 108px; left: 0;}
.scroll-section { padding-top: 50px; }
.scroll-section img { cursor: pointer; }
.section-service-alt, .section-service-alt-padd {background: rgba(255, 255, 255, .06);background-blend-mode: screen;position: relative;}
.product-about-detail { padding-top: 20px; }
.product-about-detail .metaverse_subheading { padding: 40px 0 20px; }
.develop-erc.vr{color: #fff; width: 2px; opacity: 1;}
.tech-stack .nav-link{ border: #fff solid 2px; border-radius: 8px; color: #fff !important; background-color: transparent; transition: all; font-size: 16px; padding: 5px 10px !important;}
.tech-stack .nav-tabs{border-bottom: none !important;}
.token-detail {margin-bottom: 50px;}
.types-of-token-detail {padding-top: 60px;}
.types-erc-detail, .nft_field_market {padding: 30px;background: rgba(48, 48, 48, .1);border: 2px solid #191a1e;border-radius: 8px;position: relative;transition: ease-in .3s;display: flex;flex-direction: column;height: 100%;text-align: center;}
.types-erc-detail:hover, .nft_field_market {background: rgba(78, 31, 163, .1);border: 2px solid #562caf;}
.photon-card h4, .photon-card h5, .photon-card h3, .photon-card h6{background: #562caf !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }
.photon-card:hover{background: rgba(78, 31, 163, .1); border: 1px solid #562caf;}
.photon-card:hover h4, .photon-card:hover h5, .photon-card:hover h3, .photon-card:hover h6{background: linear-gradient(89.98deg, #f5d255 -3.37%, #36e7c4 99.98%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }
.photon-card:hover p{color: #fff;}
.photon-card{border: 1px solid #562caf; background: #fff; color: #000;}
.green-card{background: rgba(54, 231, 196, 0.1); border: #36e7c4 1px solid; color: #fff;}
.green-card h6, .green-card h4{background: linear-gradient(89.98deg, #f5d255 -3.37%, #36e7c4 99.98%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;}
.top-icon {position: absolute;top: -40px;right: 40px;}
.product-category-list .scroller__wrapper { --scrolling-gallery-item-duration: 8s; --scrolling-gallery-items-visible: 1; --scrolling-gallery-items-total: 4.75; overflow: hidden; will-change: transform; }
.product-category-list .scroller { animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total)); animation-name: scrolling-gallery; animation-iteration-count: infinite; display: flex; animation-timing-function:ease;}
.product-category-list .scroller__container { width: 100%; }
.product-category-list .scroller__item { flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible)); width: 0px; box-sizing: border-box; padding: 15px; }
.case-head a:hover{color: #fff;}
.case-head.white-para a:hover{color: #36e7c4;}
.case-head.white-para{color: #fff;}
.wallet-tab .nav-item{background: linear-gradient(90deg, rgba(245, 210, 85, 0.10) -3.37%, rgba(54, 231, 196, 0.10) 99.98%) !important; border: 1px solid #fff;}
.wallet-tab .nav-item .nav-link{background: transparent;}
.wallet-tab .nav-item .nav-link:hover, .wallet-tab .nav-item .nav-link.active{background: linear-gradient(89.98deg,#f5d255 -3.37%,#36e7c4 99.98%); -webkit-text-fill-color: transparent; background-clip: text;}
.case-para-head{font-size: 20px !important;}
.caption h1 span, .caption h1>span>strong{font-size: 46px;}
p{font-size: 17px !important;}
.web3-carousel .carousel-indicators [data-bs-target] {background-color: #fff;}
.web3-carousel .carousel-indicators {bottom: -50px !important;}
.product-about-detail .carousel-control-next, .product-about-detail .carousel-control-prev{bottom:0 !important; background: none !important; opacity: 1 !important; height: 50px; width: 50px; top: 50%;}
.product-about-detail .carousel-control-next{right: -50px;}
 .product-about-detail .carousel-control-prev{left: -50px;}
.product-about-detail .carousel-control-next .bi-chevron-right, .product-about-detail .carousel-control-prev .bi-chevron-left{color: #fff; padding: 10px 15px; background: rgba(0, 0, 0, 0.5); border-radius: 50%;}
@media (max-width: 1199px) { 
  .banner_wrapper { padding: 50px 0 30px; }
  .case-para-head{font-size: 19px !important;}
  .banners-section .banner-case{position: absolute; top: 100px; left: 0;}
  .caption h1 span, .caption h1>span>strong{font-size: 42px;}
  .product-about-detail .carousel-control-next{right: 0px;}
 .product-about-detail .carousel-control-prev{left: 0px;}
}
@media (max-width: 991px) { 
   .product-about-detail .metaverse_subheading { padding: 20px 0 10px; }
   .develop-erc.vr{display: none;}
   .banner_wrapper, .banner_wrapper::before {height: 550px;}
   .marketplace-screens .dark-title h3 {font-size: 24px;}
    .tech-stack .nav-link{font-size: 15px;}
    .case-para-head{font-size: 18px !important;}
    p{font-size: 17px !important;}
    .banners-section .banner-case{position: absolute; top: 90px; left: 0;}
    .product-about-detail .carousel-control-next .bi-chevron-right, .product-about-detail .carousel-control-prev .bi-chevron-left{font-size: 16px; padding: 5px 10px;}
    .caption h1 span, .caption h1>span>strong{font-size: 40px;}
}
@media (max-width: 767px) {
  .banner_wrapper { padding: 40px 0 30px; }
  .banners-section:before, .banners-section:after, .contact-arc, .contact-arc1, .green-vector { display: none; }
  .hire-para{width: 100%;}
  .case-head, .h4, .common-sub-heading-alt{font-size: 20px;}
  .banner_contentWrapper { padding: 0 0 10px !important; }
  .marketplace-screens .dark-title h3 {font-size: 20px;}
  .case-para-head{font-size: 17px !important;}

  .banners-section .banner-case{position: absolute; top: 80px; left: 0;}
  .caption h1 span, .caption h1>span>strong{font-size: 36px;}
}
@media (max-width: 576px) {
  .case-head{font-size: 18px;}
  .full-width-footer-section, section, .main-copyright-section { padding-left: 0px !important; padding-right: 0px !important;}
  .banner_wrapper, .banner_wrapper::before {height: 500px;}
  .token-detail {margin-bottom: 20px;}
  .metaverse_heading h2{font-size: 24px;}
  .marketplace-screens .dark-title h3 {font-size: 18px;}
  .tech-stack .nav-link{font-size: 14px;}
  .case-para-head{font-size: 16px !important;}
  p{font-size: 15px !important;}
  .banners-section .banner-case{position: absolute; top: 70px; left: 0;}
  .product-about-detail .carousel-control-next .bi-chevron-right, .product-about-detail .carousel-control-prev .bi-chevron-left{font-size: 14px;}
  .caption h1 span, .caption h1>span>strong{font-size: 32px;}
}
@media (max-width: 425px) {
  .product-category-list {padding-top: 5px;}
  .case-para-head{font-size: 15px !important;}
  p{font-size: 14px !important;}
  .banners-section .banner-case{position: absolute; top: 60px; left: 0;}
  .caption h1 span, .caption h1>span>strong{font-size: 28px;}
}
.client-carousel { padding-bottom: 40px; }
.scroller__wrapper { --scrolling-gallery-item-duration: 4s; --scrolling-gallery-items-visible: 2; --scrolling-gallery-items-total: 2.5; overflow: hidden; will-change: transform; }
.scroller__container { overflow-x: hidden; }
.slide-scroller { animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total) ); animation-timing-function: linear; animation-name: scrolling-gallery; animation-iteration-count: infinite; display: flex; gap: 100px; }
.slide-scroller:hover, .slide-scroller:focus { animation-play-state: paused; }
.scroller__item { flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible)); width: 0; box-sizing: border-box; }
@media (max-width: 767px){
.slide-scroller { animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total) ); animation-timing-function: linear; animation-name: scrolling-gallery; animation-iteration-count: infinite; display: flex; gap: 75px;}
.scroller__wrapper { --scrolling-gallery-item-duration: 8s; --scrolling-gallery-items-visible: 1;}
}

@keyframes scrolling-gallery {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX( calc( var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible) ) );
    }
}