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

/* Your custom styles here */

.single_variation_wrap {
    display: flex;
    gap: 10px; /* Adjust the space between buttons */
}

.single_variation_wrap .button {
    margin-right: 10px; /* Adds spacing between Add to Cart and Buy Now button */
}

.buy-now {
    background-color: #ff5e00;  /* Orange color for Buy Now */
    color: white;
    padding: 12px 20px;
    font-size: 16px;
    text-decoration: none;
}

.buy-now:hover {
    background-color: #e54e00;  /* Slightly darker on hover */
}

.quantity {
    display: flex;
    align-items: center;
}

.quantity button {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
}

.quantity input.qty {
    width: 50px;
    text-align: center;
    margin: 0 5px;
}

.u-columns {
	width: calc(100% - 2rem) !important;
    	max-width: 77.5rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
        flex-direction: row;
    	justify-content: space-between;
}

@media(max-width:766.98px){
.u-columns {
        flex-direction: column;
	padding-top: 30px;
	padding-bottom: 30px;
}
}

.full-width .u-columns .u-column1 h2 {
	font-family: montserrat;
	font-size: 40px;
	font-weight: 600;
}

@media(max-width:766.98px){
.full-width .u-columns .u-column1 h2 {
        font-size: 24px;
}
}

.full-width .u-columns .u-column2 h2 {
	font-family: montserrat;
	font-size: 40px;
	font-weight: 600;
}

@media(max-width:766.98px){
.full-width .u-columns .u-column2 h2 {
        font-size: 24px;
}
}

.full-width .u-columns .u-column1 {
	padding-right: 100px; 
}

@media(max-width:1023.98px){
.full-width .u-columns .u-column1 {
        padding-right: 30px; 
}
}

@media(max-width:766.98px){
.full-width .u-columns .u-column1 {
        padding-right: 0px; 
}
}

.full-width .u-columns .u-column2 {
	padding-left: 100px; 
}

@media(max-width:1023.98px){
.full-width .u-columns .u-column2 {
        padding-left: 30px; 
}
}

@media(max-width:766.98px){
.full-width .u-columns .u-column2 {
        padding-left: 0px;
        padding-top: 20px; 
}
}

.full-width .u-columns .u-column1 form {
	padding: 0px; 
	border: none;
}

.full-width .u-columns .u-column2 form {
	padding: 0px; 
	border: none;
}

.full-width .u-columns form p{
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #666666;
}

.full-width .u-columns form a {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #2971DF;
    	cursor: pointer;
}

.full-width .u-columns form .lost_password {
	margin-top: 18px !important;
}

.full-width .u-columns form label {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #666666;
	padding-bottom: 5px;
}

.full-width .u-columns form input {
	border-radius: 10px ;
	background: #FFFFFF;
    	padding: 16px 16px;
	border: 1px solid #F3F3F3;
	box-shadow: 0px 0px 10px 0px #00000008;
}

.full-width .u-columns form .password-input {
	margin-bottom: 20px;
}

.full-width .u-columns form .form-row {
	padding: 0 !important
}

.full-width .u-columns form .form-row button{
	background: #2971DF;
	border-radius: 6px ;
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	border: 1px solid #FFF;
	padding: 10px 30px;
}

.full-width .u-columns .u-column1 form .form-row {
	margin-top: 10px !important;
}

.full-width .u-columns .u-column1 form .form-row .woocommerce-form-login__rememberme{
	padding-top: 10px !important;
}

.woocommerce_before_lost_password_form form p {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #666666;
}

.woocommerce_before_lost_password_form form {
	width: 50%;
}

@media (max-width: 1023.98px) {
.woocommerce_before_lost_password_form form {
	width: 100%;
}
}

.woocommerce_before_lost_password_form label {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #666666;
	padding-bottom: 5px;
}

.woocommerce_before_lost_password_form input {
	border-radius: 10px !important;
	background: #FFFFFF;
    	padding: 16px 16px !important;
	border: 1px solid #F3F3F3 !important;
	box-shadow: 0px 0px 10px 0px #00000008 !important;
    	margin-bottom: 20px !important;
}

.woocommerce_before_lost_password_form button {
 	background: #2971DF;
	border-radius: 6px ;
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	border: 1px solid #FFF;
	padding: 10px 30px;
	margin-top: 10px !important;
}

.woocommerce_before_lost_password_form button:hover {
	background: #FE481C;
	color: #fff;
}

.woocommerce_before_lost_password_form .form-row {
	padding: 0 !important;
    	width: 70% !important;
}

.woocommerce_before_lost_password_confirmation_message {
    	border: none !important;
    	width: calc(100% - 2rem);
    	max-width: 77.5rem;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 0 !important;
    	box-shadow: none !important;
    	padding: 20px 0 0 20px;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #666666;
}

.woocommerce_before_reset_password_form {
	width: 100%; 
	max-width: 100%; 
	background: #EFF3FF;
	padding-top: 60px;
	padding-bottom: 60px;
}

.woocommerce_before_reset_password_form form {
    	width: calc(100% - 2rem);
    	max-width: 77.5rem;
    	margin-left: auto;
    	margin-right: auto;
}

.woocommerce_before_reset_password_form form p{
    	font-family: Inter;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
}

.woocommerce_before_reset_password_form form label {
    	font-family: Inter;
    	font-size: 14px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
    	padding-bottom: 5px;
}

.woocommerce_before_reset_password_form form input {
    	border-radius: 10px;
    	background: #FFFFFF;
    	padding: 16px 16px;
    	border: 1px solid #F3F3F3;
    	box-shadow: 0px 0px 10px 0px #00000008;
}

.woocommerce_before_reset_password_form form button {
    	background: #2971DF;
    	border-radius: 6px;
    	font-family: Inter;
    	font-size: 16px;
    	font-weight: 500;
    	color: #FFFFFF;
    	border: 1px solid #FFF;
    	padding: 10px 30px;
}

.woocommerce_before_reset_password_form form button:hover {
	background: #FE481C;
	color: #fff;
}

.my-account-wrapper {
        width: calc(100% - 2rem);
        max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0;
}
 
.my-account-wrapper-container {
	box-shadow: 0px 0px 4px 0px #4977E5;
	width: 100% !important;
	display: flex;
    	flex-direction: row;
    	justify-content: space-between;
    	align-items: flex-start;
	border-radius: 20px;
}

@media (max-width: 766.98px) {
.my-account-wrapper-container{
	flex-direction: column;
}
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container {
	width: 25%;
	padding: 30px 0px 30px 30px;
	border-right: 1px solid #7A3E181A !important;
}

@media (max-width: 766.98px) {
.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container {
	width: 100%;
	padding: 30px 30px 30px 10px;
}
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container {
	width: 75%;
	padding: 30px 70px 30px 70px;
	border-left: 1px solid #7A3E181A !important;
}

@media (max-width: 766.98px) {
.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container {
	width: 100%;
	padding: 20px;
	border-top: 1px solid #737373;
}
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container .woocommerce-MyAccount-navigation {
	width: 100% !important;
} 

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container ul li::marker {
	color: #fff;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container ul {
	padding-left: 20px !important;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container .woocommerce-MyAccount-navigation-link {
    	padding-bottom: 13px;
    	padding-left: 30px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container a {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	color: #6D6D6D;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container .is-active {
	background: #4977E5;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
    	padding-top: 12px;
    	padding-bottom: 12px;
    	margin-bottom: 13px;
}

@media (max-width: 766.98px) {
.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container .is-active {
	border-radius: 50px;
}
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-navigation-container .is-active a {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container p {
    	font-family: Inter;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-info{
    	background-color: #F4F9FF !important;
   	border: none !important;
    	font-family: Montserrat;
    	font-size: 16px;
    	font-weight: 600;
    	line-height: 24px;
    	color: #737373;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-Addresses {
	gap: 20px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-Address{
	border: 1px solid #999999;
	border-radius: 8px;
	padding: 15px 20px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-Address h2 {
	font-family: montserrat;
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	padding: 0 0 15px 0;
	margin: 0 !important;
}


.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-Address .edit {
    	float: left;
    	padding: 7px 10px;
    	border: 1px solid #2971df;
    	border-radius: 10px;
	font-family: Inter;
	font-size: 15px;
	font-weight: 600;
	color: #2971DF;
	margin-bottom: 10px;

}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container .woocommerce-Address address {
    	font-family: Inter;
    	font-size: 14px;
    	font-weight: 400;
    	line-height: 22px;
    	color: #000000;
	font-style: normal;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form h2 {
	font-family: montserrat;
	font-size: 20px;
	font-weight: 600;
	color: #2971DF;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form p {
	font-family: Inter;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form label {
	font-family: Inter;
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	color: #6C7275;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 0.2px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form input {
	border: 1px solid #CBCBCB;
	border-radius: 6px;
	padding: 12px 12px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form .select2-selection  {
	border: 1px solid #CBCBCB;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form .form-row {
    	margin: 0 0 20px;
	padding: 0 !important;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form fieldset {
	font-family: Inter;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
    	margin-bottom: 20px;
	border: 1px solid #999999;
	border-radius: 8px;
	padding: 20px;
	margin-top: 35px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form span {
	font-family: Inter;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	color: #666666;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form button {
	background: #2971DF;
    	border-radius: 6px;
    	font-family: Inter;
    	font-size: 16px;
    	font-weight: 500;
    	color: #FFFFFF;
    	border: 1px solid #FFF;
    	padding: 10px 30px;
}

.my-account-wrapper .my-account-wrapper-container .woocommerce-MyAccount-content-container form button:hover {
    	background: #FE481C;
    	color: #fff;
}

.woocommerce-cart-form .shop_table .thead-tr {
	border-bottom: 1px solid #6C7275
}