.elementor-325 .elementor-element.elementor-element-9408048{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-9408048 */#aito-m7-2024-interior-colors{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    display: block;
}
#aito-m7-2024-interior-colors > div {
    width: 100%;
    height: 56.25%;
}
#aito-m7-2024-interior-colors > a {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  outline: none;
}
#aito-m7-2024-interior-colors > a:first-of-type {
    margin-left: -60px;
}
#aito-m7-2024-interior-colors > a:last-of-type {
    margin-left: 60px;
}
#aito-m7-2024-interior-colors > div {
     position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1s opacity;
}
#aito-m7-2024-interior-colors > a:hover,
#aito-m7-2024-interior-colors > a:focus {
    width: 40px;
}
#aito-m7-2024-interior-colors > a:hover + div,
#aito-m7-2024-interior-colors > a:focus + div,
#aito-m7-2024-interior-colors > div:target, #aito-m7-2024-interior-colors > div:first-of-type {
  opacity: 1;
}/* End custom CSS */