.avulux-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}


@media (min-width: 640px) {
  .avulux-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .avulux-section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.snap-mobile-menu.avulux {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.snap-mobile-menu.avulux mm-burger {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.snap-mobile-menu.avulux .mobile-menu-icon {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

#avulux h2,
#avulux h3 {
  color: #812488;
	line-height:1.1
}

.avulux-boxes .box {
  display: grid;
  place-items: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  text-align: center;
  font-weight: 700;
}

@media not all and (min-width: 768px) {
  .avulux-boxes .box {
    grid-column: 1 / -1;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
	
	
		/* RATIO PHOTO Created by Rome */
	.ry-ratio {
	position: relative;
	padding: 0;
	padding-bottom: 100%;
}


.ry-ratio > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.ry-ratio.landscape {
	padding-bottom: 56.25%;
}

.ry-ratio.portrait {
	padding-bottom: 120%;
}

.ry-ratio.box {
	padding-bottom: 100%;
}

.ry-ratio.classic {
	padding-bottom: 75%;
}

.ry-ratio img.top {
	-o-object-position: top;
	object-position: top;
}

.ry-ratio img.right {
	-o-object-position: right;
	object-position: right;
}

.ry-ratio img.bottom {
	-o-object-position: bottom;
	object-position: bottom;
}

.ry-ratio img.left {
	-o-object-position: left;
	object-position: left;
}

.ry-ratio img.top.right {
	-o-object-position: top right;
	object-position: top right;
}

.ry-ratio img.top.left {
	-o-object-position: top left;
	object-position: top left;
}

.ry-ratio img.bottom.right {
	-o-object-position: top right;
	object-position: top right;
}

.ry-ratio img.bottom.left {
	-o-object-position: bottom left;
	object-position: bottom left;
}

#avulux {
	display:flex;
	flex-direction:column
}
#avulux .grid .rounded-full.bg-black{
	min-width:70px !important;
	min-height:70px;
	width:70px !important;
	border-radius:50%;
	height:70px;
	padding:0;
	display:flex;
	justify-content:center;
	align-items:center
}

#avulux .grid .rounded-full.bg-black img {
	padding:0px !important;
	margin:0;
	height:50px;
	width:50px;
	object-fit:contain
}

@media(max-width:1080px) {
	#avulux .flex.items-center.justify-between.gap-10 {
		flex-direction:column
	}
	#avulux .flex.items-center.justify-between.gap-10 > div {
		width:100%
	}
	#avulux .grid.grid-cols-12.place-items-center {
		display:flex;
		flex-direction:column
	}

	#avulux .bg-gray-200 {
		padding:30px
	}

	#avulux .grid.grid-cols-12.place-items-center > div {
		padding:20px
	}
	#avulux .from-\[\#6e1774\] {
		display:flex;
		flex-direction:column
	}
	#avulux .from-\[\#6e1774\] > div {
		width:100%
	}

	#avulux .from-\[\#6e1774\] > div * {
		text-align:center
	}

	#avulux .avulux-section * {
		text-align:center
	}
	
    #avulux .avulux-section .bg-cover *{
		text-align:start
	}
	#avulux .avulux-section .bg-cover .inline-flex.items-center{
		align-items:start;
		display:flex;
		width:fit-content
	}
}
@media(max-width:767px) {
	#avulux .avulux-section .bg-cover .inline-flex.items-center{
		margin-inline:auto;
		z-index:1
	}
	#avulux .avulux-section .bg-cover *{
		text-align:center;
		z-index:1;
		position:relative
	}
	#avulux .avulux-section .bg-cover::before {
		content:"";
		background:#00000066;
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}