/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 5.1.1
*/


@import '../techno/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/


.textbox-position {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: opacity 0.1s ease, transform 0.1s ease;
	padding: 40px;
}

.main-servicebox:hover .textbox-position {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 0px)); 
    pointer-events: none;
}

.hover-hide-content {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.main-servicebox:hover .hover-hide-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.2s; 
}

.slider-solution-padding {
	padding-left: calc((100% - 1100px) / 2);
}
/*  .slider-solution-padding  .owl-stage {
    transform: translateX(-710px) !important;
}
.slider-solution-padding .owl-item {
	border: 1px solid red;
	width: 320px !important;
} */

.slider-solution-padding .carousel-image {
    background-position: left !important;
    margin-left: 20px !important;
}
.slider-solution-padding .owl-item .uc_image_carousel_placeholder {
    padding-top: 30px !important;
}

/* .slider-solution-padding .owl-item:nth-child(3n + 1) {
  border: 1px solid #7e73a6 !important;
}

.slider-solution-padding .owl-item:nth-child(3n + 2) {
  border: 1px solid #f5ecff !important;
}

.slider-solution-padding .owl-item:nth-child(3n + 3) {
  border: 1px solid #69baa4 !important;
} */
.slider-solution-padding .owl-item:nth-child(3n+1) .uc_image_carousel_container_holder, .slider-solution-padding .owl-item:nth-child(3n+1) .uc_image_carousel_placeholder {
    background: #d4d0d9 !important;
}
.slider-solution-padding .owl-item:nth-child(3n+2) .uc_image_carousel_container_holder, .slider-solution-padding .owl-item:nth-child(3n+2) .uc_image_carousel_placeholder {
    background: #b5adcf !important;
}

.slider-solution-padding .owl-item:nth-child(3n+3) .uc_image_carousel_container_holder, .slider-solution-padding .owl-item:nth-child(3n+3) .uc_image_carousel_placeholder {
    background: #b6d7ce !important;
}
.slider-solution-padding .owl-item .ue-item:hover {
    box-shadow: 10px 0px 0 rgba(0, 0, 0, 0.6) !important;
}



.slider-solution-padding a.ue-btn.uc_more_btn.uc_button.none {
    background: transparent;
    border: 1px solid;
    border-radius: unset;
	cursor: pointer;
}