/* 
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 */

p{
	margin-bottom:0;
}

.elementor-icon-box-title
 {
    margin-top: 0;
}

.hero{
	    background: linear-gradient(160deg, var(--harbor-deep) 0%, var(--harbor) 55%, var(--harbor-mid) 100%);
}
span.hme-tp-hdng {
    font-family: 'Great Vibes', cursive !important;
    font-weight: 400 !important;
    font-size: clamp(56px, 9vw, 100px) !important;
    line-height: 1;
    letter-spacing: 0 !important;
}
span.idlc {
    font-family: "Fraunces", serif !important;
    font-size: clamp(28px, 4.5vw, 46px);
    line-height: 1.08;
    color: #5c7d74;
    font-style: italic;
}
.vyta-form-wrap{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    padding:40px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    backdrop-filter:blur(8px);
}

.vyta-field{
    display:flex;
    flex-direction:column;
}

.vyta-full{
    grid-column:1/-1;
}

.vyta-field label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(195,207,204,.6);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.vyta-input,
.vyta-select{
    width:100%;
    background:rgba(255,255,255,.05);
    border:1.5px solid #ffffff1f !important;
    border-radius:12px !important;
    padding:12px 16px;
    color:#fff;
    font-size:14px;
	height: 42px !important;
    outline:none;
    transition:.3s;
    box-sizing:border-box;
}
.vyta-select{
    width:100%;
    padding:5px 18px !important;
}
.vyta-textarea{
    width:100%;
    background:rgba(255,255,255,.05);
    border:1.5px solid #ffffff1f !important;
    border-radius:12px !important;
    padding:12px 16px;
    color:#fff;
    font-size:14px;
    outline:none;
    transition:.3s;
    box-sizing:border-box;
}

.vyta-input::placeholder,
.vyta-textarea::placeholder{
    color:rgba(255,255,255,.45);
}

/* .vyta-select{
    appearance:none;
    -webkit-appearance:none;
    background-image:url("");
    background-repeat:no-repeat;
    background-position:right 18px center;
    padding-right:45px;
} */

.vyta-select option{
    color:#222;
}

.vyta-input:focus,
.vyta-select:focus,
.vyta-textarea:focus{
    border-color:#d3ab52;
    box-shadow:0 0 0 2px rgba(211,171,82,.15);
}

.vyta-textarea{
    min-height: 90px;
    resize: vertical;
}

.vyta-btn {
    width: 100%;
    height: 54px;
    border: none;
    border-radius: 40px;
    background: #d3ab52;
    color: #256b72;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}
.vyta-btn:focus{
	 background: #d3ab52 !important;
}

.vyta-btn:hover{
    background:#c69a38;
}

.vyta-note{
    grid-column:1/-1;
    text-align:center;
    color:rgba(255,255,255,.55);
    font-size:12px;
    margin-top:-8px;
}

.vyta-form-wrap .wpcf7-spinner{
    display:none;
}

.vyta-form-wrap .wpcf7-not-valid-tip{
    margin-top:6px;
    font-size:13px;
}

.vyta-form-wrap .wpcf7-response-output{
    grid-column:1/-1;
    margin-top:15px !important;
}

.hme-exprnce-tab .e-n-tabs-heading {
    background: #eef4f2;
    margin: 0 auto;
    height: 50px;
    border-radius: 100px;
    padding: 5px !important;
}

.hme-funded-tab .e-n-tabs-heading {
    background: #e8ddd0;
    height: 50px;
    border-radius: 100px;
    padding: 5px !important;
    margin-right: auto;
}
.gt-dmo a.hfe-menu-item {
    background: #fff;
    color: #5c7d74 !important;
    padding: 9px 20px !important;
    font-weight: 700 !important;
    transition: all .2s !important;
    border-radius: 100px;
}
.gt-dmo a.hfe-menu-item:hover{
	background:#eeddb4 !important;
}
.gt-dmo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.experince-tab-bx .e-con-full.e-flex.e-con.e-child{
	border:1px solid transparent;
}
.experince-tab-bx .e-con-full.e-flex.e-con.e-child:hover{
	border-color: rgba(201, 162, 74, .4) !important;
    background: #eef4f2 !important;
}
.cntr-bx .elementor-counter-title {
    text-align: center;
}
.review-bax .e-con-full.e-flex.e-con.e-child:hover p,
.wins-sect-bx .e-con-full.e-flex.e-con.e-child:hover p{
	color:#EEF4F2;
}
.review-bax .e-con-full.e-flex.e-con.e-child:hover,
.wins-sect-bx .e-con-full.e-flex.e-con.e-child:hover,
.elite-ani-box .e-con-boxed.e-con.e-child.animated:hover,
.hello-sect .e-con-boxed.e-con.e-child:hover {
    border-color: rgba(201, 162, 74, .4) !important;
    background: #000000 !important;
}
.cmplete-sect .e-con-full.e-flex.e-con.e-child:hover{
    border-color: #c9a24a !important;
    background: #faf4e6 !important;
}
html {
  scroll-behavior: smooth;
}
.scrl-mrgn {
  scroll-padding-top: 200px !important;
  scroll-margin-top: 200px !important;
}

.contact-hero {
    background: linear-gradient(160deg, #5c7d74 0%, #8eada2 60%, #a5c0bb 100%);
}


/* =========================
   MEMBERSHIP FORM STYLES
========================= */

/* Section Headings */
.form-main h4 {
	font-family: "Inter", system-ui, sans-serif;
	font-size: 10.5px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #5c7d74;
	margin: 28px 0 14px;
	padding-top: 24px;
	border-top: 1px solid #e7e0d3;
}

/* Labels */
.form-main label {
    font-family: "Inter", system-ui, sans-serif;
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #4a6560;
}

/* Layout */
.form-main .cf7-row {
	display: flex;
	gap: 20px;
}

.form-main .cf7-col {
	flex: 1;
}

/* Inputs */
.form-main input[type="text"],
.form-main input[type="email"],
.form-main input[type="tel"],
.form-main input[type="url"],
.form-main input[type="number"],
.form-main select,
.form-main textarea {
	width: 100%;
	background: #eef4f2;
	border: 1.5px solid #e7e0d3;
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.5;
	color: #1a3330;
	font-family: "Inter", sans-serif;
	transition: all .2s ease;
	box-sizing: border-box;
}

/* Select */
.form-main select {
	cursor: pointer;
	min-height: 50px;
}

/* Textarea */
.form-main textarea {
	max-height: 90px;
	resize: vertical;
}

/* Focus */
.form-main input[type="text"]:focus,
.form-main input[type="email"]:focus,
.form-main input[type="tel"]:focus,
.form-main input[type="url"]:focus,
.form-main input[type="number"]:focus,
.form-main select:focus,
.form-main textarea:focus {
	outline: none;
	border-color: #5c7d74;
	background: #fff;
}

/* Placeholder */
.form-main input::placeholder,
.form-main textarea::placeholder {
	color: #7d8f8b;
	opacity: 1;
}

/* Paragraph spacing */
.form-main p {
	font-family: "Inter", system-ui, sans-serif;
	margin-bottom: 14px;
    color: #4a6560;
    font-size: 13px;
}

/* Divider */
.form-main hr {
	border: 0;
	border-top: 1px solid #e7e0d3;
	margin: 32px 0;
}

/* Checkbox Section */
.form-main .wpcf7-checkbox {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form-main .wpcf7-list-item {
	display: block;
	margin: 0;
}

.form-main .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
    line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	color: #4a6560;
	cursor: pointer;
}

.form-main .service-priorities .wpcf7-list-item label {
    margin: 0;
}

.form-main .wpcf7-list-item input[type="checkbox"] {
	width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
    color: #5c7d74;
}

/* Submit Button */
.form-main .membership-submit-btn,
.form-main input[type="submit"] {
	width: 100%;
	border: none;
	border-radius: 999px;
	padding: 16px 24px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all .3s ease;
	background: #c9a24a;
    color: #5c7d74;
    box-shadow: 0 4px 18px rgba(201, 162, 74, .3);
}

.form-main input[type="submit"]:hover {
	transform: translateY(-2px);
}

.vya-steps {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vya-steps li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vya-steps .step-number {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #c8dbd7;
    color: var(--sage);
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Disclaimer */
.form-main .cf7-disclaimer {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    color: #4a6560;
    font-family: "Inter", system-ui, sans-serif;
    opacity: .6;
}

/* Validation Messages */
.form-main .wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 6px;
}

.form-main .wpcf7-response-output {
	margin: 20px 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 10px;
}

.privacy-hero {
	background: linear-gradient(160deg, #5c7d74, #8eada2);
}

.home-hero {
	background: linear-gradient(160deg, #5c7d74 0%, #8eada2 55%, #a5c0bb 100%);
}


@media(max-width:1024px){
.gt-dmo a.hfe-menu-item {
    background: transparent;
    color: white !important;
    padding: 15px !important;
    font-weight: 600 !important;
    transition: all .2s !important;
    border-radius: 100px;
}
.gt-dmo {
    display: block;
}
	.gt-dmo a.hfe-menu-item:hover{
	background: transparent !important;
}

}
@media(max-width:767px){
	.vyta-textarea {
    height: 150px;
    resize: vertical;
}
.redy-bring ,	
.fr-cmmunty {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.vyta-form-wrap{
    grid-template-columns:1fr;
    padding:25px;
}

.vyta-full{
    grid-column:auto;
}

.vyta-btn {
    font-size: 15px;
    height: 46px;
}
	.hme-tble {
    width: 1100px !important;
    overflow: scroll !important;
}
	.form-main .cf7-row {
		flex-direction: column;
		gap: 0;
	}
	

}