/*
CTC Separate Stylesheet
Updated: 2024-10-17 08:08:25
Theme Name: Dev Test
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Mineweb Studio
Author URI: https://mineweb.rs
Description: Dev Test theme
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1729152505
*/


.site-main {
	min-height: 50vh;
}

.woocommerce-variation {
	display: flex;
	gap: 30px;
	flex-direction: column;
}

.woocommerce-variation-add-to-cart {
	display: flex;
	gap: 30px;
}

.woocommerce div.product form.cart div.quantity {
	float: none !important;
}

.woocommerce div.product form.cart .button {
	float: none !important;
}

/* IMAGE SLIDER START */

.mwse-slider-holder{
    max-width: 1300px;
    display: flex;
    flex-direction: row;
    height: auto;
    gap: 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0;
}

.mwse-image-holder img {
    width: 100%;
}

.mwse-image-holder {
    position: relative;
}

.mwse-col-38 .mwse-text {
    position: absolute;
    top: 50%;
    left: -20%;
    transform: translate(50%, -50%);
}

.mwse-col-20 .mwse-text h2 {
    font-size: 18px;
}

.mwse-col-15 .mwse-text h2 {
    font-size: 18px;
}

.mwse-col-38 {
    width: 38%;
    margin-right: auto;
}

.mwse-col-15 {
    width: 15%;
}

.mwse-col-20 {
    width: 20%;
}

h2 {
    color: #FFF;
    margin: 0;
}

.mwse-title {
    font-size: 46px;
}

.mwse-time {
    font-size: 80px;
}

.mwse-all-items {
	display: none;
	height: 0;
	width: 0;
	visibility: hidden;
}

.slide-inactive {
    position: absolute;
	z-index: 0;
}

.slide-active {
    position: relative;
	z-index: 1;
}

.slide-inactive img {
    aspect-ratio: 498/642;
    object-fit: cover;
}

.slide-active img {
    aspect-ratio: 498/642;
    object-fit: cover;
}

.overlay {
    background-color: #5E00A2;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mwse-col-20, .mwse-col-15 img {
    filter: grayscale(1);
}

.arrows {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 80px;
}
/* IMAGE SLIDER END */