/*
Theme Name: ClevioniQ
Author: SHAFEM
Version: 1.0
*/
.footer__labels .footer__label:nth-child(4) {
	display:flex;
	align-items:center;
	justify-content:center;
}
.footer__labels .footer__label:nth-child(4) img{
	width: 34px;
    height: auto;
	padding: 0 2px;
}
.footer__label {
	background-color:#fff;
}
.gallery__item:not(.swiper-slide-active) {
	pointer-events:none;
}
.files__item-title {
	padding-top:15px;
}
.gallery__slider .slider-custom-pagination.swiper-pagination {
	margin-top:30px;
}
.gallery__slider.swiper-autoheight .swiper-wrapper {
	align-items:flex-start;
}
.gallery__item-description {
	overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 70px;
	text-overflow: ellipsis;
}
.gallery__item-info .read-more {
	color: #1177ff;
	font-weight:600;
}
.gallery__item-info .read-more span {
	position:relative;
}
.gallery__item-info .read-more span::after {
	height: 12px;
    position: absolute;
    right: -20px;
    top: 11px;
    width: 12px;
    --tw-translate-y: -50%;
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(17 119 255);
    content: var(--tw-content);
	-webkit-mask-image: url(./assets/img/icons/chevron-down.svg);
    mask-image: url(./assets/img/icons/chevron-down.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
	transition:all .5s;
}
.gallery__item-info .read-more:hover span::after{
	right: -30px;
	transition:all .5s;
}
.gallery__item-overlay {
	background-color: rgba(40, 44, 46, .8);
}

.wc-stripe_klarna-container.wc-stripe-gateway-container{
	display:none !important;
}
.woocommerce-billing-fields label,
.wpcf7-form .contact__form-item label{
	opacity:0;
	z-index:-1;
	position:absolute;
	color: #1177ff;
	top: 13px;
    left: 4px;
	font-size:14px;
	line-height:1;
	cursor:default;
	transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.woocommerce-billing-fields .form-row,
.wpcf7-form .contact__form-item{
	position:relative;
}
.woocommerce-billing-fields label .optional{
	display:none;
}
.woocommerce-billing-fields .form-row label.screen-reader-text {
	clip:unset;
	width:auto;
	height:auto;
	clip-path:unset;
	overflow:unset;
	overflow-wrap:unset;
	margin:0;
}
#billing_state_field {
	opacity:0; visibility:hidden; z-index:-1;
}

.woocommerce-billing-fields .form-row.focused label,
#billing_state_field label{
	opacity:1;
	z-index:999;
	top: -10px;
	transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.wpcf7-form .contact__form-item.focused label {
	opacity:1;
	z-index:1;
	top: -12px;
	transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.wpcf7-form .contact__form-item.focused.select-field label {
	top:-15px;
	left:0;
}
.wpcf7-form .contact__form-item.focused input:not(.wpcf7-not-valid),
.wpcf7-form .contact__form-item.focused textarea:not(.wpcf7-not-valid),
.woocommerce-billing-fields .form-row.focused input,
.woocommerce-billing-fields .form-row.focused textarea{
	border-bottom-color: #1177ff !important;
}
.impressum__info p {
	margin-bottom:20px;
}
.impressum__info h2,
.impressum__info h3,
.impressum__info h4{
	color:rgb(17 119 255);
	font-weight:600;
}
.impressum__info h2,
.impressum__info h3{
	margin-bottom:20px;
	margin-top:30px;
	font-size:24px;
}
.impressum__info h3 {
	font-size:22px;
}
.impressum__info a {
	color:#1277FF;
}
.wpcf7-form .nice-select .list {
	background-color:rgb(48 61 77);
	z-index: 10;
}
.checkout__products-item-quantity-input {
	width:100% !important;
}
.blockUI {
	background:transparent !important;
}
.woocommerce-checkout .woocommerce-message {
	border-top-color:rgb(17 119 255 / var(--tw-border-opacity, 1));
	background-color: hsla(0, 0%, 100%, .05);
    color: #fff;
}
.woocommerce-checkout .woocommerce-message::before {
	color: #fff;
}
.wpcf7-response-output,
.promocode-error{
	display:none;
}

.wpcf7-form-control-wrap {
	display: block;
}
.wpcf7-not-valid-tip{
	color: rgb(212 5 17 / var(--tw-text-opacity, 1));
	font-size: 12px;
	position:absolute;
	bottom: -22px;
	right:0;
}
.select-field .wpcf7-not-valid-tip {
	bottom:-37px;
}
.wpcf7-validates-as-required.wpcf7-not-valid{
	border-bottom:2px solid rgb(212 5 17 / var(--tw-border-opacity, 1));
}
.nice-select.wpcf7-form-control.wpcf7-select .list li:first-child {
	display:none;
}
.wpcf7-form .input {
	padding-top:7px;
	padding-bottom:7px;
}
.product-details .details ul {
	display:flex;
	flex-direction:column;
	gap: 12px;
}
.product-details .details ul li {
	display:grid;
	gap: 24px;
	font-size: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	word-wrap: break-word;
}
.product-details .details ul li strong{
	font-family: "Futura New Demi", sans-serif;
	font-weight: 400;
}

.woocommerce-remove-coupon {
	font-size: 13px;
	color: #fff;
	border:1px solid rgb(17 119 255);
	display:flex;
	align-items:flex-start;
	justify-content:center;
	width: 16px;
    height: 16px;
    text-decoration: none;
	border-radius: 3px;
	line-height:1;
	margin-left:5px;
}
.checkout__products-total-promocode-value {
	    display: flex;
    align-items: center;
    gap: 2px;
}

.wc_payment_methods .payment_box {
	
}
.woocommerce-checkout .payment_box.payment_method_ppcp .wc-ppcp-popup__container img {
	display:none;
}
.woocommerce-checkout ul.payment_methods li.wc_payment_method {
	padding:0;
	flex:0 0 calc(50% - 32px);
}
.woocommerce-checkout .wc_payment_method label {
	display: flex;
    align-items: center;
	gap: 12px;
	cursor:pointer;
}
.woocommerce-checkout .wc-ppcp-payment-method__container .wc-ppcp-popup__container p {
	text-align:left;
}
.woocommerce-checkout .wc_payment_method  input + label::before {
	content:'';
	width:20px;
	height:20px;
	display:block;
	background:hsl(201.82deg 12.09% 17.84%);
	border:1px solid hsla(0,0%,100%,.15);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	border-radius:100%;
	flex:0 0 20px;
}
.woocommerce-checkout .wc_payment_method input:checked + label::before {
	content:'';
	background:#fff;
	border:4px solid rgb(17 119 255);
}

.woocommerce-billing-fields .form-row#billing_company_field,
.woocommerce-billing-fields .form-row.notes{
	width:100%;
}
.woocommerce-billing-fields .form-row input,
.woocommerce-billing-fields .form-row textarea{
	background-color: transparent;
    border-bottom-width: 1px;
    border-color: hsla(0, 0%, 100%, .2);
    border-radius: 0;
    font-size: 16px;
    padding-bottom: 7px;
    padding-left: 4px;
    padding-top: 7px;
    width: 100%;
    color: rgb(255 255 255);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.woocommerce-billing-fields .form-row input:hover,
.woocommerce-billing-fields .form-row textarea:hover {
	border-color: rgb(17 119 255)
}
.woocommerce-billing-fields .form-row textarea#order_comments {
	resize:none;
}
.woocommerce-billing-fields .form-row input::placeholder,
.woocommerce-billing-fields .form-row textarea::placeholder{
    color: rgb(255 255 255 / 0.7);
    transition-duration: .5s;
    -moz-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
	font-size: 16px;
}
.woocommerce-billing-fields .form-row input:focus,
.woocommerce-billing-fields .form-row textarea:focus{
    border-color: rgb(17 119 255);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.woocommerce-billing-fields .form-row input:focus::placeholder,
.woocommerce-billing-fields .form-row textarea:focus::placeholder{
    opacity: 0
}
.woocommerce-checkout .woocommerce-NoticeGroup {
	color: rgb(212 5 17);
    padding: 20px;
    background-color: hsla(0, 0%, 100%, .05);
	border-top:2px solid rgb(212 5 17);
}
.checkout-inline-error-message {
		color: rgb(212 5 17);
	font-size: 12px;
	    text-align: right;
}
.woocommerce-checkout .woocommerce-invalid input,
.woocommerce-checkout .woocommerce-invalid textarea{
	border-bottom-width: 2px;
    border-color: rgb(212 5 17);
}

.select2-container--default .select2-selection--single,
#billing_country_field.single-country{
	align-items: center;
    background-color: transparent;
	border:0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    cursor: pointer;
    display: flex;
    position: relative;
    width: 100%;
    outline: 2px solid transparent;
    outline-offset: 0;
	 border-bottom-width: 1px;
    border-color: hsla(0, 0%, 100%, .2);
    border-radius: 0;
	/*height:52px;*/
	height:37px;
    width: 100%;
    outline: 2px solid transparent;
    outline-offset: 2px;
	padding:0 4px;
}
#billing_country_field.single-country {
	border-color: rgb(17 119 255);
	
}
#billing_country_field.single-country .woocommerce-input-wrapper {
	font-size: 18px;
    color: rgb(255 255 255);
}
#billing_country_field.single-country .woocommerce-input-wrapper strong {
	font-weight:400;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding:0;
	display:block;
	 font-size: 18px;
	color:rgb( 255 255 255);
	 width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	 font-size: 16px;
	color:rgb( 255 255 255 / 0.7);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top:13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
}
.select2-dropdown {
	background-color:rgb(48 61 77);
	color:#fff;
    border-radius: 0;
	border:1px solid rgb(234 237 242 / 0.1)
}
.select2-results__option{
	font-size: 16px;
	font-weight: 400;
    line-height: 37px;
    list-style: none;
    min-height: 37px;
    outline: none;
	padding:0 16px;
    text-align: left;
    transition: all .2s;
    width: 100%;
}
.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[data-selected=true]{
	background-color: rgb(17 119 255);
}
.select2-search--dropdown {
	    padding: 16px 16px 8px;
	background-color:rgb(48 61 77);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	outline:none;
	border:none;
	border-radius: 0;
    border-style: none;
    display: inline-block;
    width: 100%;
    background-color: rgb(255 255 255 );
    font-size: 16px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: rgb(40 44 46 );
    outline: 0 !important;
    vertical-align: middle;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{
	background-color: transparent;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
	width: 4px;
	background-color: transparent;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
	background-color: #a3a3a3;
	border-radius:4px;
}
.main > .woocommerce > .woocommerce-notices-wrapper {
	display:none;
}
.woocommerce-checkout li.payment_method_stripe_googlepay label:first-of-type span img {
	width:66px;
	height:auto;
}
.woocommerce-checkout li.payment_method_stripe_cc label span img {
	max-width:137px;
}
.woocommerce-checkout .wc-stripe-wallet-notice {
	background-color:transparent;
	box-shadow:unset;
	border:0;
	padding-left:0;
	padding-right:0;
}
.woocommerce-checkout .wc-stripe-wallet-notice > *:not(.wc-stripe-wallet-notice--text),
.woocommerce-checkout .wc-stripe-wallet-notice--icon{
	display:none;
}
.woocommerce-checkout .wc-stripe-wallet-notice .wc-stripe-wallet-notice--text {
	color:#fff;	
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: block;
    height: 12px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: rgb(255 255 255 / 0.7);
    content: "";
    mask: url(./assets/img/icons/chevron-down.svg) no-repeat center;
    -webkit-mask: url(./assets/img/icons/chevron-down.svg) no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    transition: all .2s ease-in-out, background-color .5s ease-out;
	border:none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background-color: rgb(17 119 255 / var(--tw-bg-opacity, 1));
	--tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: rgb(17 119 255)
}
.select2-container--default.select2-container--open .select2-dropdown {
	top:10px;
}
.woocommerce-checkout ul.payment_methods li.wc_payment_method {
	flex:0 0 100%;
	width:100%;
}
.cta {
	z-index:999999999;
}
.impressum__info ul,
.impressum__info ol {
	margin:20px 0;
}
.impressum__info ol{
	counter-reset: li;
}
.impressum__info ol li:after{
	counter-increment: li; 
	content: counter(li); 
	left: 0px;
	position: absolute;
	top: 1px;
	color:rgb(17 119 255);
	font-size: 12px;
    font-weight: 500;
	line-height:1;
	border:1px solid rgb(17 119 255);
	border-radius: 50%;
	height: 20px;
	width: 20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.impressum__info ul li,
.impressum__info ol li{
	list-style-type: none;
	padding-left: 30px;
	display:flex;
	flex-wrap:wrap;
	position: relative;
}
.impressum__info ul li:not(:last-child),
.impressum__info ol li:not(:last-child){
	margin-bottom:12px;
}
.impressum__info ul li:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_357_2541)'%3E%3Cpath d='M20.3997 2.87065C20.0908 2.56118 19.5895 2.56065 19.2806 2.86933L9.78574 12.3391L6.36003 8.61845C6.06402 8.29714 5.56355 8.2763 5.2417 8.57227C4.9201 8.86828 4.89951 9.369 5.19552 9.6906L9.1792 14.017C9.32509 14.1755 9.52927 14.2676 9.74456 14.2721C9.75034 14.2723 9.75592 14.2723 9.76146 14.2723C9.97068 14.2723 10.1719 14.1892 10.3202 14.0415L20.3981 3.99C20.7078 3.68136 20.7084 3.18011 20.3997 2.87065Z' fill='%23FFFFFF'/%3E%3Cpath d='M20.2085 9.70852C19.7714 9.70852 19.4171 10.0628 19.4171 10.5C19.4171 15.4171 15.4171 19.4171 10.5 19.4171C5.58321 19.4171 1.58292 15.4171 1.58292 10.5C1.58292 5.58321 5.58321 1.58292 10.5 1.58292C10.9371 1.58292 11.2915 1.22862 11.2915 0.791479C11.2915 0.354293 10.9371 0 10.5 0C4.71023 0 0 4.71023 0 10.5C0 16.2895 4.71023 21 10.5 21C16.2895 21 21 16.2895 21 10.5C21 10.0629 20.6457 9.70852 20.2085 9.70852Z' fill='%231177ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_357_2541'%3E%3Crect width='21' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	content: '';
	height: 20px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 20px;
}
.features__item-9 .features__item-image{
	top:10px;
	right:10px;
}
#feature-modal-9 .image {
	padding:16px;
}
.wc_payment_method.payment_method_stripe_klarna label span {
	max-width:65px;
}
.without_sale_price {
	color:transparent;
	user-select:none;
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.wpcf7-form .nice-select .current {
	color:rgb(255 255 255 /0.7);
}
.wpcf7-form .contact__form-item.focused .nice-select .current {
	color:rgb(255 255 255);
}
.wpcf7-form .nice-select:after {
	background-color:rgb(255 255 255 /0.7);
}
.gallery__item-image {
		border-width:1px;
	}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
	border: 1px solid rgb(17 119 255));
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgb(48 61 77) inset;
}
.products__slider .swiper-wrapper {
		align-items:stretch;
}
#products .products__slider {
	padding-top:16px;
}
@media (min-width: 1000px) {
	.files.section {
		padding-bottom:0;
	}
	.products__slider.slides-1 .swiper-wrapper {
		justify-content:center;
	}
	.checkout__invoice-wrapper {
		row-gap:36px
	}
    .woocommerce-billing-fields .form-row input,
	.select2-container--default .select2-selection--single .select2-selection__placeholder,
	.select2-container--default .select2-search--dropdown .select2-search__field,
	.select2-results__option,.woocommerce-billing-fields .form-row input,
	.woocommerce-billing-fields .form-row textarea,
	.woocommerce-billing-fields .form-row input::placeholder,
	.woocommerce-billing-fields .form-row textarea::placeholder{
        font-size: 18px;
    }
	.woocommerce-checkout ul.payment_methods li.wc_payment_method {
		flex:0 0 calc(50% - 32px);
	}
	ul.payment_methods {
		row-gap:32px;
	}
	.checkout__products-promocode-input-button {
		flex:0 0 auto;
	}
	
	.checkout__products-titles-2,
	.checkout__products-item-inner{
		min-width:442px;
	}
	.checkout__products-title.price,
	.checkout__products-item-price{
		min-width:124px;
		text-align:center;
		justify-content:center;
	}
	.checkout__products-item-inner > .checkout__products-item-quantity ,
	.checkout__products-title.quantity {
		width:120px;
		text-align:center;
		justify-content:center;
	}
	.checkout__products-item-cost,
	.checkout__products-title.cost {
		min-width:105px;
		text-align:center;
		justify-content:center;
	}
	.features__item {
		flex-grow:1;
	}
	.lg\:max-w-\[150px\] {
        max-width: 150px;
    }
	.features__slider .swiper-wrapper {
		display:grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.features__slider .swiper-wrapper .features__item.features__item-1,
	.features__slider .swiper-wrapper .features__item.features__item-7{
		grid-column: span 2;
	}
	.woocommerce-billing-fields .form-row.form-row-first,
	.woocommerce-billing-fields .form-row.form-row-last,
	.woocommerce-billing-fields .form-row.form-row-wide:not(#billing_company_field) {
		width: calc(50% - 12px) !important;
		flex:0 1 calc(50% - 12px) !important;
		overflow: visible;
	}
	#products .products__slider {
		padding-top:60px;
	}
}
@media (min-width: 768px){
	.woocommerce-billing-fields .form-row.form-row-first,
	.woocommerce-billing-fields .form-row.form-row-last,
	.woocommerce-billing-fields .form-row.form-row-wide:not(#billing_company_field) {
		width: calc(50% - 6px);
		flex:0 1 calc(50% - 6px);
		overflow: visible;
	}
	.woocommerce-billing-fields .form-row textarea#order_comments {
		height:51px;
	}
}
@media (max-width: 999.98px){
	.button-ghost.checkout__products-promocode-input-button{
		min-width:fit-content;
	}
	.checkout__invoice-wrapper {
		row-gap:24px;
	}
}
@media (max-width: 767.98px){
	#billing_state_field {
		display:none !important;
	}
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
		width:100%;
		flex:0 0 100%;
	}
	.woocommerce-billing-fields .form-row.form-row-wide {
		width:100%;
	}
	.checkout__products-total-total {
		grid-template-columns:1fr auto;
	}
	.delivery__box-icons {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.delivery__box-icon {
		padding-left:6px;
		padding-right:6px;
	}
	.delivery__box-icon:first-child {
		border-left:1px solid #cfe4f91a;
	}
	.checkout__invoice-wrapper {
		row-gap:24px;
	}
	.woocommerce-billing-fields label {
		font-size:14px;
	}
	.woocommerce-billing-fields .form-row.focused label{
		top:-10px
	}
}

@media (max-width: 500px){
	.cta .cta__close {
		top:8px;
		right:8px;
	}
	.products__slider .products__item-options label {
		padding-left:15px;
		padding-right:15px;
	}
	.text-35 {
    font-size: 30px;
}
}
@media (max-width: 425px){ 
	.button-ghost.checkout__products-promocode-input-button{
		padding: 8px 20px 8px 8px;
		font-size: 18px;
	}
	.button-ghost.checkout__products-promocode-input-button:before {
		right: 3px;
	}
}