/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme for Hello Elementor
Author: Rahul 
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Your custom CSS starts here */

/* 
.coustm-header .header-menu .elementor-widget-container .hfe-nav-menu  .menu-item .hfe-menu-item{
	font-size:12px;
} */

.coustm-header{
  position: fixed;
  top:0 !important; 
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
  background: transparent;
}
body.logged-in .coustm-header {
	top:32px !important; 
}

.coustm-header .e-con-inner{
	align-items:center !important;
	padding:0px !important;
	flex-wrap:nowrap !important;
}

.coustm-header.scrolled {
  background: rgba(0, 0, 0, 0.9) !important; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header-menu .menu-item a{
	font-size:14px !important;
}
.elementor-element.service-card {
	position: relative;
}
.elementor-element.service-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #fff;
}
.elementor-element.service-card:hover::after {
	background: transparent;
}
.elementor-element.service-card .elementor-widget-heading,
.elementor-element.service-card .elementor-widget-text-editor {
	z-index: 2;
}
.elementor-element.service-card:hover h2.elementor-heading-title,
.elementor-element.service-card:hover .elementor-widget-text-editor p ,
.elementor-element.service-card:hover .elementor-widget-icon.service-icon .elementor-icon svg {
	fill: #fff;
	color:#fff
}





/* contact--form */

/* Contact Form Section */
.custom-contact-form {
 
}

.contact-container {
  width: 100%;
  max-width: 500px;
}

/* Form */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Inputs */
.custom-contact-form .contact-container input,
.custom-contact-form .contact-container textarea {
  width: 100%;
  padding: 18px 28px;
  border: 1px solid #E7E7E7;;
  background: #fff;
  font-size: 14px;
  color: #555;
  outline: none;
  font-family: 'Poppins', sans-serif;
  transition: 0.3s ease;

}
.custom-contact-form input, .custom-contact-form textarea{
	margin-top:12px !important;
}
.custom-contact-form{
	max-width:100% !important;
}
/* Focus Effect */
.contact-container input:focus,
.contact-container textarea:focus {
  border-color: #c57b57 !important;
}

/* Textarea */
.contact-container textarea {
  resize: none;
  height: 180px;
}

/* Button */
.contact-container button {
  background: #181818;
  color: #fff;
  border: none;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 0.3s ease;
}



/* Hover */
.contact-container button:hover {
  background: #c57b57;
}


.transparent-text {
   -webkit-text-stroke: 2px #e5e5e5;
   color: transparent;
   opacity: 0.8;
}

.service-card{
	height:100% !important;
}

.projects-container .e-con-inner{
	margin:0px !important;
	max-width:100% !important;
}
.projects-container .e-n-tabs-heading{
	display:flex;
	align-items:center;
}

.projects-container .e-n-tabs-heading button{
	margin-top:0px !important;
}

.gallery-img .e-con-inner{
	width:94% !important;
	max-width:100% !important;
/* 	margin:a !important; */
}



/* ===================================== */
.popup-box {
  background: #ffffff;
  padding: 40px;
   margin: auto;
  text-align: center;
/*   box-shadow: 0 15px 40px rgba(0,0,0,0.15); */
  font-family: 'Poppins', sans-serif;
	max-height:600px !important;
}

.popup-box h2 {
  font-size: 30px;
  color: #111;
  margin-bottom: 6px;
/*   line-height: 1.3; */
  font-weight: 700;
}

.popup-description {
  color: #666;
  font-size: 16px;
/*   line-height: 1.8; */
  margin-bottom: 30px;
}

.popup-box input,
.popup-box textarea {
      width: 100%;
    border: 1px solid #e1e1e1 !important;
	min-height: 50px;
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    padding: 18px 28px;
    outline: none;
    box-shadow: none;
    border-radius: 0;
	margin-top:10px;
}
.popup-box textarea{
	height:80px !important;
}


.popup-form input {
  height: 55px;
}

.popup-form textarea {
  resize: none;
}

.popup-form input:focus,
.popup-form textarea:focus {
  border-color:  #e1e1e1;
}

.popup-box input[type="submit"] {
  width: 100%;
/*   height: 55px; */
  border: none;
  background: #181818 !important;
  color: #fff;
	width:100%;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
}

.popup-form button:hover {
  background: #000000;
}
.pum-overlay,
.pum-container {
  position: fixed !important;
}

.pum-close{
	
	background-color: #1a1a1a !important;
}

.pum-container {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.pum-theme-1757 .pum-container, .pum-theme-default-theme .pum-container {
	padding:0px !important;
	background:#fff !important;
}
.hfe-dropdown .hfe-nav-menu .menu-item .hfe-menu-item{
	background:181818 !important;
}



.project-text p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
/*   line-height: 1.8; */
  font-size: 17px;
  color: #555;
  margin-bottom: 0px;
}
.project-text p.show-text {
  -webkit-line-clamp: unset;
  display: block;
}

.read-more-btn {
  color: #c58a65;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  display: inline-block;
}

.wpcf7-not-valid-tip{
	position:absolute;
	font-size:10px !important;
}

@media screen and (max-width: 768px) {
  
.popup-box {
padding: 30px;
}

}

@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: 0px !important;
      
    }
}