/* Chackout page styling start  */

.page-id-2202 .woocommerce .col2-set, .page-id-2202 .woocommerce-page .col2-set {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr;
}

.page-id-2202 .col-1 {
    width: 100% !important;
    max-width: 100% !important;
}

.page-id-2202 .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#billing_address_2_field {
    position: relative;
}

#billing_address_2_field::before {
    content: "Address Line 2";
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    color: #333;
    font-weight: 400;
}

#billing_first_name_field, #billing_postcode_field, #billing_city_field {
    width: 100%;
}

/* Checkbox border default */
#single_occupancy_checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #00a79d;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

/* When checked → make it red */
#single_occupancy_checkbox:checked {
    background-color: #00a79d;
    border-color: #00a79d;
}

/* Checkmark for checked state */
#single_occupancy_checkbox:checked::after {
    content: "✔";
    color: #fff;
    position: absolute;
    top: -2px;
    left: 2px;
    font-size: 14px;
}


.page-id-2202 .woocommerce-billing-fields__field-wrapper input , .page-id-2202 .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single .select2-selection__rendered{
  width: 100%;
  padding: 12px 20px !important;
  border-radius: 5px !important;
  border: 1px solid #5a50441a !important;
  background: #fcf8f3 !important;
  font-size: 15px;
  outline: none !important;
  transition: 0.2s;
  color: #868686;
}

.page-id-2202 .woocommerce-billing-fields__field-wrapper input:focus, .page-id-2202 .woocommerce-billing-fields__field-wrapper select:focus,.page-id-2202 .input-text:focus{
  border-color: #5ea99d !important;
}


.page-id-2202 .woocommerce-additional-fields h3, .page-id-2202 .woocommerce-billing-fields h3, #order_review_heading {
    color: #00a79d;
    margin-bottom: 10px;
    margin-top: 20px;
}

#add_payment_method #payment, .page-id-2202 .woocommerce-cart #payment, .page-id-2202 .woocommerce-checkout #payment {
    background: #fcf8f3;
    border-radius: 5px;
}


@media (max-width: 468px) {
.page-id-2202 .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}
	
	.page-id-2202 .woocommerce-additional-fields h3, .page-id-2202 .woocommerce-billing-fields h3, #order_review_heading {
    margin-bottom: 5px;
}
	
	}


/* checkout page styling end */