/* Openlane Content Right Animation With Slider */
.openlane-content-right-animation-with-slider-block { padding: 96px 0; background: #F9F9F9; position: relative; }
.openlane-content-right-animation-with-slider-block .animation-top { display: flex; align-items: flex-start; gap: 40px; margin-bottom: 40px; }
.openlane-content-right-animation-with-slider-block .animation-copy { flex: 1 1 0; min-width: 0; padding: 0 8px; }
.openlane-content-right-animation-with-slider-block .animation-copy h2 { color: #0A1B5F; font-family: Poppins, sans-serif; font-size: 56px; font-weight: 600; line-height: 1.1; letter-spacing: -0.56px; max-width: 497px; margin-bottom: 20px; }
.openlane-content-right-animation-with-slider-block .animation-copy p { color: #0A1B5F; font-family: Poppins, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.75; margin-bottom: 28px; }
.openlane-content-right-animation-with-slider-block .animation-copy h2 + p { color: #0061FF; font-family: Poppins, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.5; margin-bottom: 8px; }
.openlane-content-right-animation-with-slider-block .animation-copy .cta-buttons { margin: 0 0 28px; }
.openlane-content-right-animation-with-slider-block .animation-copy .cta-button { display: inline-flex; align-items: center; justify-content: center; padding: 16px 40px; border-radius: 999px; background: #0061FF; color: #FFFFFF; font-family: Poppins, sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; text-decoration: none; transition: background-color 0.2s ease; }
.openlane-content-right-animation-with-slider-block .animation-copy .cta-button:hover { background: #0A1B5F; }
.openlane-content-right-animation-with-slider-block .slider-nav { display: flex; align-items: center; }
.openlane-content-right-animation-with-slider-block .slider-nav button { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 12px; border: 0; background: transparent; border-radius: 26px; cursor: pointer; }
.openlane-content-right-animation-with-slider-block .slider-nav button img { width: 24px; height: 24px; }
.openlane-content-right-animation-with-slider-block .slider-nav .slider-prev img { transform: rotate(180deg); }
.openlane-content-right-animation-with-slider-block .animation-visual { position: relative; flex: 0 1 628px; width: 100%; max-width: 628px; height: auto; aspect-ratio: 619 / 585; border-radius: 16px; background: #E5EFFF; overflow: hidden; }
.openlane-content-right-animation-with-slider-block .animation-visual-canvas { position: absolute; left: 50%; top: 50%; width: 619px; height: 592px; transform: translate(-50%, -50%); transform-origin: center center; }
.openlane-content-right-animation-with-slider-block .animation-visual-layer { position: absolute; left: 0; top: 0; width: 619px; height: 592px; }
.openlane-content-right-animation-with-slider-block .orbit-ring { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(0, 97, 255, 0.18); border-radius: 50%; pointer-events: none; }
.openlane-content-right-animation-with-slider-block .orbit-ring.ring-1 { width: 364px; height: 364px; }
.openlane-content-right-animation-with-slider-block .orbit-ring.ring-2 { width: 468px; height: 468px; }
.openlane-content-right-animation-with-slider-block .orbit-ring.ring-3 { width: 572px; height: 572px; }
.openlane-content-right-animation-with-slider-block .orbit-glow { position: absolute; left: 50%; top: 50%; width: 380px; height: 380px; transform: translate(-50%, -50%); pointer-events: none; border-radius: 380px; background: #99C0FF; filter: blur(100px); }
.openlane-content-right-animation-with-slider-block .logo-card { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; line-height: 0; }
.openlane-content-right-animation-with-slider-block .logo-card img { width: 274px; height: 73px; object-fit: contain; }
.openlane-content-right-animation-with-slider-block .orbit-pill { position: absolute; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 6px 14px 6px 8px; border: 4px solid #FFFFFF; border-radius: 50px; background: #F5F9FF; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.05); white-space: nowrap; animation-duration: 51.46s; animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: var(--orbit-shift, 0s); }
.openlane-content-right-animation-with-slider-block .orbit-pill img { width: 24px; height: 24px; border-radius: 99px; object-fit: cover; flex-shrink: 0; }
.openlane-content-right-animation-with-slider-block .orbit-pill span { color: #262626; font-family: Poppins, sans-serif; font-size: 14px; font-weight: 500; line-height: 16px; }
.openlane-content-right-animation-with-slider-block .pill-1 { left: 87.5px; top: 78.81px; animation-name: orbit-pill-1; }
.openlane-content-right-animation-with-slider-block .pill-2 { left: 368.34px; top: 101.81px; animation-name: orbit-pill-2; }
.openlane-content-right-animation-with-slider-block .pill-3 { left: -8.51px; top: 317.94px; animation-name: orbit-pill-3; }
.openlane-content-right-animation-with-slider-block .pill-4 { left: 138.47px; top: 500.16px; animation-name: orbit-pill-4; }
.openlane-content-right-animation-with-slider-block .pill-5 { left: 411.24px; top: 419.6px; animation-name: orbit-pill-5; }
@keyframes orbit-pill-1 {
	0% { translate: 0 0; }
	6.25% { translate: 84.979px -28.846px; }
	12.5% { translate: 174.528px -22.977px; }
	18.75% { translate: 255.015px 16.715px; }
	25% { translate: 314.186px 84.186px; }
	31.25% { translate: 343.032px 169.165px; }
	37.5% { translate: 337.163px 258.714px; }
	43.75% { translate: 297.471px 339.201px; }
	50% { translate: 230px 398.372px; }
	56.25% { translate: 145.021px 427.218px; }
	62.5% { translate: 55.472px 421.349px; }
	68.75% { translate: -25.015px 381.657px; }
	75% { translate: -84.186px 314.186px; }
	81.25% { translate: -113.032px 229.207px; }
	87.5% { translate: -107.163px 139.657px; }
	93.75% { translate: -67.471px 59.171px; }
	100% { translate: 0 0; }
}
@keyframes orbit-pill-2 {
	0% { translate: 0 0; }
	6.25% { translate: 56.171px 69.988px; }
	12.5% { translate: 81.284px 156.144px; }
	18.75% { translate: 71.514px 245.353px; }
	25% { translate: 28.349px 324.031px; }
	31.25% { translate: -41.639px 380.203px; }
	37.5% { translate: -127.795px 405.315px; }
	43.75% { translate: -217.003px 395.545px; }
	50% { translate: -295.682px 352.38px; }
	56.25% { translate: -351.854px 282.392px; }
	62.5% { translate: -376.966px 196.236px; }
	68.75% { translate: -367.196px 107.028px; }
	75% { translate: -324.031px 28.349px; }
	81.25% { translate: -254.043px -27.822px; }
	87.5% { translate: -167.887px -52.935px; }
	93.75% { translate: -78.679px -43.165px; }
	100% { translate: 0 0; }
}
@keyframes orbit-pill-3 {
	0% { translate: 0 0; }
	6.25% { translate: 1.958px -89.72px; }
	12.5% { translate: 38.101px -171.862px; }
	18.75% { translate: 102.927px -233.919px; }
	25% { translate: 186.567px -266.445px; }
	31.25% { translate: 276.287px -264.487px; }
	37.5% { translate: 358.428px -228.344px; }
	43.75% { translate: 420.486px -163.518px; }
	50% { translate: 453.012px -79.878px; }
	56.25% { translate: 451.054px 9.842px; }
	62.5% { translate: 414.911px 91.983px; }
	68.75% { translate: 350.085px 154.041px; }
	75% { translate: 266.445px 186.567px; }
	81.25% { translate: 176.725px 184.609px; }
	87.5% { translate: 94.583px 148.466px; }
	93.75% { translate: 32.526px 83.64px; }
	100% { translate: 0 0; }
}
@keyframes orbit-pill-4 {
	0% { translate: 0 0; }
	6.25% { translate: -80.487px -39.692px; }
	12.5% { translate: -139.657px -107.163px; }
	18.75% { translate: -168.504px -192.142px; }
	25% { translate: -162.635px -281.691px; }
	31.25% { translate: -122.943px -362.178px; }
	37.5% { translate: -55.472px -421.349px; }
	43.75% { translate: 29.507px -450.195px; }
	50% { translate: 119.057px -444.326px; }
	56.25% { translate: 199.544px -404.634px; }
	62.5% { translate: 258.714px -337.163px; }
	68.75% { translate: 287.561px -252.184px; }
	75% { translate: 281.691px -162.635px; }
	81.25% { translate: 242px -82.148px; }
	87.5% { translate: 174.528px -22.977px; }
	93.75% { translate: 89.549px 5.869px; }
	100% { translate: 0 0; }
}
@keyframes orbit-pill-5 {
	0% { translate: 0 0; }
	6.25% { translate: -67.985px 58.58px; }
	12.5% { translate: -153.213px 86.683px; }
	18.75% { translate: -242.707px 80.033px; }
	25% { translate: -322.845px 39.64px; }
	31.25% { translate: -381.424px -28.345px; }
	37.5% { translate: -409.528px -113.572px; }
	43.75% { translate: -402.877px -203.067px; }
	50% { translate: -362.485px -283.204px; }
	56.25% { translate: -294.5px -341.784px; }
	62.5% { translate: -209.272px -369.888px; }
	68.75% { translate: -119.778px -363.237px; }
	75% { translate: -39.64px -322.845px; }
	81.25% { translate: 18.939px -254.86px; }
	87.5% { translate: 47.043px -169.632px; }
	93.75% { translate: 40.393px -80.137px; }
	100% { translate: 0 0; }
}
.openlane-content-right-animation-with-slider-block .slider-grid { display: flex; align-items: flex-start; gap: 28px; }
.openlane-content-right-animation-with-slider-block .slider-item { flex: 1 1 0; min-width: 0; opacity: 0.3; cursor: pointer; transition: opacity 0.25s ease; }
.openlane-content-right-animation-with-slider-block .slider-item.is-active { opacity: 1; cursor: pointer; }
.openlane-content-right-animation-with-slider-block .slider-progress { position: relative; height: 4px; width: 100%; margin-bottom: 20px; overflow: hidden; background: rgba(0, 97, 255, 0.3); }
.openlane-content-right-animation-with-slider-block .slider-progress-fill { position: absolute; left: 0; top: 0; height: 4px; width: 0; background: #0061FF; }
.openlane-content-right-animation-with-slider-block .slider-item.is-active .slider-progress-fill { will-change: width; }
.openlane-content-right-animation-with-slider-block .slider-item h3 { color: #0A1B5F; font-family: Poppins, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.2px; margin-bottom: 12px; }
.openlane-content-right-animation-with-slider-block .slider-item p { color: #0A1B5F; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.75; margin: 0; }
@keyframes sliderFill {
	from { width: 0; }
	to { width: 100%; }
}
@media (max-width: 1199px) {
	.openlane-content-right-animation-with-slider-block { padding: 80px 0; }
	.openlane-content-right-animation-with-slider-block .container { max-width: 100%; }
	.openlane-content-right-animation-with-slider-block .animation-copy h2 { font-size: 48px; letter-spacing: -0.48px; }
	.openlane-content-right-animation-with-slider-block .animation-copy h2 + p { font-size: 20px; }
	.openlane-content-right-animation-with-slider-block .animation-visual { flex: 0 1 480px; width: 480px; max-width: 100%; height: auto; aspect-ratio: 443 / 424; }
}
@media (max-width: 1024px) {
	.openlane-content-right-animation-with-slider-block .animation-copy { padding: 0; }
}
@media (max-width: 991px) {
	.openlane-content-right-animation-with-slider-block { padding: 72px 0; }
	.openlane-content-right-animation-with-slider-block .animation-top { flex-direction: column; gap: 32px; margin-bottom: 32px; }
	.openlane-content-right-animation-with-slider-block .animation-copy { width: 100%; }
	.openlane-content-right-animation-with-slider-block .animation-copy h2 { font-size: 40px; letter-spacing: -0.4px; max-width: none; margin-bottom: 16px; }
	.openlane-content-right-animation-with-slider-block .animation-copy h2 + p { font-size: 18px; margin: 0 0 4px 0; }
	.openlane-content-right-animation-with-slider-block .animation-copy p { font-size: 18px; }
	.openlane-content-right-animation-with-slider-block .animation-copy .cta-buttons { margin-bottom: 20px; }
	.openlane-content-right-animation-with-slider-block .animation-visual { width: 100%; flex: none; flex-basis: auto; max-width: none; height: auto; aspect-ratio: 744 / 430; margin: 0; }
	.openlane-content-right-animation-with-slider-block .slider-nav { display: none; }
	.openlane-content-right-animation-with-slider-block .slider-progress { display: none; }
	.openlane-content-right-animation-with-slider-block .slider-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px; }
	.openlane-content-right-animation-with-slider-block .slider-item { flex: none; opacity: 1; padding-top: 20px; border-top: 1px solid #C3C3C3; cursor: default; pointer-events: none; }
}
@media (max-width: 768px) {
	.openlane-content-right-animation-with-slider-block .slider-item h3 { font-size: 18px; letter-spacing: -0.18px; margin-bottom: 8px; }
}
@media (max-width: 767px) {
	.openlane-content-right-animation-with-slider-block .animation-copy p { margin-bottom: 22px; }
}
@media (max-width: 479px) {
	.openlane-content-right-animation-with-slider-block .animation-copy h2 { font-size: 32px; letter-spacing: -0.32px; }
	.openlane-content-right-animation-with-slider-block .animation-visual { aspect-ratio: 358 / 303; }
	.openlane-content-right-animation-with-slider-block .slider-grid { display: flex; flex-direction: column; gap: 20px; }
	.openlane-content-right-animation-with-slider-block .slider-item { padding-top: 0; padding-bottom: 20px; border-top: 0; border-bottom: 1px solid #C3C3C3; }
	.openlane-content-right-animation-with-slider-block .slider-item:last-child { border-bottom: 0; padding-bottom: 0; }
	.openlane-content-right-animation-with-slider-block .animation-copy .cta-buttons { display: flex; justify-content: center; width: 100%; max-width: 358px; margin-left: auto; margin-right: auto; text-align: center; }
	.openlane-content-right-animation-with-slider-block .animation-copy .cta-button { display: flex; width: 100%; max-width: 358px; margin-left: auto; margin-right: auto; justify-content: center; text-align: center; font-size: 18px; padding: 16px 53px; }
}
@media (max-width: 390px) {
	.openlane-content-right-animation-with-slider-block { padding: 64px 0; }
}