/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.highlight-header h2.elementor-heading-title span{
	color:#E31E24;
}
.product-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.product-box img {
  display: block;
  width: 100%;
  height: auto;
    border-top-left-radius:12px;
  border-top-right-radius:12px;
}

.product-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
  z-index: 1;
}

.product-box:hover::before {
  background-color: rgba(0, 0, 0, 0.63); /* 63% black */
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}

.view-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.view-icon {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:11;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.product-box:hover .view-btn {
  opacity: 1;
  visibility: visible;
  z-index:11;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
.cerification .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{
	left:-65px!important;
}
.cerification .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{
	right:-65px!important;
}
.best-product .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{
	left:-65px!important;
}
.best-product .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{
	right:-65px!important;
}
.client .elementor-swiper-button.elementor-swiper-button-prev{
	background-color: #E31E24;
    border-radius: 25px 25px 25px 25px;
	left:-60px!important;
}
.client .elementor-swiper-button.elementor-swiper-button-next{
	background-color: #E31E24;
    border-radius: 25px 25px 25px 25px;
	right:-60px!important;
}
.client .swiper-slide-image{
    box-shadow: rgba(0, 0, 0, 0.063) 0px 3px 10px 0px;
    border-radius: 12px;
}
.banner-lr .elementor-swiper-button.elementor-swiper-button-next{
	right:20px!important;
}
.banner-lr .elementor-swiper-button.elementor-swiper-button-prev{
	left:20px!important;
}
.elementor-element .elementor-swiper-button.elementor-swiper-button-prev svg,.elementor-element .elementor-swiper-button.elementor-swiper-button-next svg{
	height:44px;
	width:44px;
}

.cf7-form-wrapper {
  border-radius: 12px;
  margin: auto;
  font-family: 'Segoe UI', sans-serif;
}

.cf7-row {
  display: flex;
  margin-bottom: 10px;
  gap: 20px;
}

.cf7-col {
  flex: 1;
}

.cf7-row.full {
  flex-direction: column;
  gap:0px;
}

.cf7-form-wrapper label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #000;
}

.cf7-form-wrapper .required {
  color: red;
}

.cf7-form-wrapper input[type="text"],
.cf7-form-wrapper input[type="email"],
.cf7-form-wrapper input[type="tel"],
.cf7-form-wrapper select,
.cf7-form-wrapper textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  box-sizing: border-box;
  background-color: #fff;
  font-weight:500;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 8px 0px;
}

.cf7-form-wrapper textarea {
  height: 120px;
  resize: vertical;
}

.cf7-submit-wrap {
  text-align: left;
  margin-top: 15px;
}

.cf7-form-wrapper input[type="submit"] {
  background-color: #e60000;
  color: #fff;
  padding: 12px 35px;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
	box-shadow: #e31e2440 0px 1px 7px 0px;
}

.cf7-form-wrapper input[type="submit"]:hover {
  background-color: #c10000;
}

/* reCAPTCHA spacing */
.wpcf7-form-control.g-recaptcha {
  margin-top: 10px;
}
.cf7-col p br,.cf7-row.full p br{
	display:none;
}

.cf7-upload-label .required {
  color: red;
}

.custom-upload-box {
  position: relative;
  border: 1px dashed #bbb;
  border-radius: 8px;
  padding: 20px 20px;
  background-color: #fff;
  text-align: center;
  transition: border-color 0.3s ease;
  margin-top: 6px;
}

.custom-upload-box:hover {
  border-color: #999;
}

.upload-content {
  pointer-events: none;
}

.browse-btn {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 6px 14px;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 8px;
  pointer-events: auto;
  cursor: pointer;
  color: #000000;
}

.cf7-hidden-upload {
  display: none !important;
}

.file-size-info {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}
.cf7-row.full p{
	margin-bottom:0px;
}
.elementor-element.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper{
	width:100%!important;
}
.best-product .elementor-widget-n-carousel .swiper-pagination-bullets{
	top:93%!important;
}
.best-product .elementor-element.elementor-pagination-position-outside .swiper{
	padding-bottom:0px!important;
}
.icon-shadow .elementor-icon{
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 14px 0px;
}
@media (max-width:1024px){
	.cf7-row{
		display:block;
	}
}

@media (max-width:767px){
	.cf7-row{
		display:block;
	}
	.client .elementor-swiper-button.elementor-swiper-button-prev{
		left:-8px!important;
	}
	.client .elementor-swiper-button.elementor-swiper-button-next{
		right:-8px!important;
	}
	.best-product .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{
		left:-8px!important;
	}
	.best-product .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{
		right:-8px!important;
	}
	.cerification .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{
	left:-8px!important;
	}
	.cerification .elementor-element.custom-nav.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{
		right:-8px!important;
	}
	.banner-lr .elementor-swiper-button.elementor-swiper-button-next{
		right:0px!important;
	}
	.banner-lr .elementor-swiper-button.elementor-swiper-button-prev{
		left:0px!important;
	}
	.elementor-element .elementor-swiper-button.elementor-swiper-button-prev svg,.elementor-element .elementor-swiper-button.elementor-swiper-button-next svg{
	height:32px;
	width:32px;
}
}