.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox,
.bpa-front-module--booking-summary .bpa-is-gift_card-applied{
    position: relative;
    padding: 12px 24px;
	border-top: 1px solid var(--bpa-gt-gray-400);
	-webkit-animation-name: bpaFadeInUp;
    animation-name: bpaFadeInUp;    
    animation-timing-function: cubic-bezier(.51,.92,.24,1.15);
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.4s;  
    animation-delay: 0.4s;
}
.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox{
	position: relative;
    padding: 12px 24px;
    border-top: 1px solid var(--bpa-gt-gray-400);
    -webkit-animation-name: bpaFadeInUp;
    animation-name: bpaFadeInUp;
    animation-timing-function: cubic-bezier(.51,.92,.24,1.15);
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.bpa-fm--bs__gift-card-module-textbox {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right {
    min-width: 330px;
    position: relative;
}
.bpa-fm--bs__gift-card-module-textbox .bpa-front-form-label{
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
	font-family: var(--bpa-primary-font);
    display: block;
    color: var(--bpa-dt-black-300);
    position: relative;
    margin-bottom: 0;
}
.bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn{
    position: absolute;
    right: 3px;
    top: 3px;
	padding: 7px 20px !important;
    border-radius: var(--bpa-radius-4px) !important;
	font-size: 14px;
	line-height: 17px;
	min-width: 82px;
	justify-content: center;
}
/* .bpgc-my-gift-card-tab .bpgc-my-gift-card-icon {
    margin-top: 1px;
    margin-left: 5px;
} */
.bpgc-front-gift-card-detail .bpgc-gift-card-service-include-text {
    font-weight: 600;
    height: 32px;
    font-size: 16px;
    border-bottom: 1px dashed var(--bpa-gt-gray-400);
    margin-bottom: 12px;
}
.bpgc-show-gift-card-services_load .bpgc-gift-card-service-load-link svg{
    width: 16px;
    margin-left: 6px;
    fill: var(--bpa-pt-main-green);
    top: 50%;
    position: absolute;
    transform:translateY(-50%);
    right:-20px;
}
.bpgc-gift-card-head-col .bpgc-front-module-heading {
    font-size: 30px;
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation {
    margin-top: 8px;
    display: flex;
    align-items: center;
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error p {
    color: var(--bpa-sc-danger);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation p {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--bpa-primary-font);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error svg {
    fill: var(--bpa-sc-danger);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation svg {
    width: 16px;
    margin-right: 4px;
}
.bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span {
    background-color: var(--bpa-pt-main-green);
    border-radius: var(--bpa-radius-2px);
    color: var(--bpa-cl-white);
    font-family: var(--bpa-primary-font);
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    padding: 2px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
}
.bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span svg {
    width: 14px;
    vertical-align: middle;
    margin-left: 4px;
    cursor: pointer;
    fill: var(--bpa-cl-white);
    margin-top: -1px;
}
.bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-is-gift_card-applied {
    padding: 12px 24px;
}
/* For the complete payment */
.bpgc-front-module--pm-body__item{ order: 2;}
.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox,
.bpa-front-module--booking-summary .bpa-is-coupon-applied{
    position: relative;
    padding: 12px 24px;
	border-top: 1px solid var(--bpa-gt-gray-400);
	-webkit-animation-name: bpaFadeInUp;
    animation-name: bpaFadeInUp;    
    animation-timing-function: cubic-bezier(.51,.92,.24,1.15);
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.4s;  
    animation-delay: 0.4s;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied {
    padding: 12px 24px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span{
    background-color: var(--bpa-pt-main-green);
    border-radius: var(--bpa-radius-2px);
    color: var(--bpa-cl-white);
	font-family: var(--bpa-primary-font);
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    padding: 2px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span svg{
    width: 14px;
    vertical-align: middle; 
    margin-left: 4px;
	cursor: pointer;
    fill: var(--bpa-cl-white);
	margin-top: -1px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item.bpa-is-price{
    color: var(--bpa-sc-danger) !important;
}
.bpa-front-cp-my-appointment span.material-icons-round.bpgc-apc__gift-card-icon
{
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: var(--bpa-dt-black-200);
    margin-top: 4px;
}
.bpgc-gift-card-button button:focus{
    outline: 2px solid black;
}
.bpa-gift-generated-code-svg {
    vertical-align: text-top;
}
.bpa-gift-generated-code-title .cell{
    display: flex;
}
.bpa-gift-generated-code {
    width: 150px;
}
.bpgc-front-cp-my-gift-card-tablet .bpa-gift-generated-code {
    width: 140px;
}
.bpa-gift-generated-code-svg:hover {
    color: var(--bpa-pt-main-green);
}

.bpa-ma-vac-usage_history-title {
    border: none;
}

.bpa-ap-item__head,
.bpa-ib--item-card {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    margin-bottom: 12px;
    /* Your existing animation styles remain */
}

.bpa-vac-ap--items--usage-history .bpa-ih--item,
.bpa-vac-ap--items--usage-history .bpa-ib--item { flex: 0 0 auto; }

.bpa-gc-item-usage-history-body-section .bpa-vac-pd__item .bpa-vac-pd__val {text-align: left;  }

.bpa-ib--item.bpgc-gift-card-usage-history-right-item .bpa-vac-pd__val {text-align: right; }
/* Set column widths explicitly */
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1) { width: 10%; /* No */ }

.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) { width: 30%; /* Service Name */ }

.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3), 
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 40%; /* Date & Time */ }

.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(4),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(4) { width: 20%; /* Price */ text-align: right; }

.bpa-ap-item__body.bpa-gc-item-usage-history-body-section .bpa-ib--item-card.bpa-vac-pd__item{
    border: 1px solid var(--bpa-gt-gray-400);
    border-radius: var(--bpa-radius-8px);
    padding: 12px 16px;   
}
.bpa-item--val.bpa-front-text-primary-color{
    color: var(--bpa-pt-main-green) !important;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker.el-date-editor{
    border-radius: 6px;
    background-color: transparent !important;
    border-color: var(--bpa-gt-gray-400);
    padding: 3px 0 3px 16px;
    line-height: unset;
    height: auto;
}

.bpa-frontend-main-container .el-select-dropdown__item {
    padding: 0 20px !important;
}
.bpa-ap-item__body .bpa-ib--item-card + .bpa-ib--item-card {
    margin-top: 12px;
}
#paypal-giftcard-button-container {
    margin-left: 16px;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-date-editor .el-input__icon {
    width: 20px;
    height: 20px;
    line-height: 20px; 
}

.bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-range__icon::before{
    content: '';
    background-color: var(--bpa-dt-black-200);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    position: absolute;   
}
/* Example: Change placeholder color to red */
.bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker input::placeholder {
    color: rgba(114,126,149,0.75);    
}

.bpa-gift-card-card-details-line {
    border-bottom:  1px solid #CFD6E5;
    margin-bottom: 20px;
}
.bpa-gift-card-usage-history-service-title p {
    font-size: 14px !important;
    line-height: 18px;
}

.bpa-gift-card-flex-item-gap { gap: 10px; }

@media (max-width: 991px){
    .bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right {
        min-width: 280px;
    }
}
@media (max-width: 576px) {
    .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox {
        padding: 8px 20px;
        flex-direction: column;
    }
    .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn {
        position: absolute;
        top: 3px;
        padding: 8px 10px !important;
        right: 3px;
        font-size: 0;
        min-width: unset;
        max-width: unset;
    }
    .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn::before{
        content: '';		
        background-color: var(--bpa-cl-white);
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3E%3C/svg%3E");
		width: 16px;
		height: 16px;
		display: block;
    }
    .bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right {
        min-width: 100%;
    }
    .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1){
        width: auto;
    }
    .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) {
        width: 50%;
    }
    .bpa-gift-card-usage-history-service-title .bpa-vac-pd__val{
        font-size: 14px;
    }
    .bpa-ib--service-subitem .bpa-vac-pd__val {
        font-size: 13px;
        font-weight: 400;
    }

    .bpa-mob-col__body .bpa-mob--date-time-details.bpgc-mob--gift-card-details {
        gap: 15%;
    }
    .bpa-front-cp-ma__mob-col .bpa-mob-col__body {width: 100%;}
    .bpgc-front-cp-my-gift-card .bpa-front-invoice-btn { width: 100%; justify-content: center; } 

    
    .bpa-date-range-picker-widget-wrapper{
        width: 85%;
    }
    .bpa-date-range-picker-widget-wrapper .el-picker-panel__body{
        min-width: 100%;
    }
    .bpa-date-range-picker-widget-wrapper .el-date-range-picker__content{
        width: 100%;
        float: none;
    }    
    .bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3), 
    .bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 30%; }    
}