@charset "utf-8";

:root {
	--primary: #72960f;
	--secondary: #063174;
	--white: #ffffff;
	--black: #252525;
	--fonts: "Geologica", sans-serif !important;
}

.career-main-text-left {
	padding-right: 0px;
}

.career-main-text-right {
	padding-left: 50px;
}

.career-div{
	background-color: #fff;
	border-bottom: 2px solid #587704;
}

.career-div img{
	width: 100%;
}

.career-info{
	padding: 50px 60px 40px 30px;
	width: 100%;
}

.career-info h4{
	color: var(--primary);
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
	font-weight: 600;
	font-family: "Geologica", sans-serif
}

.career-contact .form-control,
.career-contact .form-floating .form-control {
	background-color: #fff !important;
	color: #252525 !important;
	font-weight: 500;
	height: 60px;
	margin: 10px 0;
	font-size: 16px;
	border-radius: 5px !important;
	width: 100% !important;
	border: 1px solid var(--primary);
}

.career-contact .form-floating label {
	color: #252525 !important;
	font-weight: 600;
	width: 100%;
	transition: all 0.3s;
}

.career-contact .form-floating label span {
	color: var(--primary);
	margin-left: 3px;
}

.career-contact .form-floating>.form-control:focus~label,
.career-contact .form-floating>.form-control:not(:placeholder-shown)~label,
.career-contact .form-floating>.form-select~label {
	opacity: 1;
	color: rgba(0, 0, 0, 0.5);
	background-color: #fff;
	height: auto;
	padding: 0px 0px 0px 10px;
	width: 100%;
	transform: scale(0.982) translateY(0.045rem) translateX(0.1rem);
	border-radius: 10px;
	font-size: 13px;
	transition: all 0.3s;
	margin-top: 2px;
}

.file-upload {
	height: 60px;
	padding: 15px 0px 15px 15px;
	border: none;
}

input::file-selector-button {
	color: var(--black) !important;
	padding: 0.5em;
	border: 1px solid #ccc !important;
	border-radius: 0px;
	float: right;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
}
.career-contact input,.career-contact textarea,.home-contact input,.home-contact textarea,.product-form textarea,.product-form input{background-color: #fff !important;
    color: #252525 !important;
    font-weight: 400;
    height: 60px;
    margin: 10px 0 !important;
    font-size: 16px;
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid var(--primary) !important;}
	.career-contact textarea,.home-contact textarea,.product-form textarea{height:150px !important;}
	.career-contact .wpcf7 input[type="file"],.home-contact .wpcf7 input[type="file"]{padding:15px 0px 15px 15px;padding-left:55px;}
	.career-contact .wpcf7 input[type="submit"],.home-contact .wpcf7 input[type="submit"],.product-form .wpcf7 input[type="submit"],div#comments input#submit {font-family: var(--font);
    color: #fff !important;
    padding: 0px 25px;
    line-height: 40px;
    background: transparent !important;
    margin: 0 !important;
    transition: 0.5s ease-in-out;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none !important;
	width:fit-content !important;
	height:auto;
	text-transform:uppercase;
	font-size:16px;
	padding-right:3rem;
	padding-left:3rem;
	position:relative;
	}
	.career-contact p,.home-contact p,.product-form p{margin-bottom:0 !important;}
     .banner-btn p,p.form-submit{text-align:center;background:var(--primary);position:relative;height:40px;border-radius:5px;}
	 .career-contact .file_upload p:before,.home-contact .file_upload p:before{position:absolute;content:url('https://360mantra.com/aashis_wp/wp-content/uploads/2024/07/upload.png');height:26px;width:32px;z-index:1;top:30%;}
	 .career-contact .file_upload p,.home-contact .file_upload p{position:relative;}
	 .home-contact .file_upload p:before{left:2%;}
	 .career-contact .file_upload p:before{left:3%;}
	 input[type="file"]::file-selector-button {color: var(--white) !important;
	padding: 0.5em;
	border: 1px solid #ccc !important;
	border-radius: 5px;
	float: right;
	 background:var(--primary);}
	 input[type="file"]::file-selector-button:hover{background:var(--secondary) !important;}
	 .product-form .green-text{margin-bottom:1.5rem !important}
	 .product-form .wpcf7 input[type="submit"]:before{background: var(--secondary) !important;
     -webkit-transition:0.5s all ease;
    transition:0.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:'';
    
    z-index:-1
   }
	.product-form .wpcf7 input[type="submit"] {
  position: relative;
  width: 160px;
  height: 40px;
  border: none; /* Remove default button border if not needed */
  background-color: transparent; /* Ensure the button background is transparent */
  color: #fff; /* Text color */
  font-size: 16px; /* Adjust font size as needed */
  cursor: pointer; /* Change cursor to pointer on hover */
}

.banner-btn p:before,p.form-submit:before{background: var(--secondary) !important;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    /* height: 0; */
    width: 0;
    height: 100%;
    opacity: 0;
    border-radius: 5px;
    z-index: -1;
    right: 0;
    transition: 0.3s ease-in-out;
    transform: translateX(-50%);}
.banner-btn p:hover::before,p.form-submit:hover::before{width:100%;opacity:1;z-index:1;}
p.form-submit{max-width:fit-content;}
p.form-submit input#submit{padding-right:25px !important;padding-left:25px !important;}
p.comment-form-comment,p.comment-form-author,p.comment-form-email,p.comment-form-url{position:relative;}
#comments p.comment-form-comment label,#comments p.comment-form-author label,#comments p.comment-form-email label,#comments p.comment-form-url label{position:absolute;left:25px;top:12px;color:#333;font-size:16px;}