/*
Theme Name: Invadex
Theme URI: http://demo.casethemes.com/invadex
Author: Case-Themes
Author URI: https://casethemes.com/
Description: Invadex is a beautifully handcrafted, pixel perfect business consulting WordPress Theme based on Elementor Page Builder & designed with great attention to details, flexibility and performance. Invadex has stunning styles and elements to help you make a professional website in no time.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: invadex
Tags: accountant, advertising, agency, business, company, consulting, corporate, digital agency, digital marketing, finance, insurance, it company, management, seo, startup
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

span.pxl-counter--prefix.el-empty {
    margin-left: -20px;
    margin-right: -10px;
    position: absolute !important;
    top: 55px;
}

form#siteform span.elementor-field-option {
    width: 48%;
	padding-top: 3px;
	padding-bottom: 3px;
}

form#siteform .elementor-field-subgroup.elementor-subgroup-inline {
    margin-top: 6px;
}

.pxl-item--rating {
    display: none !important;
}

.pxl-testimonial-carousel1 .pxl-item--inner {
    padding: 85px 48px 46px 41px;
}

/* Стили для чекбоксов */
.elementor-field-option input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #ccc !important; /* Серая обводка */
    border-radius: 50% !important; /* Скругление 50% */
    outline: none !important;
    cursor: pointer !important;
    background-color: transparent !important; /* Прозрачный фон */
    vertical-align: middle !important;
    position: relative !important;
    margin-right: 5px !important;
}

/* Стиль для активного чекбокса */
.elementor-field-option input[type="checkbox"]:checked {
    background-color: #FFCD4C !important; /* Желтый цвет */
    border-color: #FFCD4C !important;
}

/* Стиль для метки чекбокса */
.elementor-field-option label {
    cursor: pointer !important;
    vertical-align: middle !important;
}

/* Небольшой отступ между чекбоксами */
.elementor-field-option {
    margin-right: 10px !important;
}

.elementor-message.elementor-message-success {
    color: #005153;
    background-color: #fffbfb;
    padding: 10px;
    border-radius: 8px;
}

.elementor-message.elementor-message-success::before {
    background-color: #005153;
    padding-left: 6px;
    padding-right: 5px;
    border-radius: 100%;
    color: white;
    margin-right: 10px;
}

a.pxl-item--link
 {
    font-size: 21px !important;
}


/* Стилизация блока загрузки файлов */
.elementor-field-group-files {
  position: relative;
}

.elementor-upload-field {
  padding: 10px 16px;
  border: 2px dashed #ffcd4c;
  border-radius: 10px;
  background-color: #fffef7;
  color: #444;
  font-size: 14px;
  transition: border-color 0.3s, background-color 0.3s;
  cursor: pointer;
}

.elementor-upload-field:hover {
  border-color: #e0b941;
  background-color: #fff9e0;
}

/* Убираем стандартное сообщение "Файл не выбран" */
.elementor-upload-field::-webkit-file-upload-button {
  visibility: hidden;
  width: 0px;
}

.elementor-upload-field::before {
  content: "📄 Выбрать файлы";
  display: inline-block;
  background: #ffcd4c;
  color: #323232;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: 500;
  margin-right: 10px;
  cursor: pointer;
}

.elementor-upload-field:focus {
  outline: none;
  border-color: #e0b941;
  box-shadow: 0 0 0 3px rgba(255, 205, 76, 0.2);
}


input#form-field-files {
    max-width: 100% !important;
}



.obuchenie .elementor-form-fields-wrapper.elementor-labels-above {
    display: flex;
}

.obuchenie .elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-name.elementor-col-33.elementor-field-required {
    order: 1;
}

.obuchenie .elementor-field-type-tel.elementor-field-group.elementor-column.elementor-field-group-phone.elementor-col-33.elementor-field-required {
    order: 2;
}

.obuchenie .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-33.e-form__buttons {
    order: 3;
}

.obuchenie .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_2cb0ff3.elementor-col-100.elementor-field-required {
    order: 4;
}

.obuchenie .elementor-field-type-recaptcha_v3.elementor-field-group.elementor-column.elementor-field-group-field_fa53097.elementor-col-100.recaptcha_v3-inline {
    order: 5;
}


.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
    margin: 55px 10px 18px 10px;
}

.pxl-swiper-arrow-wrap.style-1 {
    position: absolute;
    top: -105px;
    right: 20px;
    z-index: 9999;
}

.elementor-element.elementor-element-4fde05d.post-layout-service-1.elementor-widget.elementor-widget-pxl_post_carousel {
    margin-top: 30px;
}



/*   Mobile styles   */
@media screen and (max-width: 991px) {
    
    .pxl-swiper-arrow-wrap.style-1 {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    pointer-events: none;
}

.elementor-element.elementor-element-4fde05d.post-layout-service-1.elementor-widget.elementor-widget-pxl_post_carousel {
    margin-top: 30px;
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow {
    font-size: 28px;
    padding-inline: 15px;
    height: 100vh;
    pointer-events: all;
}

.pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-left: -10px;
}

.pxl-swiper-arrow.pxl-swiper-arrow-next {
    margin-right: -10px;
}
	
	.column-gap-form .elementor-container.elementor-column-gap-default {
		display: flex;
		flex-direction: column-reverse !important;
	}
	
	.pxl-service-link.style-2 .pxl-service--item .pxl-service--title {
		font-size: 14px !important;
	}
	
    .pxl-counter1.style-1 .pxl-counter--holder {
        padding: 30px 20px 44px 70px !important;
    }

    .pxl-icon-box.pxl-icon-box1 {
		padding: 56px 35px 65px 35px;
	}

    .pxl-counter--number.shape-show {
		display: flex;
		flex-direction: column;
	}

	span.pxl-counter--suffix {
		margin-bottom: 8px;
	}
	
	.pxl-icon-box2 {
    	height: 160px;
	}
	
	form#siteform span.elementor-field-option label {
		font-size: 15px;
	}

	form#siteform span.elementor-field-option {
		width: 100% !important;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
        margin: 0 6px !important;
    }
    
    .pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
        justify-content: space-evenly !important;
    }

	.column-gap-form {
		display: flex;
		flex-direction: column-reverse !important;
	}
}