/* 
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 */
/* Form wrapper */
.cf7-custom-form {
  border-radius: 10px;
  max-width: 650px;
  margin: 0 auto;
}

/* Remove CF7 default spacing */
.cf7-custom-form .form-row p {
  margin: 0 0 20px 0;
}

/* Base input + textarea styling */
.cf7-custom-form input.wpcf7-form-control, .cf7-custom-form textarea.wpcf7-form-control, .cf7-custom-form select.wpcf7-form-control{
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #010103 !important;   /* force white border */
  border-radius: 10px !important;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
}
.cf7-custom-form select.wpcf7-form-control{
	font-size: 16px;
}
/* Placeholder color */
.cf7-custom-form input.wpcf7-form-control::placeholder,
.cf7-custom-form textarea.wpcf7-form-control::placeholder {
  color: #010103;
  opacity: 1;
}

/* Textarea height */
.cf7-custom-form textarea.wpcf7-form-control {
  min-height: 120px;
  resize: vertical;
}

/* Two-column layout for first/last name */
.cf7-custom-form .form-row.name-row {
  display: flex;
  gap: 15px; /* space between inputs */
}

.cf7-custom-form .form-row.name-row p {
  flex: 1;  /* equal width */
}

/* Submit button */
.cf7-custom-form p button.btn__01 {
	position:relative;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 14px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  color: #fff;
    background: -webkit-linear-gradient(90deg, #B88800 47.12%, #855900 100%);
    background: linear-gradient(90deg, #B88800 47.12%, #855900 100%);
  transition: all 0.3s ease;
}

/* Hover */
.cf7-custom-form p button.btn__01:hover {  
background: linear-gradient(90deg, #8B661C 0%, #694000 10.58%, #633B00 21.63%, #7B5100 29.33%, #9A6C00 37.02%, #B38400 45.67%, #C39200 55.77%, #F6C000 67.31%, #D2A000 76.92%, #B88800 87.5%, #855900 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.cf7-custom-form p button.btn__01:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 29.57px;
    padding: 1.1px;
    /* Border thickness */
    background: linear-gradient(90deg,
            #8B661C 0%,
            #694000 10.58%,
            #633B00 21.63%,
            #7B5100 29.33%,
            #9A6C00 37.02%,
            #B38400 45.67%,
            #C39200 55.77%,
            #F6C000 67.31%,
            #D2A000 76.92%,
            #B88800 87.5%,
            #855900 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder {
  color: #010103;        /* Modern browsers */
  opacity: 1;            /* Override default grey/opacity */
}

/* Older WebKit (Safari, Chrome) */
.cf7-custom-form input::-webkit-input-placeholder,
.cf7-custom-form textarea::-webkit-input-placeholder {
  color: #010103;
  opacity: 1;
}

/* Firefox */
.cf7-custom-form input::-moz-placeholder,
.cf7-custom-form textarea::-moz-placeholder {
  color: #010103;
  opacity: 1;
}

/* IE 10–11 */
.cf7-custom-form input:-ms-input-placeholder,
.cf7-custom-form textarea:-ms-input-placeholder {
  color: #010103;
}

/* Microsoft Edge (legacy) */
.cf7-custom-form input::-ms-input-placeholder,
.cf7-custom-form textarea::-ms-input-placeholder {
  color: #010103;
}
.icon-w-30 .ekit-wid-con  svg {
	width : auto;
}
.ekit-wid-con .profile-image-card::before, body .profile-image-card::before{
	background-color: rgb(0 0 0 / 0%) !important;
}