/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2025 | 06:21:24 */
.carousel-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;


}

 .container {
    margin: 0 auto !important;
  }

.color-portfolio .pink-haze::before {
    display: none !important;
}

.color-portfolio .pink-haze::after {
  content: '';
  display: block;
  position: absolute;
  top: -150px;
  right: -300px;
  width: 1000px;
  height: 1000px;
  background: url("../hexagon.html") no-repeat center center;
    background-size: auto;
  background-size: contain;
  transform: translate3d(0px, 3.08715vh, 0px);
  overflow: hidden;
}


.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide {
    min-width: 100%;
    box-sizing: border-box;
}

.carousel-bullets {
    text-align: center;
    margin-top: 15px;
}

.carousel-bullet {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid rgb(176 176 176);
    margin: 0 10px;
    cursor: pointer;
}

.carousel-bullet.active {
    background-color: #000;
    border: 1px solid;
    border-radius: 0px;
    width: 20px;
    height: 20px;
}



@media screen and (max-width: 600px) {
    .carousel-container {
        overflow: hidden;
    }
	
	.flex-reverse {flex-direction: column-reverse !important;}
	
	
	.color-portfolio .pink-haze::after {display: none;}
    .carousel-wrapper {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }
    .carousel-slide {
        min-width: 100%;
        box-sizing: border-box;
    }
    .wp-block-group .mobile {
        overflow-x: hidden;
        max-width: 100%;
    }
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .selector-mobile .color-products {
        width: 280%;
    }
    .selector-mobile .wp-block-group__inner-container {
        overflow-x: scroll;
        max-width: 100%;
    }
    .mobile {
        padding: 0 35px !important;
    }
}
