.gift-page {
    width: 100%;
    padding: 25px;
}
.giftTwoSectionLayout {
	display: flex;
	flex-direction: row-reverse;
	align-items: start;
	gap: 0px;
}
.giftTwoSectionLayout .tab-content {
	display: block !important;
}
.giftSectionTwoHeader {
	flex: 0 0 64.65%;
	align-self: stretch;
 
	padding-inline-start: clamp(24px, -61.75px + 8.38vw, 89px);
	padding-inline-end: clamp(24px, -48.56px + 7.09vw, 79px);
	padding-block: clamp(24px, -34.05px + 5.67vw, 68px);
}
.filess {
    position: absolute !important;
    opacity: 0;
    z-index: -5;
}
.giftSectionTwoHeader .image-wrapper.image-online {
	background: #000000;

	padding-inline-start: clamp(24px, -98.71px + 11.98vw, 117px);
	padding-inline-end: clamp(24px, -59.13px + 8.12vw, 87px);
	padding-block-start: clamp(24px, -60.43px + 8.25vw, 88px);
	padding-block-end: clamp(32px, -102.54px + 13.14vw, 134px);
	padding-left: 0;
}
.giftSectionTwoHeader .image-wrapper.image-online svg {
	fill: #FFFFFF;
}
.giftSectionTwoHeader .image-wrapper.image-offline {
	box-sizing: border-box;
	border: 1px solid #000000;
	padding-inline-start: clamp(24px, -98.71px + 11.98vw, 117px);
	padding-inline-end: clamp(24px, -59.13px + 8.12vw, 87px);
	padding-block: clamp(24px, -43.3px + 6.57vw, 75px);
}
.giftSectionTwoHeader .image-wrapper.image-offline svg {
	fill: #03268B;
	
}
.giftSectionTwoHeader .image-wrapper.image-online .image-to-image,
.giftSectionTwoHeader .image-wrapper.image-offline .text-to-image {
	display: none;
}
.giftSectionTwoHeader-images {
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.giftSectionTwoHeader-images img {
	min-width: 0;
	object-fit: cover;
}
.giftSectionTwoHeader-images .text-to-image {
    position: relative;
    padding: 0 100px;
    background: #000;
}
.giftSectionTwoHeader-images .text-to-image .preview-card {
	position: absolute;
	/* max-width: 210px; */
	max-width: clamp(200px, 186.8px + 1.28vw, 210px);
	width: 100%;
	top: 27%;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Chego Regular';
	font-style: normal;
	font-weight: 400;
	text-align: center;
	color: #000000;
}
.giftSectionTwoHeader-images .text-to-image .preview-card #preview_from {
	font-size: clamp(34px, 26.1px + 0.77vw, 40px);
	/* font-size: 40px; */
	line-height: 1;
	margin-block-end: clamp(10px, 6px + 0.38vw, 13px);
}
.giftSectionTwoHeader-images .text-to-image .preview-card #preview_message {
	font-size: clamp(22px, 14.1px + 0.77vw, 28px);
	/* font-size: 28px; */
	line-height: 1.2;
}
.giftSectionTwoBody {
	flex: 0 0 35.35%;
	align-self: stretch;
	
	padding-inline-start: clamp(24px, -60.43px + 8.25vw, 88px);
	padding-inline-end: clamp(24px, -147.59px + 16.75vw, 154px);
	padding-block-start: clamp(24px, -28.76px + 5.15vw, 64px);
	padding-block-end: clamp(32px, -76.12px + 10.57vw, 114px);
	margin: 0;
}
.giftcardDetails {
	padding-block: 0px !important;
}
.giftcardDetails h1 {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: clamp(34px, 26.1px + 0.77vw, 40px);
	/* font-size: 40px; */
	line-height: clamp(48px, 33.5px + 1.41vw, 59px);
	/* line-height: 59px; */
	color: #000000;
	margin-block-end: clamp(12px, -1.42px + 1.74vw, 30px);
}
.giftcardDetails h2 {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	color: #000000;
	margin-block-start: clamp(10px, -3.2px + 1.28vw, 20px);
	margin-block-end: 1px;
}
.giftcardDetails .form-options {
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-block-end: clamp(10px, -3.2px + 1.28vw, 20px);
	/* margin-block-end: 20px; */
}
.giftcardDetails .form-options label {
    max-width: 160px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #848484;
    border: 1px solid #000000;
    /* padding: 13px 10px; */
    padding-inline: 10px;
    padding-block: clamp(10px, 6px + 0.38vw, 13px);
    margin: 0;
}
.giftcardDetails .form-options label:hover {
	text-decoration: underline;
	color: #000000;
}
.giftcardDetails .form-options label:has(input:checked) {
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #000000;
    background: #000;
}
.giftcardDetails input {
	height: 40px;
	min-height: auto;
	padding: 4px 5px;
}
.giftcardDetails input {
	font-family: 'Raleway' !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 19px;
	color: #000000 !important;
	border: 1px solid #000000 !important;
	margin: 0;
}
.giftcardDetails .name-group input,
.giftcardDetails textarea {
	font-family: "Chego Regular" !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 22px !important;
	line-height: 24px;
	color: #000000 !important;
	border: 1px solid #000000 !important;
	margin: 0;
}
.giftcardDetails input::placeholder,
.giftcardDetails textarea::placeholder {
	font-family: 'Raleway' !important;
	font-style: normal;
font-weight: 300 !important;
font-size: 16px !important;
line-height: 19px !important;
color: #6F6C6C !important;
	opacity: 1 !important;
}
.amountCollection {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-block-end: 18px;
}
.amountCollection .btn-border {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 24px !important;
	line-height: 28px;
	color: #000000;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.amountCollection .btn-border.selected {
	text-decoration: underline;
}
.amountSection label {
	/* max-width: 125px; */
	width: 100%;
	display: flex;
	align-items: center;
	font-family: 'Raleway';
	font-style: normal;
font-weight: 300 !important;
font-size: 16px !important;
line-height: 19px !important;
color: #6F6C6C !important;
	box-sizing: border-box;
	padding: 5px 9px;
	margin-block-end: 0px;
}
 

.amountSection input {
	font-family: 'Raleway' !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 24px !important;
	line-height: 28px;
	color: #000000 !important;
	text-align: center !important;
	border: none !important;
	margin-block-end: 0px;
}
#drop_amount {
    max-width: 0;
    margin-inline: auto;
    position: absolute;
}
#drop_amount.active {
    border-bottom: 1px solid #000000 !important;
    width: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    text-align: left !important;
}
.amountSection.active label {
	opacity: 0;
}
.name-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, -49.8px + 7.22vw, 80px);
    padding-top: 25px;
}

.name-group .form-group {
	display: flex;
	flex-direction: column;
}
.amountSection {
	border: 1px solid #000000;
	margin-block-end: clamp(20px, 6.8px + 1.28vw, 30px) !important;
	/* margin-block-end: 22px; */
}
.amountSection .static_label {
    color: #696365;
    font-size: 14px;
    font-weight: 700;
    min-height: 39px;
}
.form-group-bordered {
	margin-block-end: 12px !important;
}
.form-group-bordered label {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 16px;
	color: #000000 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.name-group label {
	margin-block-end: 5px !important;
}
#gift_card_atc_button {
    max-width: 100%;
    width: 100%;
    height: 36px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    box-sizing: border-box;
    background: #000000;
    border: 1px solid #000000;
    margin-block-start: clamp(20px, -9px + 2.83vw, 42px) !important;
    margin-bottom: 40px;
}
.form-text {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #4F4F4F;
    padding: 0 4px;
}


.kb_final_error_message {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 1px);
	text-align: center;
	font-size: 12px;
	display: inline-block;
	width: 100%;
}
.kb_error_field,
.kb_final_error_field {
	border: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
	
	.giftcardDetails h1 {
		font-size: 40px;
		line-height: 59px;
	}
	.giftcardDetails .form-options {
		margin-block-end: 20px;
	}
	.giftcardDetails .form-options label {
		padding: 13px 10px;
	}
	.amountSection {
		margin-block-end: 22px !important;
	}
	#gift_card_atc_button {
		margin-block-start: 42px !important;
	}
}
@media (max-width: 1023px) {
	.giftTwoSectionLayout {
		flex-direction: column;
	}
	.giftSectionTwoHeader,
	.giftSectionTwoBody {
		border: none;
	}
	.giftSectionTwoHeader {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-inline-start: -50vw;
		margin-inline-end: -50vw;
		padding: 0;
		margin-block-end: 24px;
	}
	.giftSectionTwoHeader .image-wrapper.image-offline {
		border: none;
	}
	.giftSectionTwoHeader-images .text-to-image .preview-card {
		max-width: 210px;
	}
	.giftSectionTwoHeader-images .text-to-image .preview-card #preview_from {
		font-size: 40px;
	}
	.giftSectionTwoHeader-images .text-to-image .preview-card #preview_message {
		font-size: 28px;
	}
	.giftcardDetails {
		max-width: 520px;
		margin-inline: auto;
	}
	.giftcardDetails .form-group {
		flex-wrap: nowrap !important;
	}
}
@media (max-width: 767px) {
	#drop_amount.active {
    border: 1px solid #000000 !important;
    width: 100%;
    position: absolute;
    width: 160px;
    right: 0;
    left: auto;
    max-width: 100%;
    text-align: left !important;
    margin-top: 5px;
}
	.mobilepreviewtabs {
		display: none !important;
	}
	.giftSectionTwoHeader img {
		height: auto !important;
	}
	.giftcardDetails h1 {
		font-size: 25px;
		line-height: 29px;
		letter-spacing: -0.03em;
		margin-block-end: 30px;
	}
	.giftcardDetails h2 {
		margin-block-end: 5px;
	}
	.amountSection {
		border: none;
	}
.amountSection label {
    max-width: 160px;
    border: 1px solid #000000;
}
	.giftSectionTwoHeader .image-wrapper {
		padding-inline: 0px;
		padding-block-start: 47px;
		padding-block-end: 51px;
	}
	.giftSectionTwoHeader .image-wrapper.image-online {
		padding-top: 50px;
		padding-bottom: 30px;
		padding-right: 0;
	}
	.giftSectionTwoHeader .image-wrapper.image-offline {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.image-wrapper.image-online .giftSectionTwoHeader-images {
		flex-direction: column;
		padding-inline: 0;
        gap: 50px;
	}
	.giftSectionTwoHeader-images .text-to-image {
 
    padding: 0 15%;
 
}
	.image-wrapper.image-offline .giftSectionTwoHeader-images {
		flex-direction: column;
		padding-inline: 46px;
	}
	.giftSectionTwoHeader-images svg {
		max-width: 172px;
		width: 22.425vw;
		height: auto;
	}
	.giftSectionTwoBody {
		padding-inline: 0px;
		padding-block-end: 0px;
	}
	.amountCollection {
		margin-block-end: 10px;
	}
	.amountSection {
		flex-direction: row-reverse;
		align-items: start;
		justify-content: space-between;
	}
	.amountSection h2 {
		margin-block-start: 0px;
	}
	#gift_card_atc_button {
		margin-block-start: 64px !important;
	}
}
@media (max-width: 619px) {
	.giftSectionTwoHeader-images .text-to-image .preview-card {
		max-width: clamp(80px, -59.1px + 43.48vw, 210px);
		top: clamp(24%, 20.8% + 1vw, 27%);
	}
	.giftSectionTwoHeader-images .text-to-image .preview-card #preview_from {
		font-size: clamp(20px, -1.4px + 6.69vw, 40px);
		margin-block-end: clamp(0px, -10.7px + 3.34vw, 10px) !important;
	}
	.giftSectionTwoHeader-images .text-to-image .preview-card #preview_message {
		font-size: clamp(10px, -9.3px + 6.02vw, 28px);
	}
}