@media(min-width:768px){.loyalty-profile .loyalty-row{margin-left:0 !important}
}
@media(max-width:767px){.loyalty-profile .removedbtn{padding-top:10px;justify-content:end}
}
@media screen and (max-width:991px){.loyalty-profile .desktop-only-css{display:none !important}
.loyalty-profile .category-dropdown{margin:0;padding:16px 0}
}
@media screen and (min-width:992px){.loyalty-profile .mobile-only-css{display:none}
}
.loyalty-profile .profile-heading{color:var(--Global-Colours-AI-Base-AI-Black,#1c1213);font-family:"Nunito Sans";font-size:24px;font-style:normal;font-weight:700;line-height:125%;padding-bottom:16px}
.loyalty-profile .phone-input-container{display:flex;align-items:center}
.loyalty-profile .phone-input-container .mat-form-field{flex-grow:1;border:0;background:0}
.loyalty-profile .lty-error-state>p,.loyalty-profile .noDataFound>p,.loyalty-profile .profilemessage{font-family:var(--body-font-family);font-size:16px;font-style:normal;font-weight:400;line-height:125%}
.loyalty-profile .alert-div{margin-bottom:24px;background-color:#FFF}
.loyalty-profile .alert-div .errMsg{border-radius:0 !important;padding:24px}
.loyalty-profile .alert-div .errMsg svg{margin-bottom:2px}
.loyalty-profile .alert-div .errMsg span{font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:.08px;background:0}
.loyalty-profile .alert-div .errMsg .alert-danger{color:#b61032}
.loyalty-profile .alert-div .errMsg .alert-success{color:#09591a}
@media(max-width:767px){.loyalty-profile .alert-div{margin-bottom:16px}
}
.loyalty-profile .phone-input-container .ccode{flex:none;width:25%}
.loyalty-profile .phone-input-container .ccode .mat-form-field-infix{padding-top:13.5px;padding-bottom:13.5px}
.loyalty-profile .phone-input-container .ccode .mat-form-field-outline-end{border:0}
.loyalty-profile .phone-input-container .phno .mat-form-field-outline-start{border:0}
.loyalty-profile .phone-input-container .ccode::after{background-color:red !important}
.loyalty-profile .phone-input-container .phno{flex:auto;width:75%}
.loyalty-profile .bg-disabled{background-color:#e9ecef !important}
.loyalty-profile .disabled-gradient{background:linear-gradient(180deg,#FFF 0,rgba(255,255,255,0) 45.83%,#edeef1 53.12%,#edeef1 100%)}
.loyalty-profile .padding-24{padding:24px !important}
.loyalty-profile .pb-12{padding-bottom:12px !important}
.loyalty-profile .pb-16{padding-bottom:16px !important}
.loyalty-profile .pb-24{padding-bottom:24px}
.loyalty-profile .document-heading-padding{padding:20px 0 4px 12px !important}
.loyalty-profile .anOther_Document .ng-star-inserted:first-child h5.document-heading-padding{padding-top:4px !important}
.loyalty-profile .left-button-spacing{margin:8px 0 0 0 !important;padding:0 24px 12px 4px !important}
.loyalty-profile .right-button-spacing{padding:0 4px 0 0 !important;margin:8px 0 12px 0 !important}
.loyalty-profile .cancel-button{padding:0 24px;height:48px}
.loyalty-profile .save-button{padding:0 24px;height:48px}
.loyalty-profile .address-heading-padding{padding:20px 12px 4px !important}
.loyalty-profile .pt-12{padding-top:12px !important}
.loyalty-profile .pt-16{padding-top:16px !important}
.loyalty-profile .p-12{padding:12px !important}
.loyalty-profile .p-0{padding:0 !important}
.loyalty-profile .p-4{padding:4px !important}
.loyalty-profile .mat-calender-field{width:100%}
.loyalty-profile .full-width{width:100% !important}
.loyalty-profile .nav_section_heading{color:var(--global-colours-ai-base-ai-black,#1c1213) !important;font-family:Nunito Sans !important;font-size:24px !important;font-style:normal !important;font-weight:700 !important;line-height:125% !important}
.loyalty-profile .sub_section_heading{color:var(--text-text-heading,#383c42) !important;font-family:Nunito Sans !important;font-size:16px !important;font-style:normal !important;font-weight:600 !important;line-height:125% !important;padding-top:24px !important;margin-bottom:0 !important}
.loyalty-profile .nav-side-section-heading{font-family:var(--variable-font-family) !important;font-size:16px !important;font-style:normal !important;font-weight:500 !important;line-height:normal !important;justify-content:center;align-items:center}
.loyalty-profile .form-control:disabled,.loyalty-profile .form-control[readonly]:not(.expiry-date-input){background-color:#e9ecef !important;opacity:1}
.loyalty-profile .form-select:focus-visible{outline:1px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color}
.loyalty-profile .error_icon{width:10px;height:15px;background-image:url("../../../../../content/dam/air-india/loyalty/error-message-icon.svg");background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-right:0;padding-right:15px}
.loyalty-profile mat-error{font-family:var(--body-font-family) !important}
.loyalty-profile .input-group{border:1px solid #ced4da}
.loyalty-profile .input-group .form-control{border:0}
.loyalty-profile .input-group .btn{border:0}
.loyalty-profile .form-label{margin-bottom:0}
.loyalty-profile .is-invalid{border:1px solid #c02d32}
.loyalty-profile .was-validated .form-control:invalid,.loyalty-profile .form-control.is-invalid{background-image:none}
.loyalty-profile .invalid-frm-feedback{color:#9f0000;font-weight:400;font-size:10px;line-height:12px;padding-top:10px}
.loyalty-profile .disable-calendar{background-color:#e9ecef}
@media(max-width:767px){.loyalty-profile .margin-top-sm{margin-top:16px}
}
.loyalty-profile .card-body-padding{padding:24px}
@media(max-width:767px){.loyalty-profile .card-body-padding{padding:16px}
}
.loyalty-profile .card-row-padding{padding:16px 10px 4px}
.loyalty-profile .contact-info-row{padding-top:52px}
.loyalty-profile .add-another{font-size:14px;line-height:14px;display:flex;align-items:center;text-align:right;color:#1f2b34;cursor:pointer}
.loyalty-profile .plusIC{cursor:pointer;color:#1f2b34;font-size:14px}
.loyalty-profile .plustext{color:var(--global-colours-ai-red-r-500-brand,#da0e29);font-family:var(--variable-font-family);font-size:12px;font-style:normal;font-weight:400;line-height:125%;letter-spacing:.12px;text-transform:capitalize;cursor:pointer}
.loyalty-profile .sideBorder{border-left:4px solid #ced4d8;padding-left:20px}
@media(max-width:576px){.loyalty-profile .sideBorder{padding-left:12px}
}
.loyalty-profile .sideBorder h5{color:#3c4a54}
.loyalty-profile .removeIcon{width:16px;height:18px;background-image:url(../../../../../content/dam/air-india/loyalty/remove.svg);background-repeat:no-repeat;display:inline-block;vertical-align:middle}
@media(max-width:576px){.loyalty-profile .removeIcon{margin:20px 0 20px 0}
}
.loyalty-profile .removedbtn{display:flex;align-items:center;cursor:pointer;color:#da0e29;background-position-x:20%}
.loyalty-profile .text-end{justify-content:end !important}
.loyalty-profile .removedbtn p{color:var(--global-colours-ai-red-r-500-brand,#da0e29);font-family:var(--variable-font-family);font-size:16px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.24px;text-transform:capitalize}
.loyalty-profile .row-padding-bottom{padding-bottom:56px}
.loyalty-profile .row-padding-bottom-second{padding-bottom:48px}
.loyalty-profile .profile-button{justify-content:center}
.loyalty-profile .checkbox-txt{padding-top:4px;text-transform:initial;color:var(--text-text-heading-dark,#25272c);text-align:center;font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.035px;cursor:pointer;align-self:center}
.loyalty-profile label{font-weight:400;font-size:14px;letter-spacing:.02em;font-family:var(--body-font-family) !important;color:var(--global-colours-ai-base-ai-black,#1c1213);opacity:.9;font-style:normal;font-weight:400;line-height:125%}
@media screen and (min-width:992px){.loyalty-profile label{white-space:nowrap}
}
.loyalty-profile .mr{color:#1f2b34;padding:9.5px 8px}
.loyalty-profile .desc-txt{color:#1f2b34;font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.035px}
.loyalty-profile .form-control{border-radius:2px}
.loyalty-profile .form-check-input{border-radius:4px;border:1px solid #ced4d8}
.loyalty-profile .form-check-input:checked{background-color:#da0e29;border-color:#f0f2f4;background-image:url(../../../../../content/dam/air-india/loyalty/ic-checked-1.svg);background-size:14px 14px;border-radius:4px;border:1px solid #f0f2f4}
.loyalty-profile .checkbox-padding{padding-top:8px}
.loyalty-profile .form-check-label{font-size:smaller;cursor:pointer}
.loyalty-profile .labCent{text-align:center}
.loyalty-profile .hedText{color:#1f2b34}
.loyalty-profile .phone-no{padding-top:56px}
.loyalty-profile .card-title span,.loyalty-profile #ContInfo span{font-style:normal;font-weight:500;font-size:24px;line-height:34px;color:#1f2b34}
.loyalty-profile #formCard,.loyalty-profile #address p{font-weight:500;font-size:19.2px;line-height:29px;padding-top:24px;color:#3c4a54;margin-bottom:0;margin-top:0}
.loyalty-profile .form-check-input{padding:16px;margin-right:8px;border-radius:0 !important}
.loyalty-profile input.ng-invalid.ng-touched:not(.mat-custom-input-disabled,.mat-custom-input){border:1px solid #c02d32}
.loyalty-profile #selt.ng-invalid.ng-touched{border:1px solid #c02d32}
.loyalty-profile #starClr{color:#be1e24;margin-left:4px;font-weight:600;font-size:11.2px;line-height:20px;letter-spacing:.02em}
.loyalty-profile .addMore_btnRow{padding:10px 0 10px 0}
.loyalty-profile .addMore_btnRow>div{text-align:left}
@media(max-width:576px){.loyalty-profile .addMore_btnRow{padding:10px 0 0 0}
.loyalty-profile .addMore_btnRow div{padding:16px 12px}
}
.loyalty-profile .gy-2{padding-top:17px}
.loyalty-profile button.btn-red1,.loyalty-profile button.btn-red1:hover{background:#c02d32;color:#fff;font-style:normal;font-weight:600;line-height:20px;padding:8px;border-radius:0;border:0;letter-spacing:.02em}
@media(max-width:576px){.loyalty-profile button.btn-red1,.loyalty-profile button.btn-red1:hover{font-size:10.5px}
}
@media(min-width:768px){.loyalty-profile button.btn-red1,.loyalty-profile button.btn-red1:hover{font-size:10.33px}
}
@media(min-width:992px){.loyalty-profile button.btn-red1,.loyalty-profile button.btn-red1:hover{font-size:13.33px}
}
.loyalty-profile .bi-calendar3{width:2.75rem;background-repeat:no-repeat;background-size:23px;background-position:center;border-radius:2px;border:1px solid #ced4da}
.loyalty-profile .bi-calendar3-image{background-image:url("../../../../../content/dam/air-india/loyalty/ic_calender-1.svg")}
.loyalty-profile .bi-calendar3:hover{background-color:transparent}
.loyalty-profile .profile-document-card{margin-top:40px;margin-bottom:80px;padding-bottom:48px}
@media(max-width:576px){.loyalty-profile .profile-document-card{padding-bottom:0}
}
.loyalty-profile #ContInfo div span{font-size:19.2px}
.loyalty-profile .textbox{background:#f4f4f5 !important;padding:9.5px 8px}
.loyalty-profile .anOther_Document ngb-typeahead-window.dropdown-menu{font-weight:400;font-size:13.33px;line-height:30px;border-radius:2px;padding:0}
.loyalty-profile .anOther_Document ngb-typeahead-window.dropdown-menu .dropdown-item{height:44px}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel{margin-bottom:24px;border:1px solid var(--global-colours-ai-grey-g-100,#edeef1);border-radius:4px}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-header{display:flex;padding:10px 16px !important;justify-content:space-between;align-self:stretch;background:#f7f8f8;border-radius:0}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-header .mat-expansion-panel-header-title{color:var(--text-text-heading,#383c42);font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:700;line-height:125%}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-header{height:3pc !important}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-header .mat-expansion-indicator::after{padding:5px;vertical-align:initial;color:black}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-header .mat-expanded{height:3pc !important}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel{box-shadow:none !important}
.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-content .mat-expansion-panel-body{padding:0 0 !important}
@media only screen and (max-width:767px){.loyalty-profile .profile-content mat-accordion .mat-expansion-panel-content .mat-expansion-panel-body{padding:0 5px !important}
}
.loyalty-profile .profile-content .mat-expansion-panel-header[aria-expanded="true"] .mat-expansion-indicator{margin-top:-3px}
.loyalty-profile .profile-content .mat-expansion-panel-header[aria-expanded="true"] .mat-expansion-indicator::after{vertical-align:top}
.loyalty-profile .mrkt-pref:first-child{padding-top:0}
.loyalty-profile .contant-info-section h5,.loyalty-profile .password-section h5{color:var(--text-heading,#191e25);font-size:18px;font-style:normal;font-weight:500;line-height:28px}
.loyalty-profile .contant-info-section h6{color:#1f2b34;font-size:16px;font-style:normal;font-weight:400;line-height:24px}
.loyalty-profile .autocompleteField{position:relative}
.loyalty-profile .autocompleteField .dropdown-menu{width:100%;max-height:264px;overflow-y:auto;overflow-x:hidden;border:0;border-radius:0;box-shadow:0 4px 8px #00000029}
.loyalty-profile .autocompleteField .dropdown-menu::-webkit-scrollbar{width:4px;background-color:#f5f5f5}
.loyalty-profile .autocompleteField .dropdown-menu::-webkit-scrollbar-thumb{background-color:#a8a8a8;outline:1px solid #a8a8a8}
.loyalty-profile .autocompleteField .dropdown-menu .dropdown-item.active{background:#f2f2f2;color:#333}
.loyalty-profile .dropdown-menu .dropdown-item div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loyalty-profile .dropdown-item div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loyalty-profile .card-col{padding-right:38.12px}
@media only screen and (max-width:767px){.card-col{padding-right:14px !important}
}
.loyalty-profile .email-col{padding-right:20px}
.loyalty-profile .loyalty-datePicker input.is-invalid{border:1px solid #c02d32}
.loyalty-profile.responsiveBody select.is-doc-invalid{border:1px solid #c02d32}
.loyalty-profile.responsiveBody div.alert.alert-danger,.alert-success{border-radius:0}
.loyalty-profile .phone-field{background-color:#e9ecef !important}
@media only screen and (max-width:767px){.div-gap{margin-top:1rem}
}
.profile-top-panel{padding:24px 24px 0 !important;height:fit-content;background:#fff}
.profile-top-panel .nav-link{color:#626b71;font-size:16px;font-style:normal;font-weight:500;line-height:32px;padding:12px 8px !important}
@media(max-width:991px){.profile-top-panel .nav-link{font-size:14px}
}
.profile-top-panel button{display:flex}
.profile-top-panel button svg{margin-right:12px}
@media(max-width:991px){.profile-top-panel{background:transparent;width:100%;display:-webkit-box;padding:20px 15px}
.profile-lft-panel button{color:var(--global-colours-ai-grey-g-900,#25272c);font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:164%}
}
#loyalty-page-user-profile .loyalty-profile .nav-pills .nav-link.active{border-bottom:3px solid #da0e29 !important;border-radius:0;color:var(--Text-Text_Heading_Dark,#25272c) !important;font-weight:700 !important}
@media(max-width:991px){#loyalty-page-user-profile .loyalty-profile .nav-pills .nav-link.active{color:#000 !important;background-color:#FFF !important;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:164%;border-bottom:3px solid #da0e29}
}
#loyalty-page-user-profile .loyalty-profile .nav-pills .nav-link{background-color:#FFF;color:var(--Text-Text_Body,#494e5c) !important;border-bottom:1px solid #d9d3e0 !important;font-weight:400 !important;border-radius:0}
.loyalty-profile .mat-form-field-required-marker{color:red}
.loyalty-profile .fullWidthtNameInput{width:100%}
.loyalty-profile .mat-custom-input{color:var(--ai-page-text-color,#626773) !important;font-family:var(--body-font-family) !important;font-size:16px !important;font-style:normal !important;font-weight:400 !important;line-height:165% !important}
.loyalty-profile .mat-custom-input-disabled{color:var(--global-colours-ai-grey-g-400,#828a99) !important;font-family:var(--body-font-family) !important;font-size:16px !important;font-style:normal !important;font-weight:400 !important;line-height:165% !important}
.loyalty-profile .bg-light{background-color:#fff !important}
.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 !important}
.loyalty-profile mat-label{color:var(--text-text-body,#626773);font-family:var(--body-font-family) !important;font-size:16px !important;font-style:normal !important;font-weight:400 !important;line-height:165% !important;opacity:.8}
.loyalty-profile mat-form-field.mat-readonly .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label.mat-form-field-label mat-label{color:var(--text-text-heading,#383c42) !important;opacity:.4 !important}
.loyalty-profile .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:15px 1em !important}
.loyalty-profile .mat-form-field-label-wrapper{overflow:visible !important}
.loyalty-profile .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline{background-color:#fff}
.loyalty-profile .mat-form-field-wrapper{padding-top:0 !important;padding-bottom:0 !important;margin:0 !important}
.loyalty-profile mat-option span.mat-option-text{font-family:var(--body-font-family) !important;font-size:16px !important;font-style:normal !important;font-weight:400 !important;line-height:165% !important}
.loyalty-profile .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text{color:var(--text-text-body,#626773) !important}
.loyalty-profile .mat-select-arrow-wrapper .mat-select-arrow{width:0 !important;border:solid !important;padding:4px !important;border-width:0 2px 2px 0 !important;transform:rotate(45deg) !important;height:0 !important;margin:0 4px !important;color:#1c1213 !important}
.btn.w-100.btn-red{color:var(--buttons-primary-button-primary-text,#FFF) !important;font-family:var(--variable-font-family) !important;font-size:14px !important;font-style:normal !important;font-weight:400 !important;line-height:140% !important;letter-spacing:.14px !important;text-transform:capitalize !important;border:1px solid #da0e29}
.mat-expansion-panel.mat-expanded .mat-expansion-panel-content{padding:4px 16px !important}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.99373em) scale(0.75) !important}
.mat-readonly .mat-form-field-outline{background-color:#e9ecef !important;border:0}
.mat-form-field-disabled .mat-form-field-outline{background-color:#e9ecef !important;border:0}
.labelTop>label{position:absolute;top:-15px;left:6px;padding:4px 3px;background-color:white}
.labelTop2>label{position:absolute;bottom:-10px;z-index:103;left:12px;background:white;font-size:12px !important;color:var(--text-text-body,#626773)}
.labelTop3,.labelTop2{position:relative}
.labelTop3>label{position:absolute;bottom:-3px;height:12px;z-index:103;left:12px;background:linear-gradient(180deg,#FFF 0,rgba(255,255,255,0) 45.83%,#edeef1 53.12%,#edeef1 100%);color:var(--text-text-heading,#383c42);opacity:.4 !important;font-size:12px !important}
.loyalty-profile .iti{margin-bottom:0 !important}
.remaning-word-textarea{position:relative !important;bottom:3px;left:2px;color:#bdb5b5}
.profile-mat-field-height{height:56px !important}
ngx-intl-tel-input input{height:74px;margin-bottom:20px;padding:5px;border-style:solid;border-width:1px;border-color:#c7cace;border-radius:4px;font-size:18px}
ngx-intl-tel-input.ng-invalid.ng-touched input{border:1px solid #c0392b}
ngx-intl-tel-input input:hover{box-shadow:0 1px 0 0 rgba(0,0,0,0.24)}
ngx-intl-tel-input input:focus{outline:none !important;border-color:#3498db;box-shadow:0 0 0 0 #000}
ngx-intl-tel-input input::-webkit-input-placeholder{color:#bac2c7}
ngx-intl-tel-input input:-ms-input-placeholder{color:#bac2c7}
ngx-intl-tel-input input::-ms-input-placeholder{color:#bac2c7}
ngx-intl-tel-input input::placeholder{color:#bac2c7}
ngx-intl-tel-input input[disabled]{background-color:#e5eaf1}
.confirmDeselectionModal{background:#0000007d}
.confirmDeselectionModal .modal-content{border-radius:0;border:0;width:462px}
.confirmDeselectionModal .modal-content .modal-header{background:var(--AI-Red-Gradient,linear-gradient(90deg,#da0e2b 0,#b61032 100%));padding-top:16px !important;padding-bottom:16px;padding-left:32px !important;padding-right:32px !important;border-radius:0;height:56px !important}
.confirmDeselectionModal .modal-content .modal-header .modal-title{color:var(--ai-artboard-bg,#f0f0f0);font-family:var(--variable-font-family);font-size:18px;font-style:normal;font-weight:600;line-height:125%;text-transform:uppercase}
.confirmDeselectionModal .modal-content .modal-header .close{background:transparent;border:0}
.confirmDeselectionModal .modal-content .modal-header .close span{font-size:24px;color:white}
.confirmDeselectionModal .modal-content .modal-body{padding:24px 24px 0 24px;font-size:12px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.048px;color:#25272c}
.confirmDeselectionModal .modal-content .modal-body .modal-inner{background:#f7f8f8;padding:16px 12px}
.confirmDeselectionModal .modal-content .modal-footer{padding:24px;display:block}
.confirmDeselectionModal .modal-content .modal-footer .cancel{border:1px solid var(--buttons-primary-button-primary-bg,#DA0E29);width:194.575px;height:40px;padding:0 16px;background-color:white;border-radius:0;color:var(--buttons-primary-button-primary-bg,#DA0E29);&:hover{background-color:#fff;border:2px solid var(--ai-page-header-color);color:var(--ai-page-header-color)}
&:active{border:1px solid #790b27;background-color:#fecbd8 !important;color:#790b27 !important}
}
.confirmDeselectionModal .modal-content .modal-footer .continue{width:194.575px;height:40px;padding:0 16px;background-color:var(--buttons-primary-button-primary-bg,#DA0E29);border-radius:0;border:1px solid var(--buttons-primary-button-primary-bg,#DA0E29);&:hover{background:var(--ai-page-header-color);border-color:var(--ai-page-header-color);color:#fff;text-decoration:none}
&:active{background-color:#790b27 !important;color:#FFF !important}
}
.confirmDeselectionModal .modal-content .modal-footer .modal-button-text{font-family:var(--variable-font-family);font-size:12px;font-style:normal;font-weight:400;line-height:125%;letter-spacing:.12px;text-transform:capitalize;margin:4px 0;@media(max-width:767px){width:100%}
@media(min-width:768px){&:first-child{margin-right:12px !important}
&:last-child{margin-left:12px !important}
}
}
span.required-asterix{color:#c02d32}
input.open~label.expiry-date-label{transform:translateY(-9px) !important;font-size:12px !important;background-color:#fff;padding-bottom:0;margin-left:6px !important;margin-top:0 !important}
input.open~label.dob-label{transform:translateY(-8px) !important;font-size:12px !important;background-color:#fff;margin:0 !important;color:var(--text-text-heading,#383c42);opacity:.4}
input.open~label.expiry-date-label span,input.open~label.expiry-date-label b{color:#c02d32}
input.open~label.dob-label span,input.open~label.dob-label b{color:#c02d32}
.expiry-date-label{font-style:normal;font-weight:400 !important;font-size:16px !important;line-height:13px;color:var(--text-text-body,#626773);z-index:6;position:absolute;top:0;left:0;padding:0 10px .95rem 10px;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:all .1s ease-in-out;margin-top:0}
.dob-label{font-style:normal;font-weight:400 !important;font-size:16px !important;line-height:13px;color:var(--text-text-body,#383c42);z-index:6;position:absolute;top:0;left:5px;padding:0 10px .95rem 10px;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:all .1s ease-in-out;background:linear-gradient(to bottom,#FFF 50%,#e9ecef 50%);padding:0 0 0 2px !important;border:0;opacity:.4}
.dob-label~span{color:var(--text-text-heading,#383c42);opacity:.4}
.expiry-date-label~span{color:var(--global-colours-ai-base-ai-black,#1c1213)}
input.focus~label.expiry-date-label{transform-origin:0 0}
input.focus~label.dob-label{transform-origin:0 0}
.expiry-date-label,.dob-label{margin-left:43px !important;margin-top:3px;pointer-events:none}
.dob-dtn{pointer-events:none}
.disabled-input-border>input,.disabled-input-border>textarea{border-radius:var(--spacing-0,0);border:1px solid var(--global-colours-ai-grey-g-200,#d3d6db);background:var(--global-colours-ai-grey-g-100,#edeef1)}
.loyalty-profile .phoneField{position:relative}
.loyalty-profile .phoneField .countryCode{position:absolute;top:18px;left:12px;z-index:1;width:70px}
.loyalty-profile .phoneField .numberField .mat-form-field-outline .mat-form-field-outline-start{width:5.49713px !important}
.loyalty-profile .phoneField .numberField .mat-form-field-outline .mat-form-field-outline-gap{width:106px}
.loyalty-profile .phoneField .numberField .mat-form-field-outline-thick .mat-form-field-outline-start{width:5.49713px !important}
.loyalty-profile .phoneField .numberField .mat-form-field-outline-thick .mat-form-field-outline-gap{width:106px}
.loyalty-profile .phoneField .countryCode img,.loyalty-profile .phoneField .countryCode svg{object-fit:cover}
.loyalty-profile .phoneField .countryCode .mat-select-value{color:#595b6b;border-radius:50%}
.loyalty-profile .phoneField .countryCode mat-select-trigger.mat-custom-input-disabled,.loyalty-profile .phoneField .countryCode mat-select.mat-custom-input-disabled .mat-select-arrow{opacity:.4}
.loyalty-profile .phoneField .numberCountrycode{position:absolute;top:15px;left:80px;color:#626773;height:30px;padding-left:8px;margin-left:8px;border-left:1px solid #d7d8e1;font-size:16px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.08px;z-index:10}
.loyalty-profile .phoneField .numberField{position:relative}
.loyalty-profile .phoneField .numberField .mat-form-field-infix{padding-left:100px !important}
.loyalty-profile .phoneField .numberField mat-label{position:relative;left:100px}
.loyalty-profile .phoneField .numberField .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label mat-label{left:0}
.loyalty-profile .phoneField .numberField .mat-input-element{position:relative;top:-3.5px}
.loyalty-profile .phoneField .numberField .mat-form-field-required-marker{position:relative;left:100px}
.loyalty-profile .phoneField .numberField .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label .mat-form-field-required-marker{left:0;padding-right:8px}
.loyalty-profile .non-editable-info{color:var(--text-color,#1f2b34);font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.035px;background:var(--Global-Colours-AI-Blue-B50,#ebf2ff);padding:8px 16px;display:block}
.loyalty-profile .email-trigger-success{color:var(--text-color,#1f2b34);font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.035px;background:var(--Global-Colours-AI-Green-G50,#f1fdf4);padding:8px 16px;display:block}
.loyalty-profile .text-deco-under{font-family:var(--body-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.035px;text-decoration-line:underline}