.appsoftwarecarousel .carousel-card {
	display: flex;
	gap: 16px;
}

.appsoftwarecarousel .card-title {
	align-self: center;
}

@media (max-width: 860px) {
	.appsoftwarecarousel .carousel-card {
		flex-direction: column;
	}

	.appsoftwarecarousel .card-title {
		align-self: start;

	}

	.appsoftwarecarousel .carousel-card-text {
		margin-top: 0;
	}

}

.appsoftwarecarousel .sr-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.appsoftwarecarousel cascade-hero-cta moray-link-group {
	justify-content: flex-start;
}

.app-carousel .theme-night {
	--dark-mode-button-background-color: #33303d;
}

.appsoftwarecarousel .carousel-video-slot video {
	border-radius: 16px;
	border: 1px solid transparent;
    width: 100%;
}

.appsoftwarecarousel .carousel-video-slot {
	border-radius: 16px;
	border: 1px solid transparent;
    z-index: 6;
    position: relative
}

 .appsoftwarecarousel .videobutton{
     border: 2px solid transparent;
     min-width: 40px;
     width: 40px;
     height: 40px;
     border-radius: 50px;
     cursor: pointer;
     position: absolute;
     transform: translate(-50%, -50%);
     padding: 0 6px 0 7px;
     top: auto;
     right: auto;
     left: 0;
     bottom: 0;
     margin-left: 40px;
     margin-bottom: 10px;
     background: linear-gradient(rgb(255 255 255), rgb(255 255 255)) padding-box padding-box
     ,linear-gradient(118.71deg, #0736C3 9.27%, rgba(7, 54, 195, 0.2) 93.26%) border-box border-box !important;
}
 .appsoftwarecarousel .videobutton svg.video-icon{
     fill: #000000;
 }
 .appsoftwarecarousel .videobutton.glyph-circle-play svg.play-button,
 .appsoftwarecarousel .videobutton.glyph-circle-pause svg.pause-button{
     display: inline-block;
 }
 .appsoftwarecarousel .videobutton.glyph-circle-play svg.pause-button,
 .appsoftwarecarousel .videobutton.glyph-circle-pause svg.play-button,
  .appsoftwarecarousel .videobutton:before{
     display: none;
 }
 .appsoftwarecarousel .carousel-video-slot .videobutton:focus {
     outline: 2px dotted currentColor;
     outline-offset: 1px;
 }
 .appsoftwarecarousel .theme-night .carousel-video-slot .videobutton:focus-visible {
    outline: 2px dotted #ffffff;
    outline-offset: 1px;
}



.appsoftwarecarousel .theme-night moray-anchor {
       --ds-button-color:black;
       --ds-anchor-color:#3dcbff;
  }
.appsoftwarecarousel .theme-night{
       background-color: #000;
}

@media (min-width: 1084px) {
    .appsoftwarecarousel .videobutton {
        top: 50px;
        right: 50px;
        left: auto;
        bottom:auto;
        transform: none;
        margin-left: 0;
        margin-bottom: 0;
    }
    .appsoftwarecarousel .videobutton svg.video-icon{
        margin-top: -4px;
    }
}


 .appsoftwarecarousel .theme-night .videobutton{
    background: linear-gradient(rgb(48, 46, 60), rgb(48, 46, 60)) padding-box padding-box,
     linear-gradient(118.71deg, #3DCBFF 9.27%, rgba(61, 203, 255, 0.2) 93.26%) border-box border-box !important;
}
 .appsoftwarecarousel .theme-night .videobutton svg{
    fill: #ffffff;
}

@media (forced-colors: active) {
.appsoftwarecarousel .videobutton svg{
    fill: currentColor !important;
}
.appsoftwarecarousel .videobutton{
    background: currentColor !important;
}
}

.appsoftwarecarousel .carousel-video-slot video {
   clip-path: inset(1px);
   }

 @media screen and (max-width: 540px) {
    .appsoftwarecarousel .carousel-card .icon  {
       width: 48px !important;
       height: 48px !important;
    }
   }