.ds-banner-image {
	width: 192rem;
	max-width: 192rem;
	margin: 0 auto;
	display: flex;
	position: relative;
}
.ds-banner-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #000 0.05%, rgba(0, 0, 0, 0.00) 126.29%);
}
.ds-banner-ani-items {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.ds-banner-ani-items-inner {
	width: 100%;
	height: 100%;
	position: relative;
}
.dsb-info-item-1 {
	display: flex;
	position: absolute;
	top: 21rem;
	right: 57rem;
}
.dsb-info-box {
	padding: 1.2rem;
	border-radius: 1.3rem;
	background: rgba(10, 10, 10, 0.38);
	box-shadow: 0 0 .4rem 0 rgba(241, 89, 39, 0.25);
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: 22.7rem;
	max-width: 100%;
	height: max-content;
}
.dsb-info-item-1 .dsb-info-box-svg {
	width: 23.9rem;
	flex-shrink: 0;
	margin-top: 3.2rem;
	display: flex;
}
.dsb-info-box .icon {
	width: 5.2rem;
	flex-shrink: 0;
}
.dsb-info-item-2 {
	position: absolute;
	bottom: 12rem;
	right: 59rem;
	display: flex;
	align-items: flex-end;
}
.dsb-info-item-2 .dsb-info-box-svg {
	width: 8.8rem;
	flex-shrink: 0;
	margin-bottom: 3.4rem;
}
.dsb-info-list-wrap {
	width: 25.2rem;
	max-width: 100%;
	padding: 3.2rem 2.1rem;
	border-radius: 1.6rem;
	border: .1rem solid #575453;
	background: rgba(0, 0, 0, 0.42);
	position: absolute;
	top: 20rem;
	right: 12rem;
}
.dsb-info-list-title {
	display: flex;
	align-items: center;
	gap: .9rem;
	font-weight: 500;
}
.dsb-info-list-items {
	margin-top: 2.4rem;
	display: flex;
	flex-direction: column;
	gap: .9rem;
}
.dsb-info-list-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 1.3rem;
	background: rgba(0, 0, 0, 0.60);
	border-radius: .7rem;
	padding: 1.3rem 2.4rem 1.3rem 1.4rem;
}
.dsb-info-list-item .icon {
	width: 3.4rem;
	flex-shrink: 0;
}
.dsb-info-list-item .icon svg, .dsb-info-list-title .icon svg {
	max-width: 100%;
}
.dsb-info-list-title .icon {
	width: 3.6rem;
	flex-shrink: 0;
}
.ds-banner-area {
	position: relative;
	overflow: hidden;
}
.ds-banner-content-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 28rem;
}
.ds-banner-content {
	width: 58rem;
	max-width: 100%;
}
.ds-banner-content h2 {
	font-size: 4.8rem;
}
.ds-banner-content p {
	margin-top: 3rem;
}
.dsb-info-ripple {
	position: absolute;
	bottom: 10rem;
	right: 50rem;
}
.dsb-info-ripple-inner {
  position: relative;
  width: 11.1rem;
  height: .9rem;
}

.dsb-info-ripple-s {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1);
  transform-origin: center;
  animation: dsbRippleLoop 5s ease-out infinite;
}

/* stagger each ring by 5s / 6 rings ≈ 0.833s */
.dsb-info-ripple-s:nth-child(1) { animation-delay: 0s; }
.dsb-info-ripple-s:nth-child(2) { animation-delay: 0.833s; }
.dsb-info-ripple-s:nth-child(3) { animation-delay: 1.667s; }
.dsb-info-ripple-s:nth-child(4) { animation-delay: 2.5s; }
.dsb-info-ripple-s:nth-child(5) { animation-delay: 3.333s; }
.dsb-info-ripple-s:nth-child(6) { animation-delay: 4.167s; }

@keyframes dsbRippleLoop {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  15% {
    opacity: 0.6;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}

@media only screen and (max-width: 1800px) {
    .ds-banner-image {
    	left: -14rem;
    }
}
@media only screen and (max-width: 1050px) {
    .ds-banner-image {
    	position: absolute;
    	width: 100%;
    	max-width: 100%;
    	left: 0;
    	height: 100%;
    }
    .ds-banner-ani-items {
	    display: none;
    }
    .ds-banner-image img {
    	object-fit: cover;
    	object-position: center;
    	width: 100%;
    	height: 100%;
    }
    .ds-banner-content-wrap {
    	position: static;
    	margin-top: 78px;
    	padding-bottom: 72px;
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .ds-banner-content h2 {
    	font-size: 32px;
    }
    .ds-banner-content p {
    	margin-top: 13px;
    }
}