.accordion-body {

	padding-bottom: 36px;

}



.billing_information,

.shipping_address,

.customer_info {

	max-width: 1150px;

	padding-block: 24px;

	margin: 0 auto;

}



.cart_input .form-label {

	color: var(--grey);

	font-size: clamp(12px, 2vw, 14px);

}



.cart_input .form-control {

	font-size: clamp(14px, 3vw, 18px);

	padding-block: 12px;

	color: var(--black) !important;

}



.cart_input .form-control::placeholder {

	font-size: clamp(12px, 2vw, 16px);

}



.cart_input .form-select-sm {

	background-color: var(--white);

	border-radius: 6px;

	color: var(--black) !important;

	border: 1px solid var(--line-color);

}



.cart_input .form-select-sm:focus-visible {

	outline: none;

}



.cart_input .form-select:focus-visible {

	outline: none;

}



.cart_input .form-select {

	padding-block: 14px;

	font-size: clamp(14px, 3vw, 16px);

	background-color: var(--white);

	color: var(--black) !important;

}



.cart_input .form-select:focus {

	border-color: var(--primary);

	box-shadow: 0 0 0 .25rem rgba(253, 0, 0, 0.25);

}



.cart_input .form-group-control {

	/*border-left: 0;*/

}



.cart_input .form-group-control {

	border-radius: 6px !important;

}



.cart_input .input-group {

	border-radius: 6px;

	transition: border-color .2s ease, box-shadow .2s ease;

}



.cart_input .input-group:focus-within {

	border: 1px solid var(--primary);

	border-color: var(--primary);

	box-shadow: 0 0 0 .25rem rgba(253, 0, 0, 0.25);

}



.cart_input .input-group:focus-within .form-select-sm,

.cart_input .input-group:focus-within .form-group-control {

	border: none;

	border-color: transparent;

	box-shadow: none;

}



.steps .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

	border-right: none;

	background-color: var(--white);

}



.steps .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

    margin-left: 0;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.form-input-shadow {

	box-shadow: 3px 3px 23.4px 0px rgba(0, 0, 0, 0.03);

}



.required-symbol {

	color: var(--primary);

}



.next-step-btn {

	font-size: clamp(14px, 2vw, 16px);

	color: white;

	padding: 14px 36px;

	background-color: var(--primary);

	transition: background-color .2s ease;

}



.next-step-btn:hover {

	background-color: var(--primary-hover);

}



.next-step-btn:active {

	background-color: var(--primary-active);

}



.cart_input h3 {

	font-size: clamp(14px, 3vw, 20px);

}



.cart_input .addresses .address-radio-btn:checked {

	background-color: var(--white) !important;

	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23B8191D'/></svg>");

	border-color: var(--primary);

}



.addresses form > div.content-between {

	justify-content: space-between !important;

}



.new-address-btn {

	width: 250px;

	text-align: start;

}



.collapse-new-address {

	display: none;

}



.new-address-btn[aria-expanded=true] .collapse-new-address {

	display: block;

}



.new-address-btn[aria-expanded=true] .expand-new-address {

	display: none;

}



.new-billing-address-btn {

	width: 250px;

	text-align: start;

}



.collapse-new-billing-address {

	display: none;

}



.new-billing-address-btn[aria-expanded=true] .collapse-new-billing-address {

	display: block;

}



.new-billing-address-btn[aria-expanded=true] .expand-new-billing-address {

	display: none;

}



.shipp-addresses,

.billing-addresses,

.shipp-addresses-collapse,

.bill-addresses-collapse {

	display: grid;

	grid-template-columns: 1fr;

	grid-auto-flow: row;

	gap: 20px !important;

	width: 100%;

}



.shipp-addresses-collapse .form-check-label,

.shipp-addresses .form-check-label,

.billing-addresses .form-check-label,

.bill-addresses-collapse .form-check-label {

	background-color: var(--default-card);

	border: 1px solid var(--line-color);

	width: 100%;

	padding: 24px;

	height: 100%;

	transition: background-color .2s ease, border-color .2s ease;

}



.shipp-addresses-collapse .form-check-label:hover,

.shipp-addresses .form-check-label:hover,

.billing-addresses .form-check-label:hover,

.bill-addresses-collapse .form-check-label:hover {

	background-color: var(--primary-light);

	border-color: var(--primary);

}



.shipp-addresses-collapse .form-check-label.checked,

.shipp-addresses .form-check-label.checked,

.billing-addresses .form-check-label.checked,

.bill-addresses-collapse .form-check-label.checked {

	background-color: var(--primary-light);

	border-color: var(--primary)

}



.address-item {

	padding: 0;

	height: 100%;

}



.address-item .address-radio-btn {

	float: none;

	margin: 0;

}



.cart_input .form-check-label {

	color: var(--grey);

}



.cart_input .form-check-input:focus {

	border-color: var(--primary);

	box-shadow: 0 0 0 .25rem rgba(184, 25, 29, 0.25);

}



.cart_input .form-check-input:checked {

	background-color: var(--primary);

	border-color: var(--primary);

}



.address-item.checked .form-check-label {

	border-color: var(--primary);

}



.cart_input .form-check-input:checked + .form-check-label {

	color: var(--black);

}



.form-check-label .useForBilling-mobile {

	display: none;

}



.address-radio-btn:checked ~ .form-check-label .useForBilling-mobile {

	display: block;

}



.addresses,

.required_information .row {

	padding-bottom: 24px;

}



.billing_address .addresses {

	padding-bottom: 0px;

}



.addresses button {

	height: max-content;

	padding: 12px 12px 12px 0;

	background-color: transparent;

	transition: color .1s ease;

	font-size: clamp(14px, 2vw, 18px);

}



.addresses button:hover {

	color: var(--grey);

}



.addresses button:active {

	color: var(--black);

}



.shipping_address {

	gap: 46px;

}



.cart_input .form-check-label {

	font-size: clamp(14px, 2vw, 18px);

}



.shipping_method {

	background-color: var(--shop-filter-bck);

	border: 1px solid var(--line-color);

	border-radius: 5px;

	cursor: pointer;

	transition: border-color .2s ease, box-shadow .2s ease;

	height: 100%;

}



.shipping_method:hover {

	border-color: var(--primary);

	box-shadow: 0 0 0 .25rem rgba(253, 0, 0, 0.25);

}



.shipping_method.active {

	border-color: var(--primary);

	box-shadow: 0 0 0 .25rem rgba(253, 0, 0, 0.25);

	overflow: hidden;

	position: relative;

}



.shipping_method.active::before {

	content: "";

	position: absolute;

	top: -40px;

	right: -40px;

	width: 80px;

	height: 80px;

	background-color: var(--primary);

	z-index: 2;

	transform: rotate(45deg);

}



.shipping_method.active::after {

	font-family: "Font Awesome 5 Pro";

	font-size: 14px;

  	font-weight: 900;

  	content: "\f00c";

	color: var(--white);

	top: 7px;

	right: 10px;

	position: absolute;

	z-index: 3;

}



.shipping_icon {

	font-size: 36px;

}



.shipping-method-description p:first-child,

.shipping-method-description p:last-child {

	font-size: 20px;

}



.shipping-method-description p:not(:first-child),

.shipping-method-description p:not(:last-child) {

	font-size: 18px;

	color: var(--grey);

}



.shipping-cost div:first-child {

	color: var(--grey);

	font-size: 20px;

}



.shipping-cost div:last-child {

	color: var(--black);

	font-size: 20px;

}







@media only screen and (max-width: 1280px) {

	.shipping-method-description p:first-child,

	.shipping-method-description p:last-child {

		font-size: 16px;

	}

	

	.shipping-method-description p:not(:first-child),

	.shipping-method-description p:not(:last-child) {

		font-size: 14px;

	}



	.shipping-cost div:first-child {

		color: var(--grey);

		font-size: 16px;

	}

	

	.shipping-cost div:last-child {

		color: var(--black);

		font-size: 16px;

	}



	.billing_information,

	.shipping_address,

	.customer_info {

		padding-block: 0px;

	}

}







@media only screen and (max-width: 768px) {

	.accordion-body {

		padding-bottom: 24px;

	}

	

	.next-step-btn {

		width: 100%;

	}



	.shipping_address {

		gap: 24px;

	}



	.addresses button {

		padding-left: 0;

	}



	.addresses,

	.required_information .row {

		padding-bottom: 16px;

	}



	.billing_address .addresses {

		padding-bottom: 0px;

	}



	.shipping_icon {

		font-size: 28px;

	}



	.shipping-cost div {

		width: 100%;

	}



	.new-address-btn {

		width: auto;

	}

}



@media (min-width: 768px) {

	.shipp-addresses,

	.billing-addresses,

	.shipp-addresses-collapse,

	.bill-addresses-collapse {

		grid-template-columns: repeat(3, 1fr);

	}

}