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


/* Developer CSS */
.col-md-12.select-main.upload {
    width: 470px;
    height: 50px;
    cursor: pointer;
    background: #274888 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #0000000f;
    border-radius: 10px;
    text-align: center;
    font: normal normal normal 18px/23px basic-sans, serif;
    color: #fff;
    text-transform: capitalize;
    opacity: 0.86;
    position: relative;
}
.upload input {
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: -97px;
    cursor: pointer;
    height: 50px;
    width: 200px;
    margin: 0;
    right: 0;
    top: -19px;
}
.upload small {
    position: absolute;
    z-index: 1;
    text-align: center;
    margin: 0 !important;
    top: 13px;
    width: 100%;
    cursor: pointer;
    left: 0;
    font-size: 16px;
    font-family: sans-serif;
}
.elementor-20 .elementor-element.elementor-element-f137f6c > .elementor-element-populated {
    max-width: 800px;
    margin: auto;
}

.col-md-12.select-main {
    max-width: 500px;
    margin: 0 auto 30px;
}
/*#register-btn{
	width:250px;
	height:50px;
	font-size: 18px;
	padding-top: 15px;
}*/
#register-btn,
#register-2{
    background: #f68e3b !important;
    color: #fff !important;
    border: #f68e3b !important;
    transition: all .5s;
    height: 50px;
    font-size: 16px;
    border-radius: 10px !important;
    line-height: 26px;width:250px;
}
#register-btn:hover, #register-2:hover{
	background: #274888 !important;
    border: #274888 !important;
    transition: all .5s;
}
#register-2{
	margin-top: 15px;
   /* width: 199px;
	height:50px;
	padding-top: 15px;font-size: 16px;*/
}
.select-main input, .select-main select {
    border-radius: 10px;
}
#cont-int .wpcf7-submit {
    width: 100%;
    height: 50px;
    font-size: 16px;
    border-radius: 10px;
}

.u-column2.col-2 h2{
	color: #274888;
    margin: 40px 0 0;
    font-weight: 500;
}

.p-rel{
	position:relative;
}
.p-rel p{
	position: absolute;
    top: -14px;
}
#showwarranty{
	display:none;
}
.sa_customer_validation-modal-backdrop{
	background:#fff !important;
}
.sa_customer_validation-modal-content {
    box-shadow: 0 0px 10px rgb(0 0 0 / 18%);
    border-radius: 25px;
    border: none;
    margin-top: 20%;
}

#customer_login .col-1, #customer_login .col-1 {
    float: left;
    width: 60%;
}

#customer_login .col-2, #customer_login .col-2 {
    float: right;
    width: 38%;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1700px !important;
}

.get_username{
	pointer-events: none;
}

.get_email{
	pointer-events: none;
}

.get_phone{
	pointer-events: none;
}
.warranty-box {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px inset;
    background: #f9f9f9;
}
.w-100{
	width:100%;
}

.select-main p{
	width:100%;
}

.site-footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static !important;
}

.page-header .entry-title{
	display:none !important;
}

select.wpcf7-form-control {
    height: 42px;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    position: absolute;
    z-index: 1;
    background: #fff;
}
.wpcf7-submit {
    background: #f68e3b !important;
    color: #fff !important;
    border: #f68e3b !important;
    transition: all .5s;
}

.wpcf7-submit:hover{
	background: #274888 !important;
    border: #274888 !important;
    transition: all .5s;
}
#cont-int input[type="file"] {
    background: transparent !important;
    border: none;
}
#head-shade {
    box-shadow: 0 0 5px rgb(0 0 0 / 24%);
}
span.wpcf7-list-item.first.last {
    margin-left: 0;
}
#cont-int input, #cont-int select {
    border: 1px solid rgb(39 72 136 / 29%);
    background: rgb(39 72 136 / 5%);
	border-radius:10px;
}

form.woocommerce-form.woocommerce-form-register.register {
    margin: 15px 0 0 0;
    border: none;
    padding: 0;
}
.register input {
    border: 1px solid rgb(39 72 136 / 29%);
    background: rgb(39 72 136 / 5%);
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background: #f68e3b !important;
    color: #fff !important;
    border: #f68e3b !important;
    transition: all .5s;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
    background: #274888 !important;
    border: #274888 !important;
    transition: all .5s;
}


/* .page-id-248 .site .site-main .page-content {
    padding: 40px 300px 60px 300px; 
    max-width: 500px;
    width: 100%;
    margin: 50px auto;
}*/
.post-248.site-main .page-content .login {
    padding: 60px 75px 60px 75px !important;
    background-color: #ffffffd9 !important;
    border-radius: 25px !important;
    box-shadow: 0px 3px 78px #00000029;
    max-width: 500px;
	margin:20px auto;
}

.popup-1 .woocommerce-message::before,
.woocommerce-error::before{
    top: -15px !important;
    left: -11px !important;
}

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

p.lost_password {
    font-family: 'Roboto';
}

.page-id-248.logged-in .page-content {
    padding: 0px !important;
}

.page-id-248.logged-in #content {
    max-width: 100% !important;
}

.login-button a {
    background-color: #274888;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 10px;
}

.post-248 .form-row label {
    font-family: 'Roboto';
    margin-bottom: 7px;
}

.post-248 .form-row input {
    border-radius: 13px;
}

.post-248 button.woocommerce-button.button.woocommerce-form-login__submit {
    display: block;
    background: #f6903a;
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 13px;
    font-family: 'Roboto';
	transition:all .5s;
}
.post-248 button.woocommerce-button.button.woocommerce-form-login__submit:hover{	
	transition:all .5s;
	background:#274888;
	border:none;
}

button.smsalert_login_with_otp_btn {
    float: left;
    background: #274888;
    color: #fff;
    border-radius: 13px;
    transition: all .5s;
}



.post-248 button.button.sa_myaccount_btn {
    background: #274888;
    color: #fff;
    border: none;
    border-radius: 13px;
	transition:all .5s;
	font-family:'Roboto';
}

.loginwithotp {
    padding: 60px 75px 60px 75px !important;
    background-color: #ffffffd9 !important;
    border-radius: 25px !important;
    box-shadow: 0px 3px 78px #00000029;
    max-width: 500px;
    margin: 20px auto;
}

.post-248 button.button.sa_myaccount_btn:hover, button.smsalert_login_with_otp_btn:hover {
    background: #f6903a;
    color: #fff;
    border: none;
	transition:all .5s;
}

a.sa_default_login_form {
    float: right;
    background: #000;
    border-radius: 13px;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1rem;
    margin-top: 12px;
	transition:all .5s;
}

a.sa_default_login_form:hover{
	opacity:.7;
	transition:all .5s;
}
.post-248 p.form-row {
    display: flow-root;
}
@media (min-width:768px){
	.col-md-6{
		width:50%;
		padding:0 15px;
		display:flex;
		box-sizing:border-box;
		float:left;
	}
	
	.col-md-4{
		width:33.33%;
		padding:0 15px;
		display:flex;
		box-sizing:border-box;
		float:left;
	}
	
	.col-md-2{
		width:16.66666667%;
		padding:0 15px;
		display:flex;
		box-sizing:border-box;
		float:left;
	}
	
	.col-md-12{
		width:100%;
		padding:0 15px;
	}
	
	
}

@media (max-width:680px){
	.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-e4e20bc {
    display: none;
}
	.upload span.wpcf7-not-valid-tip {
    position: relative !important;
    top: 40px !important;
    text-align: left;
}
	.p-rel p{
	position: relative;
    top: 0;
}.elementor-45 .elementor-element.elementor-element-57ac9a9 > .elementor-element-populated {
    margin: 0px 40px 0px 40px !important;
    padding: 40px 30px 40px 30px !important;
}
	#customer_login .col-1, #customer_login .col-1, #customer_login .col-2, #customer_login .col-2{
		width:100%;
	}
	span.wpcf7-not-valid-tip {
    width: 100%;
}
	
	#customer_login .u-column2.col-2 h2 {
		font-size: 24px;
		text-align: center;
		font-weight: 600;
	}
	#customer_login .u-column2.col-2 {
		box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 15%);
		border-radius: 20px;
		padding: 0 20px 20px;
		margin-bottom:20px;
	}
	#customer_login .woocommerce-Button{
		width:100%;
	}
	
	#customer_login .col-1 .elementor-button {
		display: none;
	}
	
	#head-shade img.wp-image-35 {
		max-width: 180px;
    margin: 0 auto;
    width: 100%;
	}
	
	#head-shade .elementor-widget-container a {
    width: 100%;
    text-align: center;
}
	
	.login-button a {
    margin: auto;
    text-align: center;
    display: block;
}
	
	#customer_login h2 {
    font-size: 25px !important;
    text-transform: uppercase;
}
	.register-form {
    width: 80% !important;
}
	
	#head-shade .elementor-widget-container {
		padding: 0 20px;
		text-align: left;
	}
	
	#mobile-ul .elementor-heading-title {
    padding-left: 13px;margin-top: -2px;
}
	#mob-footer .elementor-col-25, #mob-footer .elementor-col-50 {
    width: 100% !important;
}
	.page-id-248 .site .site-main .page-content .woocommerce-form-login, .loginwithotp {
		padding: 60px 40px 60px 40px !important;
	}
	.col-md-12.select-main.upload {
    width: 240px;
}
	#fill-img {
		width: 25%;
		float: left;
	}	
	
#fill-con {
    width: 75%;
    float: left;
}
	#fill-con h5 {
    font-size: 14px;
		line-height:24px;
}
	#fill-con .elementor-widget-container {
    margin: 0;
}
	#fill-con #head {
    margin-top: 20px;
}
	#war-head h1 {
    font-size: 22px;
}
	
	#war-head p.elementor-heading-title.elementor-size-default {
    font-size: 14px;
}
	a#register-btn {
    margin-top: 70px;
    width: 150px;
    height: 40px;
    font-size: 16px;
    padding-top: 11px;
}
	#beat-box .elementor-widget-wrap.elementor-element-populated {
    padding: 20px;
    margin: 0 15px;
}
	#beat-box h4 {
    font-size: 20px;
}
	a#register-2 {
    width: 100%;
}
	#beat-box p.elementor-heading-title.elementor-size-default {
    font-size: 14px;
}
	
}

.register-form {
    width: 57%;
    margin: auto;
    text-align: center;
}

#customer_login h2 {
    font-size: 41px;
    text-transform: uppercase;
}

#customer_login input {
    height: 40px;
    border-radius: 10px;
    color: #242021;
    padding: 0 5%;
    border-color: #bdbdbd;
    border: 1px solid;
}

#customer_login .woocommerce-form-register__submit {
    height: 50px;
    width: 100%;
    font-size: 16px;
    border-radius: 10px !important;
}
input.wpcf7-form-control.wpcf7-file {
    border-radius: 0 !important;
}

div#customer_login {
    margin: 40px auto;
    max-width: 830px;
    height: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.26);
    box-shadow:0px 0px 18px -4px rgba(0, 0, 0, 0.26);
    border-radius: 36px;
    padding: 57px 0;
    overflow-y: auto;
    text-align: center;
    margin-bottom: 40px;
}