.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#f1ecf8;border-radius:48px;color:#5c3899}
.daterangepicker td.start-date.end-date{border-radius:48px}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{background:url(../../../../../content/dam/oona/aem-images/icons/previous_button.svg) no-repeat}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{border:1px solid #5c3899;border-width:0 3px 3px 0}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{border:1px solid #e2e7e9;padding:4px 12px 4px 12px;margin-right:unset;width:unset}
.daterangepicker select.monthselect{border-right:unset;border-top-left-radius:4px;border-bottom-left-radius:4px}
.daterangepicker select.yearselect{border-left:unset;border-top-right-radius:4px;border-bottom-right-radius:4px}
.e-commerce-container{max-width:1096px;background:#fff;box-shadow:0 15px 32px rgba(72,44,119,0.1);border-radius:12px;padding:32px;margin:0 auto}
.disabled-tab{pointer-events:none}
.dsp-none-mobile{display:none !important}
.dsp-none-desktop{display:block !important}
.leadform-container .countryList .country_dropdown::before{background:url('../../../../../content/dam/oona/aem-images/icons/purple-down-arrow.svg') no-repeat center}
.e-commerce-container .field-flex .cmp-container{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.disabledDates{background-color:#f1f3f4 !important;pointer-events:none}
.e-commerce-container .travel-datefield-show{display:none}
.hide-container-dsk{display:none}
.hide-container-mbl .form-field .toggleswitch{display:block}
.e-commerce-container .toggle-container .cmp-container{display:flex;justify-content:space-between;align-items:center}
.e-commerce-container .leadform-container .cmp-container{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.e-commerce-container .field-flex .cmp-container{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.e-commerce-container form{display:flex;gap:16px;flex-direction:column}
.e-commerce-container form .form-field .formfieldwrap{display:flex;flex-direction:column;row-gap:8px}
.fourfield-span3-container .form-field{grid-column:span 3}
.threefield-span4-container .form-field{grid-column:span 4}
.twofield-span6-container .form-field{grid-column:span 6}
.e-commerce-container form .form-field select,.e-commerce-container form .form-field .formfieldwrap input,.e-commerce-container .select2-container,.e-commerce-container .mobile-field-wrap{height:48px;width:100%;border-radius:4px;border:1px solid #e2e7e9;background-color:#fcfbfe;padding:4px 12px;outline:0;appearance:none;cursor:pointer}
.e-commerce-container .mobile-field-wrap{display:flex;align-items:center}
.e-commerce-container .mobile-field-wrap .cntyCode-wrap{display:flex;align-items:center;height:100%;position:relative}
.e-commerce-container .mobile-field-wrap .country-code{position:relative;margin:auto;margin-left:8px}
.e-commerce-container .mobile-field-wrap .cntyCode-wrap::after{content:"";position:absolute;right:-8px;height:100%;border:1px solid #c6b5e3}
.e-commerce-container .select2-container--default .select2-selection--single{position:absolute;background-color:unset;border:unset;border-radius:unset;right:12px;left:15px;top:50%;transform:translateY(-50%)}
.select2-container--open .select2-selection__arrow{transform:rotate(180deg) !important;transition:transform .3s ease 0}
.e-commerce-container .select2-container .select2-selection--single .select2-selection__rendered{width:auto;padding:unset;line-height:30px}
.e-commerce-container #palawanPageStyle .select2-container .select2-selection--single .select2-selection__rendered{width:280px;padding:unset;line-height:20px}
.e-commerce-container .select2-container .selection{border:0}
.e-commerce-container form .form-field .date-container,.e-commerce-container form .form-field .select-container{position:relative}
form .form-field .formfield-container .formfieldwrap .rangedatewrap{display:flex}
.formfieldwrap .fieldlabelwrap,.radiobuttonwrap .fieldlabelwrap{display:flex;justify-content:space-between;align-items:center}
.formfieldwrap .fieldlabelwrap .optional,.radiobuttonwrap .fieldlabelwrap .optional{color:#5a6a72;font-size:12px;line-height:15px;font-family:'GeneralSansMedium'}
.e-commerce-container form .form-field .date-container img{position:absolute;top:25%;right:12px;cursor:pointer}
.e-commerce-container form .form-field .formfieldwrap input::placeholder{color:#70858f}
.e-commerce-container form .form-field .formfield-container .formfieldwrap .label,.radiobuttonwrap .radiolabel,.mobile-no-wrap .label,.formfield-container .daterange-label{color:#435056;font-size:14px;font-family:'GeneralSansSemiBold';line-height:17.07px}
.e-commerce-container .form-field .formfieldwrap .date-range-inner .mergefirstinput{border-right:unset;border-top-right-radius:unset;border-bottom-right-radius:unset}
.e-commerce-container .form-field .formfieldwrap .date-container .mergesecondinput{border-left:unset;border-top-left-radius:unset;border-bottom-left-radius:unset}
.eligiblle-container .eligible-cross{cursor:pointer}
.form-field .date-container .mergesecondinput{border-left:unset;border-top-left-radius:unset;border-bottom-left-radius:unset;position:relative}
.threefield-span4-container .form-field .divider::before{content:" ";display:block;position:absolute;width:0;height:23px;top:50%;transform:translateY(-50%);z-index:1;left:0;border:1px solid #c6b5e3}
.leadform-container .toggleDesc{display:flex;align-items:center;gap:8px}
.leadform-container .toggle-content{position:relative;display:flex;width:48px;height:28px}
.e-commerce-container form .form-field .toggleswitch .toggle-content{position:static;width:unset;height:unset;display:flex;justify-content:center;align-items:center;cursor:pointer}
.e-commerce-container form .form-field .toggleswitch .toggle-content input{width:0;height:0;margin:0;border:0;padding:0}
.leadform-container .toggle-content input{opacity:0;width:0;height:0}
.leadform-container input[type=checkbox]:before{content:"";display:block;position:absolute;width:16px;height:16px;top:3px;left:0;border-radius:4px;border:1px solid var(--neutral-5,#d9d9d9);background:var(--neutral-1,#FFF)}
.leadform-container .formfieldwrap .error-message,.leadform-container .formfield-container .error-message,.leadform-container .formfield-container .radiobuttonwrap .error-message,.cta-container .disclaimer .error-message{color:#c65143;font-size:12px;line-height:16.34px;font-family:'GeneralSansRegular';margin-top:-4px;display:none}
.invalid .error-message{display:block !important}
.toggle-container .slider.round{border-radius:34px}
.toggle-container .slider{position:relative;cursor:pointer;margin-right:8px;background-color:#ccc;-webkit-transition:.4s;transition:.4s;width:48px;height:28px}
.toggle-container .slider.round:before{border-radius:50%}
.toggle-container .slider:before{position:absolute;content:"";height:24px;width:24px;top:2px;left:3px;bottom:1px;background-color:var(--neutrals-white);-webkit-transition:.4s;transition:.4s}
.toggle-container .toggleDesc p{color:#4d4d4d;font-family:'GeneralSansMedium';font-size:14px;font-weight:500;line-height:21px;position:static;right:-133px;bottom:4px}
.toggletab .tab-slider--tabs{margin:0;padding:0;list-style:none;position:relative;border-radius:35px;overflow:hidden;background:#f1ecf8;user-select:none}
.toggletab .tab-slider--trigger{font-size:12px;line-height:1;font-weight:bold;color:#5c3899;text-transform:uppercase;text-align:center;padding:8px 16px;position:relative;z-index:2;cursor:pointer;display:inline-block;transition:color 250ms ease-in-out;user-select:none}
.toggletab .tab-slider--trigger.active{color:#f1ecf8;transition:all 250ms ease-in-out}
.toggletab .tab-slider--trigger.active::after{content:"";width:100%;background:linear-gradient(#482c77,#673fae);height:100%;position:absolute;top:0;left:0;border-radius:35px;z-index:-1;transition:transform .5s ease-in-out;transform:translateX(0)}
.toggletab .tab-slider--tabs .tab-slider--trigger:not(.active)::after{content:"";transform:translateX(-100%)}
.invalid .field-error,.e-commerce-container form .invalid input.field-error,.invalid .formfield .field-error,.invalid .error-field,.invalid .select-container,.invalid .select-container>span,.invalid .select-container,.invalid .error-line,.invalid .cmp-form-text__textarea{background-color:#f9edeb;border:1px solid #c65143;border-radius:4px}
.formfield-container.invalid .rangedate .date-container .rangedatewrap{background-color:#f9edeb}
.invalid .error-line,.invalid input[type=checkbox]:before{border:1px solid #c65143;border-radius:4px}
.invalid input[type=checkbox]:before{background:#fcfbfe}
.invalid .date-field input,.invalid .switch-field label,.invalid .mobile-field-wrap,.invalid .mobile-no-wrap .mobile-field-wrap input{background-color:#f9edeb}
.cta-container .cmp-container{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta-container .btn-container{min-width:152px;height:40px;padding:10px;text-align:center;border-radius:12px;font-size:16px;font-family:'GeneralSansSemiBold';line-height:20px;background-color:#f1f3f4;border:0;cursor:pointer}
.motor-promo-container .critical-btn{display:flex;gap:24px;justify-content:center;align-items:center}
.cta-container .btn-container.btn-active{background:linear-gradient(#482c77,#673fae);color:#f1ecf8}
.cta-container input[type=checkbox]{border:0;background:0}
.cta-container .fd-static-content .fdstatic .fdstatic-wrap p{font-size:12px;line-height:14.4px;font-family:'GeneralSansSemiBold';color:#70858f}
.cta-container .fd-static-content .fdstatic .fdstatic-wrap{display:flex;flex-direction:column;align-items:flex-start;row-gap:4px}
.cta-container .fd-static-content .fdstatic .fdstatic-wrap p span{font-size:18px;line-height:21.6px;font-family:'GeneralSansSemiBold',sans-serif;color:#482c77}
.cta-container .formfield-container .disclaimer{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.switch-field{display:grid;grid-template-columns:1fr 1fr}
.switch-field input{position:absolute;height:0;width:0;padding:0;margin:0;opacity:0}
.common-tab .switch-field label{font-size:13px}
.switch-field label{background-color:#fcfbfe;color:#4d4d4d;font-size:16px;font-family:'GeneralSansSemiBold';line-height:22px;text-align:center;padding:12px;margin-right:0;border:.5px solid #e2e7e9;display:flex;align-items:center;gap:8px}
.switch-field label:hover{cursor:pointer}
.switch-field label.aa{position:relative}
.switch-field .a{position:absolute;z-index:1}
.switch-field input:checked+label{background-color:#f1ecf8}
.switch-field label:first-of-type{border-radius:4px 0 0 4px}
.switch-field label:last-of-type{border-radius:0 4px 4px 0}
.radiobuttonwrap{row-gap:8px;display:flex;flex-direction:column}
.eligiblle-container{display:flex;column-gap:12px;align-items:center;background-color:#f9edeb;padding:16px;border-radius:8px}
.eligiblle-container p{width:100%;color:#c65143;font-size:16px;font-family:'GeneralSansBold';line-height:22px}
.mobile-no-wrap{display:flex;flex-direction:column;gap:8px}
.mobile-no-wrap .mobile-field-wrap input{border:0;padding-left:16px;width:100%;background-color:#fcfbfe;line-height:20px}
.countryList input{border:0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:auto}
.formfield-container .formFieldLabel{line-height:18px}
.formfield-container .selectBox{height:48px;box-shadow:unset;background-color:#fcfbfe}
.formfield-container .country_dropdown input{min-height:40px;background:0}
#travel-destination .countryList .selectBox.validateErrorForm{border:1px solid #c65143;background:#f9edeb}
#travel-destination .countryList .selectBox.validateErrorForm~.error-message{display:block}
.formfield-container .selectBox{border-radius:4px;border:1px solid #e2e7e9}
.e-commerce-container .formfield-container .country_dropdown .geographyfield,.e-commerce-container .formfield-container .country_dropdown .countryfield{border:0}
.disabledSelect .select-container{pointer-events:none;border:1px solid #f1f3f4;border-radius:5px}
.disabledSelect .select-container span{background-color:#f1f3f4}
.disabledSelect .select-container span .select2-selection__placeholder{color:rgba(169,182,188,1)}
.formfieldwrap .date-container img{pointer-events:none}
.disabled_submit-btn{background:linear-gradient(#482c77,#673fae);color:#f1ecf8}
.e-commerce-container .travel-datefield-show{display:none}
.dateReturnLabel{display:none}
.thank-you-wrapper{display:none;padding:16px;gap:12px;background:#eff6f0;margin-bottom:32px}
.thank-you-wrapper.active{display:flex}
.thank-you-wrapper .thank-you-image img{flex:none;width:20px;height:20px;object-fit:cover}
.thank-you-wrapper .thank-you-content{flex:1}
.thank-you-wrapper .thank-you-content p{color:#5ba46a;font-family:GeneralSansBold;font-size:16px;line-height:21px}
.thank-you-wrapper .thank-you-content span{margin-top:4px;color:#5a6a72;font-size:16px;line-height:21px;font-family:GeneralSansRegular}
.thank-you-wrapper .cross-icon img{cursor:pointer;width:24px;height:24px}
.incompatible-destinations-wrap{position:absolute;margin-top:8px;z-index:100}
.incompatible-destinations-wrap .incompatible-destinations{display:flex;flex-direction:column;gap:12px;padding:12px;background:#fff;width:440px;height:130px;box-shadow:0 8px 24px 0 rgba(72,44,119,0.16);border-radius:8px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap{display:flex;gap:16px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap img{height:24px;width:24px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content{display:flex;flex-direction:column;gap:4px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content .destintion-content-head{font-size:16px;line-height:19.5px;color:#435056;font-family:'GeneralSansSemiBold'}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content .destintion-content-con{font-size:14px;line-height:20px;font-family:'GeneralSansRegular';color:#5a6a72}
.incompatible-destinations-wrap .incompatible-destinations .destination-btn{display:flex;justify-content:end;gap:8px}
.incompatible-destinations-wrap .incompatible-destinations .destination-btn button{padding:7.5px 12px;border:0;border-radius:12px;font-size:14px;font-family:'GeneralSansSemiBold';line-height:18px;color:#5c3899;background:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.incompatible-destinations-wrap .incompatible-destinations .destination-btn button.active{background:linear-gradient(#482c77,#673fae);color:#f1ecf8;cursor:pointer}
.popper-wrapper .popper .popper-inner{display:flex;flex-direction:column;gap:20px}
.popper-wrapper .popper-inner .popper-crossIcon{position:absolute;right:0;top:8px;height:24px;width:24px;cursor:pointer}
.loan-account .fieldlabelwrap,.transaction-reference .fieldlabelwrap{column-gap:4px}
.form-field .loan-acc-no-wrap,.custom-textarea .loan-acc-no-wrap{display:flex;flex-direction:column;gap:24px}
.form-field .loan-acc-no-wrap .homecredit-partner-data,.custom-textarea .loan-acc-no-wrap .homecredit-partner-data{font-size:16px;line-height:22px;font-family:'GeneralSansRegular';color:rgba(90,106,114,1)}
.form-field .loan-acc-no-wrap .homecredit-partner-data span,.custom-textarea .loan-acc-no-wrap .homecredit-partner-data span{font-family:'GeneralSansBold'}
.form-field .fieldlabelwrap img{width:16px;height:16px;cursor:pointer}
.loan-account dialog,.transaction-reference dialog,.custom-textarea .custom-textarea-modal{padding:32px;border:0;border-radius:16px;max-width:640px;width:100%;margin:auto}
.loan-account dialog .homecredit-partner-wrap,.transaction-reference .homecredit-partner-wrap,.custom-textarea .homecredit-partner-wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.loan-account dialog .homecredit-partner-wrap .homecredit-partner-text,.transaction-reference dialog .homecredit-partner-wrap .homecredit-partner-text,.custom-textarea .homecredit-partner-wrap .homecredit-partner-text{font-size:24px;font-family:'MontserratSemiBold';line-height:29px;color:rgba(45,53,57,1)}
.loan-account dialog .homecredit-partner-wrap .homecredit-partner-close,.transaction-reference dialog .homecredit-partner-wrap .homecredit-partner-close,.custom-textarea dialog .homecredit-partner-wrap .homecredit-partner-close{font-size:16px;line-height:19px;font-family:'MontserratSemiBold';outline:0;cursor:pointer}
.loan-account dialog .homecredit-partner-wrap .homecredit-partner-close,.loan-account-number dialog .homecredit-partner-wrap .homecredit-partner-close{color:rgba(227,27,64,1) !important}
.transaction-reference dialog .homecredit-partner-wrap .homecredit-partner-close,.custom-textarea .homecredit-partner-wrap .homecredit-partner-close{color:rgba(1,115,55,1)}
.loan-account dialog .homecredit-partner-close,.transaction-reference dialog .homecredit-partner-close,.custom-textarea dialog .homecredit-partner-close{border:0;background:0;display:flex;align-items:center;column-gap:4px}
.leadform-container .form-field .fieldlabelwrap .input-img-wrap{display:flex;align-items:center;gap:4px}
.leadform-container .form-field .formfieldwrap .referance-txt{font-size:12px;line-height:16px;font-family:'GeneralSansRegular';color:rgba(77,77,77,1)}
.loan-acc-no-wrap .homecredit-partner-image .loanDialogmb{display:none}
.fnol-hc-left .excore-form-text .cmp-form-wrap{display:flex;justify-content:space-between;align-items:center}
.fnol-hc-left .excore-form-text .cmp-form-wrap .form-text-wrap{display:flex;align-items:center;gap:4px}
.fnol-hc-left .excore-form-text .referance-help-text-wrap{display:flex;gap:4px;justify-content:flex-end}
.homecredit-main-container #container-wrapper form .excore-form-text .cmp-form-text .optional{color:#5a6a72;font-size:12px;line-height:15px;font-family:'GeneralSansMedium'}
.fnol-hc-left .excore-form-text .referance-help-text-wrap .referance-txt{width:100%;font-size:12px;line-height:16px;font-family:'GeneralSansRegular';color:rgba(77,77,77,1)}
.homecredit-main-container .excore-form-text .error-design-claim{margin-top:unset}
::backdrop{background:rgba(0,0,0,0.25);backdrop-filter:blur(3px)}
.disabled-field{background:#f1eeee;border:1px solid #a3acb2;border-radius:8px}
#motor_form .disabled-field,#motor-form .disabled-field,#motor_form .disabled-field~.select2.select2-container.select2-container--default,#motor-form .disabled-field~.select2.select2-container.select2-container--default{background-color:#f1f3f4}
#motor_form .disabled-field{border:1px solid #e2e7e9}
#motor_form .leadform-container .formfieldwrap .error-message,#motor_form .leadform-container .formfield-container .error-message,#motor-form .leadform-container .formfield-container .error-message,#motor_form .leadform-container .formfield-container .radiobuttonwrap .error-message,#motor_form .cta-container .disclaimer .error-message,#motor-form .cta-container .disclaimer .error-message{display:unset}
#motor_form .formfield-container .validateErrorForm,#motor-form .formfield-container .validateErrorForm{border:1px solid #c65143;border-radius:4px}
#motor_form .formfield-container .select-field~.select2-container--default .select2-selection__placeholder,.e-commerce-container #motor_form .container.cmp-container .input-continer .input-field::placeholder{color:rgba(112,133,143,1)}
#motor_form .formfield-container .select-field.disabled-field~.select2-container--disabled .select2-selection__rendered,#motor-form .formfield-container .select-field.disabled-field~.select2-container--disabled .select2-selection__rendered{color:rgba(169,182,188,1)}
#motor_form .select2-container--default .select2-selection--single .select2-selection__arrow,#motor-form .select2-container--default .select2-selection--single .select2-selection__arrow{background:url(../../../../../content/dam/oona/aem-images/icons/purple-down-arrow.svg) center center no-repeat}
@media screen and (max-width:1096px) and (min-width:768px){.e-commerce-container form{flex-wrap:wrap}
.e-commerce-container form .form-field .formfieldwrap,.e-commerce-container .select2-container--default{min-width:calc(48% - -6px)}
}
@media screen and (max-width:767px){.dsp-none-desktop{display:none !important}
.dsp-none-mobile{display:block !important}
.e-commerce-container .field-flex .cmp-container{display:flex;flex-direction:column;gap:16px}
.hide-container-dsk{display:block}
.hide-container-mbl .form-field .toggleswitch{display:none}
.e-commerce-container .travel-datefield-show{display:block}
.e-commerce-container{padding:24px 20px;display:flex;flex-direction:column;gap:24px}
.hide-container-dsk{display:block}
.hide-container-mbl .form-field .toggleswitch{display:none}
.e-commerce-container form{flex-direction:column}
.e-commerce-container form .form-field .date-container{width:100%}
.e-commerce-container .toggle-container .cmp-container{flex-direction:column;justify-content:flex-start;row-gap:24px;align-items:unset}
.e-commerce-container .field-flex .cmp-container{display:flex;flex-direction:column;gap:16px}
.toggletab .tab-slider--trigger{width:100%;display:flex;align-items:center;justify-content:center}
.toggletab .tab-slider--tabs{display:flex}
.toggle-container .toggleDesc{align-items:start}
.leadform-container .form-field{grid-column:span 12}
.e-commerce-container .threefield-span4-container .form-field{grid-column:span 12}
.cta-container .cmp-container{flex-direction:column;align-items:flex-start}
.cta-container .formfield-container .disclaimer{gap:unset}
.e-commerce-container .cta-container .btn-container,.cta-container .form-field{width:100%}
.e-commerce-container .travel-datefield-show{display:block}
.dateReturnLabel{display:block;margin-top:10px;margin-bottom:10px}
form .form-field .formfield-container .formfieldwrap .rangedatewrap{display:initial !important}
.threefield-span4-container .form-field .divider::before{display:none}
.returnDateimg{top:37px !important}
.e-commerce-container .form-field .formfieldwrap .date-range-inner .mergefirstinput{border-right:1px solid #e2e7e9;border-top-right-radius:4px;border-bottom-right-radius:4px}
.e-commerce-container .form-field .formfieldwrap .date-container .mergesecondinput{border-left:1px solid #e2e7e9;border-top-left-radius:4px;border-bottom-left-radius:4px}
.invalid .date-range-inner .error-field{border-right:1px solid #c65143;border-top-right-radius:4px;border-bottom-right-radius:4px}
.invalid .date-range-inner .error-field{border-left:1px solid #c65143;border-top-right-radius:4px;border-bottom-right-radius:4px}
#toggle_annualmb:checked+.slider:before{transform:translateX(19px)}
#toggle_annualmb:checked+.slider{background-color:#482c77}
.e-commerce-container .select2-container .select2-selection--single .select2-selection__rendered{width:auto}
.incompatible-destinations-wrap{position:fixed;height:100dvh;top:0;left:0;z-index:10;display:flex;align-items:flex-end;background-color:#0000004f;margin-top:0}
.incompatible-destinations-wrap .incompatible-destinations{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:100%;max-width:100%;overflow:auto;padding:16px;background-color:#fff;justify-content:center;align-items:center;gap:16px;min-height:353px;width:100%}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap{flex-direction:column;align-items:center;justify-content:center;gap:24px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap img{height:80px;width:80px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content{justify-content:center;align-items:center;gap:16px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content .destintion-content-head{font-size:24px;line-height:28.8px}
.incompatible-destinations-wrap .incompatible-destinations .destintion-wrap .destintion-content .destintion-content-con{text-align:center;font-size:16px;font-family:'GeneralSansSemiBold';line-height:19.5px;letter-spacing:.5px;color:#5a6a72}
.incompatible-destinations-wrap .incompatible-destinations .destination-btn{flex-direction:column;justify-content:center;align-items:center;width:100%;flex-flow:wrap-reverse}
.incompatible-destinations-wrap .incompatible-destinations .destination-btn button{width:100%;height:40px;padding:10px 12px;font-size:16px;line-height:19.5px;letter-spacing:.5px}
::backdrop{background:rgba(0,0,0,0.25);backdrop-filter:blur(3px)}
#vehicleTransList .popper-wrapper .popper{left:50%;transform:translateX(-30%)}
#vehicleTransList .popper-wrapper.switchport:hover::after{top:20px}
#vehicleTransList .popper-wrapper.switchport .popper{top:25px;left:5px}
#vehicleTransList .popper-wrapper.active::after{top:19px;right:-3px}
#motor_form .threefield-span4-container .cmp-container{grid-template-columns:repeat(2,50%);grid-gap:10px}
#motor_form .threefield-span4-container .cmp-container .form-field{grid-column:unset}
#motor_form .threefield-span4-container .cmp-container .form-field:last-child{grid-column:span 2}
.e-commerce-container #motor_form .select2-container--default .select2-selection--single{padding-right:15px}
.loan-account dialog,.custom-textarea .custom-textarea-modal{padding:24px 20px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.loan-account dialog,.transaction-reference dialog,.custom-textarea .custom-textarea-modal{margin:auto 0 0}
.form-field dialog .homecredit-partner-wrap .homecredit-partner-text,.custom-textarea .custom-textarea-modal .homecredit-partner-wrap .homecredit-partner-text{font-size:18px;line-height:24px}
.loan-acc-no-wrap .homecredit-partner-image img{width:100%;display:none}
.loan-acc-no-wrap .homecredit-partner-image .loanDialogmb{display:block;width:100%;transform:scale(1.05)}
.form-field #loan-acc-no .loan-acc-no-wrap .homecredit-partner-data,.custom-textarea .custom-textarea-modal .loan-acc-no-wrap .homecredit-partner-data{font-size:14px;line-height:20px}
.motor-promo-container .critical-btn{flex-direction:column}
}
.formfieldPromoCode .promo-code{display:flex;flex-direction:column;row-gap:24px;position:unset;right:32px;top:-33px;cursor:pointer}
.formfieldPromoCode .promo-code .promocode-title{display:none}
.formfieldPromoCode .coupon{display:inline-flex;position:relative;overflow:hidden;background-color:#ecf9f8;border-radius:6px;border:unset}
.formfieldPromoCode .coupon::after{content:'';position:absolute;width:35px;height:200%;top:-50%;left:-50%;box-shadow:0 0 10px #4ac6bb00;background-image:linear-gradient(to right,#4ac6bb00,#4ac6bb52,#4ac6bb00);transform:rotate(36deg);animation:shine 2s ease-in-out infinite,delay-animation 4s linear infinite}
@keyframes shine{from{left:-50%}
to{left:110%}
}
@keyframes delay-animation{0{opacity:1}
50%{opacity:1}
50.01%{opacity:0}
100%{opacity:0}
}
.formfieldPromoCode .coupon-desc,.formfieldPromoCode .coupon-code{padding:10px}
.formfieldPromoCode .coupon-desc{border-right:0;padding-left:16px;padding-right:8px;display:flex;align-items:center;column-gap:8px}
.formfieldPromoCode .couponCode{color:#25746d;font-family:'GeneralSansSemiBold';font-size:14px;letter-spacing:.56px;text-transform:uppercase}
.formfieldPromoCode .coupon-code-popup .coupon-code-popup-cont .couponCode{margin:auto;max-width:fit-content;color:#25746d;font-size:14px;font-family:"GeneralSansMedium",sans-serif;letter-spacing:.64px;text-transform:uppercase;background-color:#ecf9f8;border:1px dashed #4ac6bb;padding:7px}
.formfieldPromoCode .coupon-code-popup .coupon-code-popup-cont .couponCode .light-text{color:#5a6a72;margin-right:4px;font-family:"GeneralSansRegular",sans-serif;font-size:12px;letter-spacing:0;text-transform:initial}
.formfieldPromoCode .voucher-discount{color:#2d3539;font-family:"GeneralSansSemiBold";font-size:16px}
.formfieldPromoCode .coupon-code{border-left:0;padding-right:16px;padding-left:8px;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:768px){.motor-promo-container .cmp-container{gap:16px}
.formfieldPromoCode .promo-code{position:unset;width:100%;right:unset;top:unset;border:unset}
.formfieldPromoCode .promo-code .promocode-title{display:block;color:#2d3539;font-family:'GeneralSansSemiBold';font-size:24px;line-height:120%}
.formfieldPromoCode .coupon{width:100%;background-color:unset;border:0}
.formfieldPromoCode .coupon::after{display:none}
.formfieldPromoCode .coupon-desc,.formfieldPromoCode .coupon-code{padding:16px 16px;background-color:#ecf9f8;border:unset}
.formfieldPromoCode .coupon-desc{width:100%;align-items:flex-start;justify-content:center}
.formfieldPromoCode .coupon-desc .coupon-icon{align-self:center}
.formfieldPromoCode .voucher-discount{align-self:center}
.formfieldPromoCode .coupon-code{position:relative}
.formfieldPromoCode .couponCode{display:flex;flex-direction:column;min-width:max-content}
.formfieldPromoCode .coupon-code-popup .coupon-code-popup-cont .couponCode{align-items:center}
.formfieldPromoCode .coupon-code .couponCode span{display:block;color:#5a6a72;font-family:"GeneralSansRegular";font-size:10px;font-weight:400;text-transform:none}
.formfieldPromoCode .coupon-code::after{right:0;transform:translateX(50%)}
}
dialog.promoCode-dialog .popup-wrapper{position:fixed;width:100%;height:100vh;overflow:auto;display:flex;justify-content:center;align-items:center}
.coupon-code-popup{max-width:480px;width:100%;max-height:calc(100% - 40px);overflow:auto;padding:32px;border-radius:8px;background:#fff;box-shadow:0 15px 32px 0 rgba(72,44,119,.1)}
.coupon-code-popup .coupon-code-popup-cont{display:grid;gap:24px;text-align:center}
.coupon-code-popup .coupon-code-popup-cont .backArrow .close-btn{cursor:pointer}
.coupon-code-popup .coupon-code-popup-cont .ticketlogo{display:flex;justify-content:center}
.dialog::backdrop{animation:backdrop-fade .5s ease backwards;animation-direction:reverse}
@keyframes backdrop-fade{from{background:transparent}
to{background:rgba(0,0,0,0.6)}
}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
::backdrop{background:rgba(0,0,0,0.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.promoCode-dialog .backArrow{display:none;text-align:right}
.promoCode-dialog .promo-content{display:flex;flex-direction:column;row-gap:24px;justify-content:center;align-items:center}
.promoCode-dialog .promo-content .ticketlogo img{width:48px;height:48px}
.coupon-code-popup .coupon-code-popup-cont .ticket-title{font-size:24px;font-family:"GeneralSansSemiBold";line-height:120%;margin:0 auto;width:80%}
.promoCode-dialog .coupon-code{border:1px dashed #4ac6bb;background:#ecf9f8;padding:8px}
.promoCode-dialog .coupon-code .couponCode span{color:#5a6a72;font-family:"GeneralSansRegular";display:block;font-size:12px;line-height:normal;text-transform:none}
.coupon-code-popup .coupon-code-popup-cont .popup-terms{text-align:left;padding:16px 20px 20px;background-color:#fbf9fe;border-radius:12px}
.promoCode-dialog .popup-terms .tnc-title{width:100%}
.coupon-code-popup .coupon-code-popup-cont .popup-terms-title{color:#5a6a72;font-size:14px;font-family:"GeneralSansMedium",sans-serif;line-height:normal;letter-spacing:.56px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #c6b5e3}
.coupon-code-popup .coupon-code-popup-cont .termNcond{color:#18191b;font-family:"GeneralSansMedium",sans-serif;font-size:12px;line-height:normal;padding-left:10px;list-style-type:none}
.promoCode-dialog .popup-terms .read-details{display:flex;outline:0;padding-top:12px;justify-content:end;display:none}
.promoCode-dialog .popup-terms .read-details a{display:flex;align-items:center;column-gap:4px;color:#5c3899;font-family:'GeneralSansSemiBold';font-size:14px;line-height:normal;text-decoration:none;outline:0}
.promoCode-dialog .promo-btn{display:block;width:100%;display:flex;justify-content:center;align-items:center;padding-top:40px;outline:0;border:0}
.promoCode-dialog .promo-btn a{font-family:'GeneralSansSemiBold';border-radius:12px;background:linear-gradient(137deg,#482c77 -17.19%,#673fae 61.19%);box-shadow:0 8px 24px 0 rgba(72,44,119,0.16);padding:10px 16px;max-width:120px;width:100%;color:white;text-align:center;outline:0}
@media(max-width:767px){.dialog .popup-wrapper{display:block}
.promoCode-dialog .backArrow{display:block;justify-content:flex-end;display:flex;padding-bottom:24px}
.coupon-code-popup{position:fixed;bottom:0;left:0;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:100%;max-width:100%;overflow:auto;padding:24px 20px}
.coupon-code-popup .coupon-code-popup-cont .ticket-title{width:100%}
.promoCode-dialog .coupon-code{border:1px solid #4ac6bb}
.promoCode-dialog .popup-terms .read-details{display:block;display:flex;justify-content:end}
.promoCode-dialog .coupon-code::after,.promoCode-dialog .coupon-code::before{content:unset;height:unset;width:unset}
.promoCode-dialog .promo-btn{display:none}
}
.makeModel-container{display:flex;align-items:center;width:100%;gap:5px;max-width:250px;overflow-x:scroll;scrollbar-width:none}
.brand_pills_container.active-dropdown,.dropdown_container.active-dropdown{display:block !important}
.makeModel-container .makeModel_tabs{display:flex;gap:4px}
.formfield-container .makeModel_dropdown input{min-height:40px;background:0}
.makeModel-container .searchInputBox{width:100%;min-width:0}
.makeModel-container .searchInputBox.elllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.makeModel-container .searchInputBox.elllipsis::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.makeModel_dropdown input{color:var(--neutrals-black);font-family:'GeneralSansMedium';font-size:14px;font-weight:500;line-height:150%;width:100%}
.makeModel_dropdown input{text-align:left;cursor:pointer;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:42px}
.makeModel input{border:0}
.selectBox.makeModel_dropdown{padding:4px 12px}
#motor_form .makeModel .makeModel_dropdown::before,#motor-form .makeModel .makeModel_dropdown::before{background:url(../../../../../content/dam/oona/aem-images/icons/purple-down-arrow.svg) no-repeat center;right:10px}
.makeModel_dropdown.active::before{transform:rotate(180deg)}
.makeModel_dropdown::before{content:"";display:inline-block;width:24px;height:24px;background:url(../../../../../content/dam/oona/aem-images/icons/select2-dropdown.svg) no-repeat center;background-size:cover;position:absolute;right:5px;cursor:pointer;pointer-events:none;transition:transform .3s ease}
.dropdown_container{position:absolute;top:100%;border-radius:8px;background:var(--neutrals-white);box-shadow:0 15px 32px 0 rgba(0,0,0,0.10);width:100%;padding:0 0 16px;flex-direction:column;align-items:center;gap:8px;z-index:1}
.tab_content{display:flex;flex-direction:column;align-items:center}
.tab_content .tab_section.brandModel_tab{display:block;padding-top:8px}
.tab_content .tab_section.brandModel_tab{align-self:stretch;display:block;padding-top:8px}
.popular_brands{display:flex;flex-direction:column;gap:16px}
.brand_pills_container{display:flex;flex-direction:column;overflow:auto;gap:16px}
.brand_pills_container .popular_brands_title{color:#000;font-family:'GeneralSansSemiBold';font-size:14px;font-weight:600;line-height:21px;display:flex;flex-direction:column;align-items:flex-start;padding:8px 16px 0;padding-bottom:16px}
#car-comphrensive .brand_pills_container .popular_brands_title{padding-bottom:unset}
.brand_pills{display:flex;align-items:flex-start;align-content:flex-start;gap:8px;flex-wrap:wrap;padding:0 16px}
.brand_pills_container .brand_pills span{display:flex;padding:8px 12px;align-items:center;gap:12px;border-radius:100px;border:1px solid #e2e7e9;background:var(--neutrals-white);box-shadow:0 2px 0 0 rgba(0,0,0,0.04);color:#5a6a72;text-align:center;font-family:'GeneralSansSemiBold';font-size:14px;font-weight:600;line-height:21px;cursor:pointer;height:32px;justify-content:center}
.brand_pills_container .brand_pills span:hover{color:#482c77 !important;border-radius:100px !important;background:#e3daf1 !important;box-shadow:0 2px 0 0 rgba(0,0,0,0.04) !important}
.selected-brand-pills,.brand_pills_container .brand_pills span.selected-brand-pills:hover{background:linear-gradient(95deg,#482c77 -48.9%,#673fae 96.58%) !important;color:var(--neutrals-white) !important}
.brand_list_tab{display:flex;justify-content:center;align-items:center;gap:4px;border-radius:100px;color:#444;font-family:'GeneralSansRegular';font-size:16px;line-height:21px}
#motor_form .brand_list_tab,#motor-form .brand_list_tab{font-size:16px;color:#000;font-family:'GeneralSansMedium'}
.brand_list_tab .brand_name{display:block;width:auto;max-width:85px;text-transform:capitalize;text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand_list_tab .cross_icon{width:16px;height:16px;align-self:center;cursor:pointer}
.brand_list_tab .cross_icon img{width:100%;height:100%;object-fit:cover}
.brand_list{max-height:200px;overflow-y:auto}
.brand_list_container .brand_list li{width:100%;font-family:GeneralSansMedium;font-size:14px;font-weight:500;line-height:21px;padding:8px 16px;cursor:pointer}
.dropdown_container .tab_content .tab_section li{font-family:'GeneralSansMedium';color:#4d4d4d}
.dropdown_container .tab_content .tab_section li span{font-family:'GeneralSansBold';color:#4d4d4d}
.e-commerce-container form .form-field .formfield-container label.formFieldLabel{color:#435056;font-size:14px;font-family:'MontserratSemiBold';line-height:17.07px}
#motor-model-select ~ .select2-container .select2-selection__rendered,#motor-bodyType-select ~ .select2-container .select2-selection__rendered,#motor-modelYear-select ~ .select2-container .select2-selection__rendered{width:100px}
@media screen and (max-width:768px){.makeModel .dropdown_container{width:267px}
.e-commerce-container{padding:32px}
.brand_list_tab .brand_name{width:60px}
.makeModel-container{gap:unset;max-width:unset;overflow-x:unset;scrollbar-width:unset}
}
@media screen and (min-width:360px) and (max-width:480px){#motor-model-select ~ .select2-container .select2-selection__rendered,#motor-bodyType-select ~ .select2-container .select2-selection__rendered{width:80px}
}