/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
@keyframes smoothScroll {
  0% {
    transform: translateY(-90px);
  }
  100% {
    transform: translateY(0);
  }
}
#header-container.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background-color: #fff;box-shadow: rgb(149 157 165 / .2) 0 8px 24px;animation: 1s forwards smoothScroll;}

.primary-btn a,
a.blog-read-more {
	display: inline-block;
    height: 64px;
    font-size: 16px;
    line-height: .8;
    color: #fff;
    position: relative;
    z-index: 1;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 26px 25px;
    background-image: linear-gradient(270deg, #9e1819, #b81c1d, #d02022, #ec2427, #ff4d4f);
    overflow: hidden;
    transition-delay: 0s, 0s;
    transition-duration: 0.4s, 0.4s;
    transition-property: border-color, color;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    vertical-align: middle;
    -webkit-box-shadow: 0px 1px 54px 0px #ec242769;
    -moz-box-shadow: 0px 1px 54px 0px rgba(236, 36, 39, 0.46);
    box-shadow: 0px 1px 54px 0px #ec242769;
}

.primary-btn a:after,
a.blog-read-more:after {
    background-image: linear-gradient(90deg, #9e1819, #b81c1d, #d02022, #ec2427, #ff4d4f);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
    transform-origin: 0 100% 0;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, background-color 0.4s ease 0s;
    width: 150%;
    z-index: -1;
    -webkit-transition: .4s;
    transition: .4s;
}

.primary-btn a:hover:after,
a.blog-read-more:hover:after {
    opacity: 1;
    transform: rotate3d(0, 0, 1, 0deg);
    transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1);
}

.primary-btn.rounded a:after {
    border-radius: 50px;
}
.home-banner {position:relative;}
/* .home-banner:after {
    position: absolute;
    left: 0;
    bottom: 11px;
    width: 85%;
    height: 45px;
    background: var( --e-global-color-primary );
    content: '';
    clip-path: polygon(65% 0, 138% 0, 100% 0, 100% -1%, 77% 20%, 0 100%, 0 13%, 0 0%);
    z-index: -1;
} */

.contact-form-container .wpcf7-form input:not(.wpcf7-submit),
.contact-form-container .wpcf7-form text-area {font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    height: 40px;
	font-family: "Jost", Sans-serif;
}
.contact-form-container .wpcf7-form textarea {height:90px;}
.contact-form-container .wpcf7-form label {
	width: 100%;
	font-weight: 400;
	font-size:18px;
    line-height: 22px;
    color: #DADADA;
	font-family: "Jost", Sans-serif;
}
.contact-form-container .wpcf7-form  .wpcf7-form-control-wrap {display: inline-block;margin-top: 7px;width: 100%;}
.contact-form-container .wpcf7-form label .req-star {color:#FF4D4F;}
.contact-form-container .wpcf7-form .two-column {display:flex;flex-wrap:Wrap;gap:20px;}
.contact-form-container .wpcf7-form .width-half {width:calc(50% - 10px);}
.contact-form-container .wpcf7-form .wpcf7-submit {line-height: 1.2;padding: 18px 50px;height: auto;border-radius: 6px;}
.contact-form-container .wpcf7-form .wpcf7-spinner {background-color: #fff;}
.contact-form-container .wpcf7-form .wpcf7-spinner::before {background-color:#EC2427;}
.contact-form-container .wpcf7-form .wpcf7-response-output {color:#fff;}
.contact-form-container .wpcf7-form .wpcf7-not-valid-tip {color: #EC2427;}
.primary-btn.rounded a:after {border-radius: 50px;}

@media(max-width:480px){
	.contact-form-container .wpcf7-form .two-column {gap: 10px;}
.contact-form-container .wpcf7-form .width-half {width:100%;}	
}