@keyframes fadeInUp {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 0.75s fadeInUp;
}

@keyframes fadeInUpDelay {
  0%{
    opacity: 0;
    transform: translateY(25%);
  }
  30% {
    transform: translateY(25%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation-delay {
  animation: 1s fadeInUpDelay;
}

@keyframes slide-tl {
  0% {
	transform: translateY(-100px) translateX(-100px);
	opacity: 0;
  }
  100% {
	transform: translateY(0) translateX(0);
	opacity: 1;
  }
}

@keyframes slide-tr {
  0% {
	transform: translateY(-100px) translateX(100px);
	opacity: 0;
  }
  100% {
	transform: translateY(0) translateX(0);
	opacity: 1;
  }
}

@keyframes slide-br {
  0% {
	transform: translateY(100px) translateX(-100px);
	opacity: 0;
  }
  100% {
	transform: translateY(0) translateX(0);
	opacity: 1;
  }
}

@keyframes slide-bl {
  0% {
	transform: translateY(100px) translateX(100px);
	opacity: 0;
  }
  100% {
	transform: translateY(0) translateX(0);
	opacity: 1;
  }
}

@keyframes slide-b {
  0% {
	transform: translateY(100px);
	opacity: 0;
  }
  100% {
	transform: translateY(0);
	opacity: 1;
  }
}

.rollInTopRight-animation{
	animation: slide-tr 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.rollInTopLeft-animation{
	animation: slide-tl 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.rollInBottomRight-animation{
	animation: slide-br 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.rollInBottomLeft-animation{
	animation: slide-bl 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.rollInBottom-animation{
	animation: slide-b 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.dl-plus{
	scroll-behavior: smooth;
}

.dl-plus section{
	width: 100%;
}

.dl-button{
	background: white;
	padding: 1rem 2.5rem;
	border-radius: 6px;
	border: 1px solid #d4d4d4;
	color: #4E198A;
	font-size: 16px;
	font-weight: normal;
	box-shadow: none;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	transition: all 0.2s ease-in-out;
}

.dl-button i{
	font-size: 16px !important;
}

.dl-button:hover{
	background: #863BB3;
	border: 1px solid #863BB3;
	color: white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.dl-button.gradient-button{
	background: linear-gradient(220.55deg, #A531DC 0%, #4300B1 100%);
	color: white;
	border: 1px solid transparent;
}

.gradient-button:hover{
	border: 1px solid transparent;
}

.ghost-button{
	border: 1px solid #863BB3;
	background: white;
	color: #863BB3;
	transition: all 0.2s ease-in-out;
}

.ghost-button:hover{
	border: 1px solid #863BB3;
	background: #863BB3;
	color: white;
}

.ghost-button.white{
	border: 1px solid white;
	background: transparent;
	color: white;
}

.ghost-button.white:hover{
	background: white;
	color: #4E198A;
}

.dl-heading{
	font-size: 76px;
	color: #4f4f4f;
	line-height: 1.1;
	letter-spacing: -2px;
}

.features-heading{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	margin-top: 8rem;
	padding: 8rem 2rem;
}

.features-heading h2{
	font-size: 10vw;
	letter-spacing: -5px;
	font-weight: 700;
	color: #E9E9E9;
	white-space: nowrap;
	position: absolute;
	z-index: 0;
}

.features-heading p{
	position: absolute;
	font-size: 1.33vw;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #424345;
	z-index: 10;
	font-weight: 700;
	padding-top: 17px;
	margin-bottom: 0;
	text-align: center;
}

@media (min-width:1200px){
	.features-heading h2{
		font-size: 120px;
	}

	.features-heading p{
		font-size: 16px;
	}
}

@media screen and (max-width:768px){
	.features-heading h2{
		font-size: 15vw;
	}

	.features-heading p{
		font-size: 2vw;
		padding-top: 8px;
	}
}

@media screen and (max-width:580px){
	.features-heading p{
		font-size: 14px;
		padding-top: 2rem;
		transform: translateY(60%);
	}
}

.dl-plus{
	padding-right: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    width: 100vw;
	max-width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.dl-hero{
	padding: 4rem 0 0 0;
	width: 100%;
}

.dl-hero-content{
	max-width: 550px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	text-align: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.dl-hero-content p{
	width: 90%;
	margin-top: 0.75rem;
}

.dl-hero-content a{
	margin-bottom: 1.5rem;
}

.dl-plus-hero-image{
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 1200px;
}

@media screen and (max-width: 768px){
	.dl-hero{
		padding: 2rem 0 2rem;
	}

	.dl-hero-logo{
		width: 75%;
	}
}

@media screen and (max-width: 576px){
	.dl-hero .dl-button{
		display: none;
	}
}

.dl-page-nav{
/*	border-top: 1px solid #d4d4d4;*/
	border-bottom: 1px solid #d4d4d4;
	background: #f1f2f5;
	padding: 2rem 1rem;
	width: 100%;
}

@media screen and (max-width: 960px){
	.dl-page-nav{
		display: none;
	}
}

.dl-page-nav .dl-nav-items{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-content: center;
	justify-content: space-between;
}

.dl-tagline{
	padding: 8rem 0;
	margin: 0 auto;
	text-align: center;
}

#system-features .dl-tagline{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

#system-features .dl-tagline.fadeInUp-animation{
	opacity: 1;
}

.dl-tagline span{
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 0.5rem;
	display: block;
}

@media screen and (max-width: 768px){
	.dl-tagline span{
		font-size: 16px;
	}
}

.bento-wrapper{
	padding: 0 1.5rem;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
}

.bento-section{
	background: #F1F2F5;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	color: #4f4f4f;
}

.bento-title{
	font-size: 36px;
	color: inherit;
}

.bento-title.large-title{
	font-size: 48px;
}

.bento-section i{
	font-size: 24px;
	color: inherit;
}

.bento-section p{
	color: inherit;
	margin-bottom: 0;
	font-size: 18px;
}

.bento-section span{
	font-size: 28px;
	font-weight: 300;
	color: inherit;
	line-height: 1.2;
}

.dl-bento-container {
	display: grid;
	width: 100%;
	height: 960px;
	grid-template-columns: repeat(8, 1fr);
	grid-auto-flow: dense;
	gap: 1.5rem;
	grid-template-areas: 
	'bs1 bs1 bs1 bs2 bs2 bs2 bs2 bs2'
	'bs1 bs1 bs1 bs2 bs2 bs2 bs2 bs2'
	'bs3 bs3 bs3 bs3 bs3 bs4 bs4 bs4'
	'bs3 bs3 bs3 bs3 bs3 bs4 bs4 bs4'
	'bs3 bs3 bs3 bs3 bs3 bs4 bs4 bs4'
	'bs3 bs3 bs3 bs3 bs3 bs4 bs4 bs4'
	'bs3 bs3 bs3 bs3 bs3 bs5 bs5 bs5'
	'bs3 bs3 bs3 bs3 bs3 bs5 bs5 bs5';
}

@media screen and (max-width: 768px){
	.dl-bento-container{
		height: auto;
		grid-template-areas: 
		'bs1 bs1 bs1 bs1 bs1 bs1 bs1 bs1'
		'bs2 bs2 bs2 bs2 bs2 bs2 bs2 bs2'
		'bs3 bs3 bs3 bs3 bs3 bs3 bs3 bs3'
		'bs4 bs4 bs4 bs4 bs5 bs5 bs5 bs5';
	}
}

@media screen and (max-width: 576px){
	.dl-bento-container{
		height: auto;
		grid-template-areas: 
		'bs1 bs1 bs1 bs1 bs1 bs1 bs1 bs1'
		'bs2 bs2 bs2 bs2 bs2 bs2 bs2 bs2'
		'bs3 bs3 bs3 bs3 bs3 bs3 bs3 bs3'
		'bs4 bs4 bs4 bs4 bs4 bs4 bs4 bs4'
		'bs5 bs5 bs5 bs5 bs5 bs5 bs5 bs5';
	}
}

.dl-bento-container .bento-section{
	padding: 2.5rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dl-bento-container .bento-section-1{
	grid-area: bs1;
	height: 100%;
	background: linear-gradient(220.55deg, #A531DC 0%, #4300B1 100%);
	color: white;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-1.rollInTopLeft-animation{
	opacity: 1;
}

.dl-bento-container .bento-section-2{
	grid-area: bs2;
	height: 300px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-2.rollInTopRight-animation{
	opacity: 1;
}

.dl-bento-container .bento-section-3{
	grid-area: bs3;
	justify-content: center;
	gap: 1.5rem;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-3.rollInBottomRight-animation{
	opacity: 1;
}

.dl-bento-container .bento-section-3 div{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 3.5rem;
}

.dl-bento-container .bento-section-4{
	grid-area: bs4;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-4.rollInBottomLeft-animation{
	opacity: 1;
}

.dl-bento-container .bento-section-5{
	grid-area: bs5;
	color: white;
	gap: 1.5rem;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-5.rollInBottomLeft-animation{
	opacity: 1;
}

.dl-features{
	padding: 0 0 5rem ;
	background: url('../images/dl-plus-images/dl-top-angled.png');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	margin-top: 10rem;
}

.dl-features .dl-features-heading{
	text-align: center;
	padding: 0 1.5rem 9rem;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);

}

.dl-features .dl-features-heading h4{
	max-width: 1080px;
	font-size: 2rem;
	margin: 0 auto;
}

.features-columns{
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	align-items: flex-start;
	padding: 0 1.5rem 6rem;
	max-width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 768px){
	.features-columns{
		flex-direction: column;
	}
}

.feature-content{
	display: flex;
	flex-direction: column;
	align-self: stretch;
	gap: 1.5rem;
	width: 100%;
	flex: 1;
	padding: 1.5rem;
	border-radius: 10px;
	 backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(241, 242, 245, 0.75);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #d4d4d4;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.feature-content.fadeInUp-animation{
	opacity: 1;
}

.feature-icon{
	display: flex;
	background: linear-gradient(220.55deg, rgba(165, 49, 220, .7) 0%, rgba(67, 0, 177, .7) 100%);
	width: 48px;
	height: 48px;
	border-radius: 6px;
	justify-content: center;
	align-items: center;
}

.feature-icon i{
	font-size: 1.5rem;
	color: white;
}

.feature-content h6{
	color: #424345;
	font-size: 20px;
	margin-bottom: 0;
}

.feature-content p{
	color: #424345;
	margin-bottom: 0;
}

.features-buttons{
	display: flex;
	max-width: 480px;
	margin: 0 auto;
	gap: 1rem;
}

@media screen and (max-width: 576px){
	.features-buttons{
		flex-direction: column;
		margin: 0 2rem;
	}
}

.improvements{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.sx-to-dl-plus{
	width: 100%;
	max-width: 880px;
	margin: 12rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}

.sx-to-dl-plus i{
	font-size: 172px;
	color: #D8DBE2;
}

.dl-circle{
	width: 250px;
	height: 250px;
	padding: 3.5rem;
	border-radius: 285px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(39, 50, 63, 0.15) 0px 15px 25px, rgba(39, 50, 63, 0.05) 0px 5px 10px;
}

.improvements-content{
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap: 1rem;
}

.improvements-content p{
	max-width: 768px;
	margin: 0 auto;
}

.advantage-card-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
}

.advantage-card{
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	color: #4f4f4f;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 1rem;
	background: url('../images/dl-plus-images/card-background.png')no-repeat center #F1F2F5;
	background-size: cover;
}

.advantage-card p{
	margin-bottom: 0;
	font-size: 21px;
	font-weight: 700;
}

.advantage-card i{
	font-size: 24px;
	color: #865CB7;
}

.software-heading{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.software-heading.fadeInUp-animation{
	opacity: 1;
}

.cheetah-bento-container {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow: dense;
	gap: 1.5rem;
	grid-template-areas: 
	'bs6 bs6 bs7'
	'bs8 bs8 bs8';
}

@media screen and (max-width:768px){
	.cheetah-bento-container{
		grid-template-areas:
		'bs6 bs6 bs6'
		'bs7 bs7 bs7'
		'bs8 bs8 bs8';
	}
}

.cheetah-bento-container .bento-section-6{
	grid-area: bs6;
	display: flex;
	justify-content: center;
	color: white;
	background: linear-gradient(130deg, #A531DC 0%, #4300B1 100%);
	border: none;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-6.rollInTopLeft-animation{
	opacity: 1;
}

.stim-screen{
	width: 130%;
	height: 100%;
	background: url('../images/dl-plus-images/cheetah-stim-screen.svg') no-repeat center right;
	background-size: 650px;
}

.cheetah-bento-content{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 475px;
	padding: 0 2rem;
}

.cheetah-bento-content h4{
	color: white;
}

.cheetah-bento-content img{
	width: 40px;
	height: 40px;
	margin-bottom: 1rem;
}

.cheetah-bento-content .dl-button{
	align-self: flex-start;
}

.cheetah-bento-container .bento-section-7{
	grid-area: bs7;
	padding: 2.5rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: url('../images/dl-plus-images/recording-screens.png') no-repeat -24px -186px #F1F2F5;
	background-size: 700px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width:768px){
	.cheetah-bento-container .bento-section-7{
		padding: 18rem 2rem 2rem;
		background: url('../images/dl-plus-images/recording-screens.png') no-repeat 11px -308px #F1F2F5;
	}
}

.bento-section-7.rollInTopRight-animation{
	opacity: 1;
}

.cheetah-bento-container .bento-section-8{
	grid-area: bs8;
	padding: 4rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url('../images/dl-plus-images/cheetah-background-2.png') no-repeat center #f1f2f5;
	background-size: cover;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.bento-section-8.rollInBottom-animation{
	opacity: 1;
}

.cheetah-bento-container .bento-section-8 .list-group-item{
	padding: 1rem 2.5rem;
	font-size: 1rem;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	text-align: center;
}

.cheetah-bento-container .bento-section-8 .list-group-item:active, 
.cheetah-bento-container .bento-section-8 .list-group-item.active,
.cheetah-bento-container .bento-section-8 .list-group-item:hover{
	background: linear-gradient(220.55deg, #A531DC 0%, #4300B1 100%);
	border-color: #DFDFDF;
	color: white;
}

.cheetah-bento-container .bento-section-8 .tab-content{
	margin: 3rem 0 4rem;
	background: transparent;
	padding: 0 1.5rem;
}

.cheetah-bento-container .bento-section-8 .tab-content .tab-pane .tab-pane-content{
	text-align: center;
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	height: auto;
}

.cheetah-bento-container .bento-section-8 img{
	width: 100%;
	max-width: 1000px;
	height: auto;
	padding: 1.5rem 1.5rem 0;
	display: block;
	margin: 0 auto;
}

.dl-accordion{
	width: 100%;
}

.dl-accordion .accordion-item{
	background: none;
}

.dl-accordion .accordion-item .accordion-button{
	background: none;
	text-transform: none;
	letter-spacing: 0;
	font-size: 20px;
	padding: 1.5rem 0;
	display: flex;
	gap: 1rem;
	justify-content: flex-start;
	align-items: center;
}

/*.dl-accordion .accordion-item .accordion-button span{
	background: white;
	border: 1px solid #d4d4d4;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	color: #4f4f4f;
}*/

.dl-accordion .accordion-button::after {
    order: -1;
    margin-left: 0;
    margin-right:0.5em;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 55 55'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %234f4f4f; %7D .st1 %7B fill: %23fff; %7D .st2 %7B fill: %23d4d4d4; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st1' d='M27.5,54.5C12.6,54.5.5,42.4.5,27.5S12.6.5,27.5.5s27,12.1,27,27-12.1,27-27,27Z'/%3E%3Cpath class='st2' d='M27.5,1c14.6,0,26.5,11.9,26.5,26.5s-11.9,26.5-26.5,26.5S1,42.1,1,27.5,12.9,1,27.5,1M27.5,0C12.3,0,0,12.3,0,27.5s12.3,27.5,27.5,27.5,27.5-12.3,27.5-27.5S42.7,0,27.5,0h0Z'/%3E%3C/g%3E%3Crect class='st0' x='26.6' y='16.1' width='1.8' height='22.9'/%3E%3Crect class='st0' x='16.1' y='26.6' width='22.9' height='1.8'/%3E%3C/svg%3E");
    background-color: white;
    background-size: 55px 55px;
    width: 55px;
    height: 55px;
    border-radius: 100%;
}

.dl-accordion .accordion-body{
	padding: 1rem 0;
}

.dl-accordion .accordion-body ul{
	padding-left: 2.5rem;
}

.dl-accordion .accordion-button{
	color: #4f4f4f;
	line-height: 1.3;
}

.dl-accordion .accordion-button:not(.collapsed){
	color: #4F4F4F;
}

.dl-accordion .accordion-button:focus{
	outline: none;
	box-shadow: none;
}

.dl-accordion a.button:hover, .dl-accordion button:hover{
	color: #863BB3 !important;
}

.dl-systems-wrapper{
	margin: 8rem 0 2rem;
	background: #f1f2f5;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	width: 100%;
}

.dl-systems-container{
	max-width: 1200px;
	padding: 6rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	flex: 0 1 auto;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.dl-systems-container.fadeInUp-animation{
	opacity: 1;
}

.dl-systems{
	width: 35%
}

.dl-systems h3{
	font-size: 36px;
	margin-bottom: 1.5rem;
}

.dl-systems .dl-heading{
	margin-bottom: 1.5rem;
	font-size: 64px;
}

.dl-and-cheetah{
	width: 60%;
}

@media screen and (max-width:1080px){
	.dl-systems-container{
		flex-direction: column;
	}

	.dl-systems{
		width: 60%;
	}

	.dl-and-cheetah{
		width: 100%;
	}
}

@media screen and (max-width:768px){
	.dl-systems{
		width: 100%;
	}
}

.compatible-products{
	padding: 0 1.5rem;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 8rem;
}

.compatible-products-heading{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.compatible-products-heading.fadeInUp-animation{
	opacity: 1;
}

.products-wrapper{
	display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
    gap: 1.5rem;
    grid-template-areas: 
    'bs9 bs10 bs10';
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.products-wrapper.fadeInUp-animation{
	opacity: 1;
}

.bento-section-9{
	grid-area: bs9;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2.5rem 2rem 1.5rem;
	border: 1px solid #d4d4d4;
	background: #F1F2F5;
}

@media screen and (max-width:768px){
	.products-wrapper{
		grid-template-areas:
		'bs9 bs9 bs9' 
		'bs10 bs10 bs10';
	}

	.bento-section-9{
		display: none;
	}
}

.bento-section-9 div{
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.bento-section-9 p{
	font-size: 2rem;
	font-weight: 700;
}

.bento-section-9 button{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	border: 1px solid #d4d4d4;
	background: linear-gradient(220.55deg, #A531DC 0%, #4300B1 100%);
	box-shadow: none;
}

.bento-section-9 button i{
	color: white;
	font-size: 21px;
}

.bento-section-10{
	grid-area: bs10;
	background: none;
	border: none;
}

.bento-section-10 .compatible-products-sub-section{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 1.5rem;
	float: right;
}

.compatible-product-cards .slick-dots{
	width: auto;
	display: flex;
	bottom: -71px;
}

.compatible-product-cards .slick-dots button{
	box-shadow: none;
}

.compatible-product-cards .slick-dots li button:before{
	font-size: 32px;
}

.bento-section-11{
	grid-area: bs11;
}

.bento-section-12{
	grid-area: bs12;
}

.compatible-product-cards{
	display: flex;
	align-items: center;
}

.compatible-product-cards.slick-slider{
	margin-bottom: 0;
}

.compatible-product-cards .slider-product-card{
	margin: 0 0.5rem;
	border-radius: 10px;
	padding: 2rem;
	border: 1px solid #d4d4d4;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	height: 100%;
	min-height: 375px;
}

.compatible-product-cards .slider-product-card div{
	height: 100%;
	display: flex;
	align-items: center;
	flex: 1;
}

.compatible-product-cards .slider-product-card a{
	font-size: 1.5rem;
}

.dl-contact{
	width: 100%;
	max-width: 1200px;
	margin: 4rem auto 8rem;
	padding: 1.5rem;
	display: flex;
	gap: 3rem;
}

.nlx-about{
	width: 50%;
	display: flex;
	flex-direction: column;
/* 	opacity: 0; */
    transition: opacity 0.3s ease-in-out;
}

.nlx-about.rollInTopLeft-animation{
	opacity: 1;
}

.nlx-about h2{
	font-size: 64px;
	margin-bottom: 1.5rem;
}

.nlx-about ul{
	list-style: none;
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: space-between;
	gap: 1.5rem;
	padding-left: 0;
}

.nlx-about ul li{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.nlx-about ul i{
	color: #3bad51;
	font-size: 16px;
}

.dl-contact-form{
	width: 50%;
	border-radius: 6px;
	border: 1px solid #d4d4d4;
	padding: 2rem 2rem 0;
	box-shadow: rgba(39, 50, 63, 0.16) 0px 10px 36px 0px, rgba(39, 50, 63, 0.06) 0px 0px 0px 1px;
/* 	opacity: 0; */
    transition: opacity 0.3s ease-in-out;
}

.dl-contact-form.rollInTopRight-animation{
	opacity: 1;
}

.dl-contact-form h3{
	font-size: 32px;
}

@media screen and (max-width: 768px){
	.dl-contact{
		flex-direction: column;
	}

	.nlx-about{
		width: 100%;
	}

	.dl-contact-form{
		width: 100%;
	}

	.dl-heading, .nlx-about h2{
		font-size: 56px;
	}
}