/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
*/


@font-face {
    font-family: 'TWK Ghost Regular';
    src: url('../fonts/TWKGhost-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TWK Ghost Light';
    src: url('../fonts/TWKGhost-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TWK Ghost Italic';
    src: url('../fonts/TWKGhost-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

#site-header,
#site-footer,
.entry-title{
	display: none !important;
}

.headings h2,
.headings h3{
	font-family: 'TWK Ghost Regular' !important;
}


.modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .4s ease;
	z-index:999999;
	padding:20px;
	overflow-y:auto;
}

.modal.active{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.modal-box{
	background:#f4f4f4;
	/*width:60%;*/
    width:1000px;
	border-radius:10px;
	padding:60px;
}

.contact-layout{
	display:flex;
	gap:60px;
}

.contact-left{
	flex:1;
}

.contact-left h2{
	font-size:50px;
	margin-bottom:20px;
	font-family: 'TWK Ghost Regular' !important;
}

.contact-left p{
	font-size:20px !important;
	line-height:1.6;
	color:#666;
	font-family: 'TWK Ghost Regular' !important;
}

.contact-right{
	flex:1;
}

.wpcf7-form p label{
	width:100%;
}

.wpcf7 input,
.wpcf7 textarea{
	width:100% !important;
	padding:18px !important;
	border-radius:10px !important;
	border:none !important;
	background:#fff;
	font-size:16px;
	border:0px;
}

.wpcf7 textarea{
	height:150px;
}

.wpcf7-submit{
	background-color: #50d94b !important;
    color: #000  !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    width: 200px !important;
    border-radius: 30px !important;
}

.wpcf7-form p:nth-of-type(5){
	width:40% !important;	
}

.wpcf7-form p:nth-of-type(5) input{
	padding: 10px 10px 10px 10px !important;
	border-radius: 30px !important;
	
}

.modal-box{
	position:relative;
}

.modal-close{
    position:absolute;
    top:0px;
    right:0px;
    background:none !important;
    border:none;
    font-size:24px;
    cursor:pointer;
    color:#555;
}

.modal-close:hover{
	opacity:.6;
    background: none !important;
    color:#000 !important;
}

@media screen and (max-width: 768px) {
	.modal-box{
	 	width:100% !important;
		display: block !important;
		padding:20px !important;
	}
	.wpcf7 input, .wpcf7 textarea{
		padding:10px !important;
	}
}