.parent[_ngcontent-ng-c2326375170] {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.algn[_ngcontent-ng-c2326375170] {
    border-radius: 8px 0 0 8px !important;
    border-right: none;
}

.algn1[_ngcontent-ng-c2326375170] {
    float: right;
}

.algn2[_ngcontent-ng-c2326375170] {
    border-radius: 0 8px 8px 0 !important;
    border-right: 1px solid #cccccc;
}

.card-login[_ngcontent-ng-c2326375170] {
    background-color: transparent;
    border-radius: 8px;
    padding-bottom: 0;
}

.fs16[_ngcontent-ng-c2326375170] {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #ccc;
}

.close[_ngcontent-ng-c2326375170] {
    font-size: 44px !important;
    font-weight: 100 !important;
}

.add-on-set[_ngcontent-ng-c2326375170] {
    padding: 12px 15px;
    color: #ccc;
    font-size: 20px;
    background-color: #fff;
    height: 50px;
}

.btn-red[_ngcontent-ng-c2326375170] {
    background-color: #e13d36;
    color: #fff !important;
    font-size: 18px;
    border-radius: 5px !important;
}

#fbSignin[_ngcontent-ng-c2326375170] {
    cursor: pointer;
    font-size: 14px;
}

.card-login[_ngcontent-ng-c2326375170] .line[_ngcontent-ng-c2326375170] {
    margin: 10px auto;
    width: 60px;
    float: left;
}

.social-btn[_ngcontent-ng-c2326375170] {
    width: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    color: #1b1b1b;
    font-size: 16px;
}

.mt-10[_ngcontent-ng-c2326375170] {
    margin-top: 10px;
}

.instaButton[_ngcontent-ng-c2326375170] {
    background-color: #5258cf;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    border: 0px !important;
}

.main-sub-heading[_ngcontent-ng-c2326375170] {
    color: #c2c2c2;
    font-size: 13px;
    margin: 0;
}

[_nghost-ng-c2326375170] app-phone-email-hybrid .flagInput {
    border-radius: 5px 0 0 5px !important;
}

.ltrclss[_ngcontent-ng-c2326375170] {
    border-radius: 0 5px 5px 0 !important;
}

.otpFormStyle[_ngcontent-ng-c2326375170] input[type=number][_ngcontent-ng-c2326375170]::-webkit-inner-spin-button,
.otpFormStyle[_ngcontent-ng-c2326375170] input[type=number][_ngcontent-ng-c2326375170]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.otpFormStyle[_ngcontent-ng-c2326375170] a[_ngcontent-ng-c2326375170] {
    cursor: pointer;
}

.otpWidth[_ngcontent-ng-c2326375170] {
    text-align: center;
    text-align: -webkit-center;
}

.otpWidth[_ngcontent-ng-c2326375170] input[_ngcontent-ng-c2326375170],
.otpWidth[_ngcontent-ng-c2326375170] .form-group[_ngcontent-ng-c2326375170] {
    width: 100%
}

.otpWidth[_ngcontent-ng-c2326375170] app-control-messages[_ngcontent-ng-c2326375170] {
    width: 100%;
    display: block;
    text-align: left !important;
}

.fontSize[_ngcontent-ng-c2326375170] {
    font-size: 20px;
    margin-bottom: 9px !important;
    margin-top: 15px;
}

.otpOption[_ngcontent-ng-c2326375170] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #c2c2c2 !important;
}

.otpOption[_ngcontent-ng-c2326375170] a[_ngcontent-ng-c2326375170] {
    color: none;
    cursor: pointer;
}

.otpOption[_ngcontent-ng-c2326375170]:hover {
    text-decoration: none;
}

.hoverClass[_ngcontent-ng-c2326375170]:hover {
    text-decoration: underline !important;
}

.guest-login[_ngcontent-ng-c2326375170] {
    cursor: pointer;
    color: #4286f4;
    justify-content: space-between;
    font-size: 18px;
    padding-top: 7px;
}

.already_text[_ngcontent-ng-c2326375170] {
    opacity: .8;
    text-align: left;
    color: #7f8388 !important;
}

hr[_ngcontent-ng-c2326375170] {
    border: none !important;
}

.text-with-lines[_ngcontent-ng-c2326375170] {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.text-with-lines[_ngcontent-ng-c2326375170]:before,
.text-with-lines[_ngcontent-ng-c2326375170]:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.paddingSideBar[_ngcontent-ng-c2326375170] {
    padding: 0rem 1rem;
}

.text-with-lines[_ngcontent-ng-c2326375170] .text[_ngcontent-ng-c2326375170] {
    background: #fff;
    padding: 0 10px;
}

.row-second[_ngcontent-ng-c2326375170] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.social-div[_ngcontent-ng-c2326375170] {
    padding-top: 12px;
    display: flex !important;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px;
    width: 94%
}

.right-align[_ngcontent-ng-c2326375170] {
    padding-right: 0 !important;
}

.text-left[_ngcontent-ng-c2326375170] {
    padding-left: 0 !important;
}

.example-full-width[_ngcontent-ng-c2326375170] {
    width: 100%
}

.form-control[_ngcontent-ng-c2326375170] {
    margin-bottom: -15px;
    border: 10px solid;
}

[_nghost-ng-c2326375170] .mat-mdc-form-field-flex {
    border: 1px solid #dbdbdb;
    height: 48px;
    border-radius: 4px;
    padding: 12px;
    align-items: center;
}

.mat-mdc-form-field[_ngcontent-ng-c2326375170] {
    margin-bottom: 3px;
}

.main-div[_ngcontent-ng-c2326375170] {
    margin-top: 1rem;
    gap: 10px;
    width: 100%
}

.p-b-20[_ngcontent-ng-c2326375170] {
    padding-top: 10px;
    padding-bottom: 10px !important;
}

.forgetPassword[_ngcontent-ng-c2326375170] {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
}

.input-group[_ngcontent-ng-c2326375170] {
    display: inherit;
}

[_nghost-ng-c2326375170] .otp-input {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #c5c5c5;
    text-align: center;
    font-size: 32px;
    align-items: center;
    justify-content: center;
}

.ng-otp-input-wrapper[_ngcontent-ng-c2326375170] .otp-input[_ngcontent-ng-c2326375170]:not(:last-child) {
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    [_nghost-ng-c2326375170] .otp-input {
        width: 50px !important;
        height: 50px !important;
        font-size: 32px !important;
    }
}

@media screen and (max-width: 300px) {
    [_nghost-ng-c2326375170] .otp-input {
        width: 30px;
        font-size: 18px;
        height: 30px;
    }
}

.mat-form-field-prefix,
.mat-form-field-suffix[_ngcontent-ng-c2326375170] {
    display: inline-flex;
    align-items: center;
}

.sub-line[_ngcontent-ng-c2326375170] {
    margin: 15px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub-line[_ngcontent-ng-c2326375170]:before,
.sub-line[_ngcontent-ng-c2326375170]:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.margin-top20[_ngcontent-ng-c2326375170] {
    margin-top: 20px;
}

.margin-top10[_ngcontent-ng-c2326375170] {
    margin-top: 10px;
}

@media screen and (max-width: 370px) {
    .flex-wrap-1[_ngcontent-ng-c2326375170] {
        width: 70%;
        margin-right: 10px;
        display: flex;
        flex-direction: row-reverse;
    }
}

input[_ngcontent-ng-c2326375170]:-webkit-autofill,
input[_ngcontent-ng-c2326375170]:-webkit-autofill:hover,
input[_ngcontent-ng-c2326375170]:-webkit-autofill:focus,
input[_ngcontent-ng-c2326375170]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.max-ht[_ngcontent-ng-c2326375170] {
    /* max-height: 50px;
    margin-bottom: 20px; */
}

.margin-bottom3[_ngcontent-ng-c2326375170] {
    margin-bottom: 3px;
}

[_nghost-ng-c2326375170] #guestLogin app-fugu-tel-input .mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0 !important;
}

[_nghost-ng-c2326375170] #guestLogin app-fugu-tel-input .input-group-addon {
    border: 1px solid #dbdbdb;
}

[_nghost-ng-c2326375170] .fugu-mobile .dropdownMaterial {
    margin-top: -3px;
    padding-top: 0;
}

.font-11[_ngcontent-ng-c2326375170] {
    font-size: 11px;
}

@media screen and (max-width: 450px) {
    .psw-ht[_ngcontent-ng-c2326375170] {
        margin-bottom: 34px;
    }
}

.notSigned[_ngcontent-ng-c2326375170] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.pad-5-ht-40[_ngcontent-ng-c2326375170] {
    padding: 5px;
    height: 40px;
}

.padding-t-10[_ngcontent-ng-c2326375170] {
    padding-bottom: 10px;
}

.social-icon-only[_ngcontent-ng-c2326375170] {
    display: flex !important;
    flex: 1;
    min-height: 42px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.width-100[_ngcontent-ng-c2326375170] {
    width: 100%
}

.width-97-google[_ngcontent-ng-c2326375170] {
    width: 97%
}

.social-div-only[_ngcontent-ng-c2326375170] {
    padding-top: 12px;
    display: flex !important;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px;
    width: 94%;
    flex-direction: column;
}

.tata-neu-logo[_ngcontent-ng-c2326375170] {
    height: 60px;
    display: flex;
    justify-content: center;
}

.tata-buttom[_ngcontent-ng-c2326375170] {
    justify-content: center;
}

[_ngcontent-ng-c1324622549]:root {
    --blue: #1394ff;
    --black: #282828;
    --gray: #e2e4e6;
    --dark-gray: gray;
    --white: #ffffff;
    --light-gray: #d3d3d3;
    --orange: #ff8f00;
    --bg-color: var(--white);
    --header_height: 60px;
    --header_bg_color: var(--black);
    --header_font_color: white;
    --autocomplete_btn_search_bg_color: var(--blue);
    --autocomplete_btn_search_font_color: white;
    --autocomplete_box_height: 40px;
    --theme: var(--blue);
    --rating-bar-color: #3c3b3b;
    --btn-color: var(--black);
    --address_desc_color: #afafaf;
    --address_title_color: #333;
    --address_bg_color: white;
}

.algn[_ngcontent-ng-c1324622549] {
    border-radius: 8px 0 0 8px !important;
    border-right: none;
}

.algn1[_ngcontent-ng-c1324622549] {
    float: right;
}

.algn2[_ngcontent-ng-c1324622549] {
    border-radius: 0 8px 8px 0 !important;
    border-right: 1px solid #cccccc;
}

.txtrt[_ngcontent-ng-c1324622549] {
    text-align: right !important;
}

.parent[_ngcontent-ng-c1324622549] {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-family: Inter, sans-sarif;
}

[_nghost-ng-c1324622549] mat-checkbox .mat-checkbox-layout {
    white-space: pre-wrap !important;
}

input[_ngcontent-ng-c1324622549] {
    border-radius: 0 5px 5px 0 !important;
}

.addForm[_ngcontent-ng-c1324622549] {
    min-height: auto;
    padding-top: 10px;
}

.addForm[_ngcontent-ng-c1324622549] input[_ngcontent-ng-c1324622549] {
    border-radius: 5px !important;
}

[_nghost-ng-c1324622549] app-fugu-tel-input .flagInput {
    border-radius: 5px 0 0 5px !important;
}

[_nghost-ng-c1324622549] app-fugu-tel-input input {
    border-radius: 0 5px 5px 0 !important;
}

[_nghost-ng-c1324622549] app-fugu-tel-input .add-on-set {
    width: 25%;
    padding: 0 4px !important;
}

.withoutParent[_ngcontent-ng-c1324622549] {
    height: 100%;
    width: 100%;
    font-family: Inter, sans-sarif;
}

.card-signup[_ngcontent-ng-c1324622549] {
    background-color: #fff;
    border-radius: 8px;
    padding: 0 10px;
}

.card-signup[_ngcontent-ng-c1324622549] .line[_ngcontent-ng-c1324622549] {
    margin: 5px auto;
    width: 60px;
    float: left;
}

.otpWidth[_ngcontent-ng-c1324622549] {
    text-align: center;
    text-align: -webkit-center;
}

.otpWidth[_ngcontent-ng-c1324622549] input[_ngcontent-ng-c1324622549],
.otpWidth[_ngcontent-ng-c1324622549] .form-group[_ngcontent-ng-c1324622549] {
    width: 100%
}

.otpWidth[_ngcontent-ng-c1324622549] app-control-messages[_ngcontent-ng-c1324622549] {
    width: 100%;
    display: block;
    text-align: left !important;
}

.formHeading[_ngcontent-ng-c1324622549] {
    opacity: .6;
    font-family: Inter, sans-sarif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #525252;
    padding-bottom: 25px;
}

@media only screen and (max-width: 768px) {
    .card-signup[_ngcontent-ng-c1324622549] {
        padding: 5px;
    }

    .otpWidth[_ngcontent-ng-c1324622549] {
        text-align: center;
        text-align: -webkit-center;
    }

    .otpWidth[_ngcontent-ng-c1324622549] input[_ngcontent-ng-c1324622549],
    .otpWidth[_ngcontent-ng-c1324622549] .form-group[_ngcontent-ng-c1324622549] {
        width: 100%
    }

    .otpWidth[_ngcontent-ng-c1324622549] app-control-messages[_ngcontent-ng-c1324622549] {
        width: 100%;
        display: block;
        text-align: left !important;
    }
}

#fbSignin[_ngcontent-ng-c1324622549] {
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    font-size: 14px;
}

.btnSubmit[_ngcontent-ng-c1324622549] {
    border-radius: 8px;
    border: solid 1px #ffffff;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 30px 0 15px;
    padding: 15px 0;
    width: 100%
}

.otpOption[_ngcontent-ng-c1324622549] {
    font-family: Inter, sans-sarif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #c2c2c2 !important;
}

.otpOption[_ngcontent-ng-c1324622549] a[_ngcontent-ng-c1324622549] {
    color: none;
    cursor: pointer;
}

.otpOption[_ngcontent-ng-c1324622549]:hover {
    text-decoration: none;
}

.hoverClass[_ngcontent-ng-c1324622549]:hover {
    text-decoration: underline !important;
}

.btn-red[_ngcontent-ng-c1324622549] {
    background-color: #e13d36;
    color: #fff !important;
    font-size: 18px;
}

.flagInput {
    background-color: #fff !important;
    width: 57px !important;
    text-align: center !important;
}

.flagInput button {
    outline: none;
}

.cdk-overlay-container[_ngcontent-ng-c1324622549] {
    position: fixed;
    z-index: 9999 !important;
}

.full-width[_ngcontent-ng-c1324622549] {
    width: 100%
}

.fontSize[_ngcontent-ng-c1324622549] {
    font-size: 18px;
}

.checkbox[_ngcontent-ng-c1324622549] input[type=checkbox][_ngcontent-ng-c1324622549] {
    margin-top: 7px;
}

#formTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549],
#formTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549] .flagInput[_ngcontent-ng-c1324622549],
#formTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549] .fugu-tel-input[_ngcontent-ng-c1324622549],
#SignUpformTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549],
#SignUpformTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549] .flagInput[_ngcontent-ng-c1324622549],
#SignUpformTelephone[_ngcontent-ng-c1324622549] .input-group[_ngcontent-ng-c1324622549] .fugu-tel-input[_ngcontent-ng-c1324622549] {
    height: 60px !important;
}

.addFormData[_ngcontent-ng-c1324622549] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 1%;
    margin-right: 1%
}

.input-group[_ngcontent-ng-c1324622549] {
    border: none;
    box-shadow: none;
}

.otpFormStyle[_ngcontent-ng-c1324622549] {
    padding-top: 15px;
}

.otpFormStyle[_ngcontent-ng-c1324622549] input[type=number][_ngcontent-ng-c1324622549]::-webkit-inner-spin-button,
.otpFormStyle[_ngcontent-ng-c1324622549] input[type=number][_ngcontent-ng-c1324622549]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.otpFormStyle[_ngcontent-ng-c1324622549] a[_ngcontent-ng-c1324622549] {
    cursor: pointer;
}

.checkbox label,
.radio[_ngcontent-ng-c1324622549] label[_ngcontent-ng-c1324622549] {
    padding-left: 0 !important;
}

.mat-checkbox-inner-container input[type=checkbox],
input[type=radio][_ngcontent-ng-c1324622549] {
    margin: 2px 2px 0;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent[_ngcontent-ng-c1324622549] .mat-checkbox-background[_ngcontent-ng-c1324622549] {
    background-color: var(--theme);
    border-color: #b5b1b18a;
}

.uploadFileButton[_ngcontent-ng-c1324622549] {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #dbdbdb !important;
    font-size: 14px !important;
    font-family: Inter, sans-sarif;
    min-width: 150px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
}

.uploadFileButton[_ngcontent-ng-c1324622549]:hover {
    background-color: gray !important;
}

.progressbar-animated[_ngcontent-ng-c1324622549] {
    width: 100%;
    max-width: 590px;
    height: 40px;
    margin: 10px auto 30px;
    text-align: center;
    line-height: 36px;
}

.onboarding-animation[_ngcontent-ng-c1324622549] .checkmark[_ngcontent-ng-c1324622549] {
    width: 26px;
    height: 26px !important;
}

.onboarding-animation[_ngcontent-ng-c1324622549] .span-loader[_ngcontent-ng-c1324622549] {
    width: 26px;
    height: 26px;
}

.steps[_ngcontent-ng-c1324622549] {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0 0 2rem;
    list-style: none;
}

.step[_ngcontent-ng-c1324622549] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    position: relative;
    pointer-events: none;
}

.step--active[_ngcontent-ng-c1324622549],
.step--complete[_ngcontent-ng-c1324622549] {
    cursor: pointer;
    pointer-events: all;
}

.step[_ngcontent-ng-c1324622549]:not(:last-child):before,
.step[_ngcontent-ng-c1324622549]:not(:last-child):after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: .25rem;
    content: "";
    transform: translateY(-50%);
    will-change: width;
}

.step[_ngcontent-ng-c1324622549]:before {
    width: 100%;
    background-color: #cdcdcd;
}

.step[_ngcontent-ng-c1324622549]:after {
    width: 0;
    background-color: var(--blue);
}

.step--complete[_ngcontent-ng-c1324622549]:after {
    width: 100% !important;
    opacity: 1;
    transition: width .3s ease-in-out, opacity .3s ease-in-out;
}

.step__icon[_ngcontent-ng-c1324622549] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #cdcdcd;
    border: .25rem solid set-alpha(#e6e7e8, .25);
    border-radius: 50%;
    color: transparent;
    font-size: 2rem;
}

.step__icon[_ngcontent-ng-c1324622549]:before {
    content: ".";
    font-size: 53px;
    margin-top: -60%
}

.step--complete.step--active[_ngcontent-ng-c1324622549] .step__icon[_ngcontent-ng-c1324622549] {
    color: #fff;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

.step--incomplete.step--active[_ngcontent-ng-c1324622549] .step__icon[_ngcontent-ng-c1324622549] {
    border-color: var(--blue);
    transition-delay: .5s;
}

.step--complete[_ngcontent-ng-c1324622549] .step__icon[_ngcontent-ng-c1324622549] {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
}

.step--complete[_ngcontent-ng-c1324622549] .step__icon[_ngcontent-ng-c1324622549]:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 18px;
    margin-top: 0;
    z-index: 1;
}

.step__label[_ngcontent-ng-c1324622549] {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-top: 1rem;
    font-size: .8rem;
    text-transform: uppercase;
}

.step--incomplete.step--inactive[_ngcontent-ng-c1324622549] .step__label[_ngcontent-ng-c1324622549] {
    color: set-alpha(#e6e7e8, .25);
}

.step--incomplete.step--active[_ngcontent-ng-c1324622549] .step__label[_ngcontent-ng-c1324622549] {
    color: #fff;
}

[_nghost-ng-c1324622549] p-multiSelect .ui-multiselect {
    width: 100% !important;
}

[_nghost-ng-c1324622549] p-dropdown .ui-dropdown {
    width: 100% !important;
}

[_nghost-ng-c1324622549] p-dropdown .ui-dropdown label.ui-dropdown-label {
    height: 95% !important;
    margin: auto;
}

.signup[_ngcontent-ng-c1324622549] .ui-calendar {
    font-family: Inter, sans-sarif;
    width: 100%;
    height: 50px;
    opacity: 1;
    border-radius: 5px;
    background-color: #fff;
    font-size: 18px;
}

.signup[_ngcontent-ng-c1324622549] .ui-calendar .ui-inputtext {
    width: 100%;
    padding: 6px 12px !important;
    height: 100%
}

.imgs-container[_ngcontent-ng-c1324622549] {
    width: 100%;
    max-height: 100px;
    overflow: scroll;
}

.imgs-container[_ngcontent-ng-c1324622549] div[_ngcontent-ng-c1324622549] {
    width: 80px;
    height: 80px;
    margin: 5px 5px 5px 0;
    float: left;
}

.imgs-container[_ngcontent-ng-c1324622549] img[_ngcontent-ng-c1324622549] {
    height: 100%;
    width: 100%
}

.imgs-container[_ngcontent-ng-c1324622549] span[_ngcontent-ng-c1324622549] {
    position: relative;
    left: 65px;
    bottom: 80px;
    background: #ddd;
    padding: 1px 2px;
}

.text-area[_ngcontent-ng-c1324622549] {
    resize: vertical;
    min-height: 100px;
}

.text-right[_ngcontent-ng-c1324622549] {
    text-align: right;
}

.example-form[_ngcontent-ng-c1324622549] {
    min-width: 150px;
    max-width: 500px;
    width: 100%
}

.example-full-width[_ngcontent-ng-c1324622549] {
    width: 100%
}

.flexClass[_ngcontent-ng-c1324622549] {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

[_nghost-ng-c1324622549] .mat-mdc-form-field-flex {
    border: 1px solid #dbdbdb;
    height: 48px;
    border-radius: 4px;
    padding: 12px 5px 12px 12px;
    align-items: center !important;
}

.alredy_login[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #949494;
}

.colorTextChange[_ngcontent-ng-c1324622549] {
    color: #b3b2b2 !important;
}

.marginSetTerms[_ngcontent-ng-c1324622549] {
    margin-top: 1rem;
    margin-bottom: 0;
}

.flexClassTerms[_ngcontent-ng-c1324622549] {
    display: flex;
    gap: 11px;
    align-items: start;
}

.termsInput[_ngcontent-ng-c1324622549] {
    margin-top: .5rem 0px 0px 0px !important;
    width: 16px;
    height: 19px;
}

.span-terms-color[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    color: #c2c2c2;
}

.theme-color[_ngcontent-ng-c1324622549] {
    color: #636363 !important;
}

.maxWidthSet[_ngcontent-ng-c1324622549] {
    max-width: 520px;
}

.gap10[_ngcontent-ng-c1324622549] {
    gap: 10px;
}

.confirmEmail[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #4f4f4f;
}

.spanConfirmEmail[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #949494;
}

.resendEmail[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4f4f4f;
    text-decoration: underline;
    cursor: pointer;
}

.changeEmail[_ngcontent-ng-c1324622549] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #949494;
    cursor: pointer;
}

.hoverNull[_ngcontent-ng-c1324622549]:hover {
    text-decoration: none !important;
}

.transparentButton[_ngcontent-ng-c1324622549] {
    background-color: transparent;
    border: none;
    font-size: 16px;
    height: 48px;
}

.flexProgressBar[_ngcontent-ng-c1324622549] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secondTextProgress[_ngcontent-ng-c1324622549] {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6;
    text-transform: lowercase;
}

.mainTextProgress[_ngcontent-ng-c1324622549] {
    font-size: 22px;
    font-weight: 700;
    color: var(--theme);
}

.additional-form-flex[_ngcontent-ng-c1324622549] {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-right: -10px;
}

.additional-info-container[_ngcontent-ng-c1324622549] {
    width: calc(50% - 10px);
}

.additional-info-item[_ngcontent-ng-c1324622549] {
    margin-bottom: 4px;
}

@media (max-width: 600px) {
    .additional-form-flex[_ngcontent-ng-c1324622549] {
        padding-right: 30px;
        width: 100vw;
    }

    .additional-info-container[_ngcontent-ng-c1324622549] {
        width: calc(100% - 10px);
    }
}

.mat-mdc-form-field[_ngcontent-ng-c1324622549] {
    width: 100% !important;
}

.additional-form-button[_ngcontent-ng-c1324622549] {
    width: 100%
}

.mat-datepicker-content .mat-calendar {
    width: 278px !important;
    height: 344 !important;
}

.p-float-label[_ngcontent-ng-c1324622549] .p-inputwrapper-focus[_ngcontent-ng-c1324622549]~label[_ngcontent-ng-c1324622549] {
    top: 1rem !important;
    padding-left: 5px;
}

.p-float-label[_ngcontent-ng-c1324622549] .p-inputwrapper-filled[_ngcontent-ng-c1324622549]~label[_ngcontent-ng-c1324622549] {
    padding-left: 5px;
    top: 1rem !important;
}

.p-inputtext-focus[_ngcontent-ng-c1324622549] {
    border: 1px solid #ced4da !important;
}

.date-time-label[_ngcontent-ng-c1324622549] {
    padding-left: 5px;
    font-size: 12px;
    font-weight: inherit;
    color: #949494 !important;
}

.ui-datepicker[_ngcontent-ng-c1324622549] {
    overflow: visible;
    z-index: 999;
}

.calendar-container[_ngcontent-ng-c1324622549] {
    position: relative;
}

.logo-container[_ngcontent-ng-c1324622549] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 5px;
}

.p-inputtext:enabled:focus {
    border-color: #dbdbdb !important;
}

.p-inputtext:enabled:hover {
    border-color: #dbdbdb !important;
}

.del-image[_ngcontent-ng-c1324622549] {
    position: relative;
    display: block;
    bottom: 80px;
    left: 52px;
    background: none;
    border: none;
}

.custom-upload-button[_ngcontent-ng-c1324622549] {
    display: flex;
    align-items: center;
}

.button-text[_ngcontent-ng-c1324622549] {
    margin-right: 8px;
    margin-left: 6px;
    color: #949494;
    font-weight: 500;
}

.icon[_ngcontent-ng-c1324622549] {
    margin-left: auto;
    margin-right: 10px;
}

#forgotModal .dropdown-content {
    overflow: unset !important;
}

.mat-mdc-form-field-infix[_ngcontent-ng-c1324622549] {
    top: 2px !important;
}

[_nghost-ng-c1324622549] app-fugu-tel-input .mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0 !important;
}

[_nghost-ng-c1324622549] app-fugu-tel-input .input-group-addon {
    border: 1px solid #dbdbdb;
}

input[_ngcontent-ng-c1324622549]:-webkit-autofill,
input[_ngcontent-ng-c1324622549]:-webkit-autofill:hover,
input[_ngcontent-ng-c1324622549]:-webkit-autofill:focus,
input[_ngcontent-ng-c1324622549]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.ng-otp-input-wrapper[_ngcontent-ng-c1324622549] .otp-input[_ngcontent-ng-c1324622549]:not(:last-child) {
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    [_nghost-ng-c1324622549] .otp-input {
        width: 50px !important;
        font-size: 18px;
        height: 50px !important;
    }
}

@media screen and (max-width: 420px) {
    [_nghost-ng-c1324622549] .otp-input {
        width: 38px !important;
        font-size: 18px;
        height: 38px !important;
    }
}

.marg-top10[_ngcontent-ng-c1324622549] {
    margin-top: 10px;
}

.signInHere[_ngcontent-ng-c1324622549] {
    color: unset;
}

.algn[_ngcontent-ng-c3361181156] {
    border-radius: 0 8px 8px 0 !important;
    border-right: 1px solid #cccccc;
}

.algn2[_ngcontent-ng-c3361181156] {
    border-radius: 8px 0 0 8px !important;
    border-right: none;
}

.algn1[_ngcontent-ng-c3361181156] {
    float: right;
}

.none[_ngcontent-ng-c3361181156] {
    border-right: none !important;
}

@media (max-width: 767px) {
    .txtrt1[_ngcontent-ng-c3361181156] {
        text-align: right !important;
        right: -35px;
        overflow-x: scroll !important;
        width: 375px;
    }
}

@media (min-width: 768px) {
    .txtrt1[_ngcontent-ng-c3361181156] {
        text-align: right !important;
        right: -35px;
    }
}

.widthHUndred[_ngcontent-ng-c3361181156] {
    width: 100%;
    margin-bottom: 3px;
    max-height: 100%
}

.example-full-width[_ngcontent-ng-c3361181156] {
    width: 100%
}

[_nghost-ng-c3361181156] .mat-mdc-form-field-flex {
    border-left: 1px solid #dbdbdb !important;
}

.dropdownMaterial[_ngcontent-ng-c3361181156] {
    padding-top: 0 !important;
}

[_nghost-ng-c3361181156] .matInput>.mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0 !important;
}

input[_ngcontent-ng-c3361181156]:-webkit-autofill,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:hover,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:focus,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input-group[_ngcontent-ng-c3361181156] {
    width: 100%
}

@media (max-width:767px) {
    .rgt[_ngcontent-ng-c3361181156] {
        right: -35px;
        width: 330px;
        overflow-x: scroll;
    }
}

.country-name[_ngcontent-ng-c3361181156] {
    margin-left: 6px;
}

.dial-code[_ngcontent-ng-c3361181156] {
    color: #999;
}

.scrollable-menu[_ngcontent-ng-c3361181156] {
    height: auto;
    max-height: 200px;
    width: 350px;
    overflow-x: hidden;
}

.flagInput[_ngcontent-ng-c3361181156] {
    padding: 0 !important;
}

.input-group-addon[_ngcontent-ng-c3361181156] {
    text-align: left;
}

.btn-flag[_ngcontent-ng-c3361181156] {
    border-color: #fff;
}

.btn[_ngcontent-ng-c3361181156]:hover,
.btn[_ngcontent-ng-c3361181156]:focus {
    background-color: #fff;
}

.defaultCountry[_ngcontent-ng-c3361181156] {
    /* background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/c_scale, h_15, w_15/v1495279723/default_tmey2r.png) no-repeat; */
    display: inline-block;
    width: 15px;
    height: 15px;
}

.list-group[_ngcontent-ng-c3361181156] {
    margin-bottom: 0;
}

.dropbtn[_ngcontent-ng-c3361181156] {
    background-color: #fff;
    color: #fff;
    border: none;
    cursor: pointer;
}

.txtrt[_ngcontent-ng-c3361181156] {
    text-align: right !important;
}

.country-codes[_ngcontent-ng-c3361181156] {
    border-right: 1px solid #ccc !important;
    border-radius: 0 8px 8px 0 !important;
}

.numbr[_ngcontent-ng-c3361181156] {
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
}

.dropdown[_ngcontent-ng-c3361181156] {
    position: relative;
    display: inline-block;
}

.add-on-set[_ngcontent-ng-c3361181156] {
    width: 20%;
    height: 48px;
    padding: 8px 15px !important;
}

.dropdown-content[_ngcontent-ng-c3361181156] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
}

.dropdown-content[_ngcontent-ng-c3361181156] a[_ngcontent-ng-c3361181156] {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.flag[_ngcontent-ng-c3361181156] {
    width: 20px;
}

.flag.flag-be[_ngcontent-ng-c3361181156] {
    width: 18px;
}

.flag.flag-ch[_ngcontent-ng-c3361181156] {
    width: 15px;
}

.flag.flag-mc[_ngcontent-ng-c3361181156] {
    width: 19px;
}

.flag.flag-ne[_ngcontent-ng-c3361181156] {
    width: 18px;
}

.flag.flag-np[_ngcontent-ng-c3361181156] {
    width: 13px;
}

.flag.flag-va[_ngcontent-ng-c3361181156] {
    width: 15px;
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .flag[_ngcontent-ng-c3361181156] {
        background-size: 5630px 15px;
    }
}

.flag.flag-ac[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: 0px 0px;
}

.flag.flag-ad[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -22px 0px;
}

.flag.flag-ae[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -44px 0px;
}

.flag.flag-af[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -66px 0px;
}

.flag.flag-ag[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -88px 0px;
}

.flag.flag-ai[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -110px 0px;
}

.flag.flag-al[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -132px 0px;
}

.flag.flag-am[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -154px 0px;
}

.flag.flag-ao[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -176px 0px;
}

.flag.flag-aq[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -198px 0px;
}

.flag.flag-ar[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -220px 0px;
}

.flag.flag-as[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -242px 0px;
}

.flag.flag-at[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -264px 0px;
}

.flag.flag-au[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -286px 0px;
}

.flag.flag-aw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -308px 0px;
}

.flag.flag-ax[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -330px 0px;
}

.flag.flag-az[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -352px 0px;
}

.flag.flag-ba[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -374px 0px;
}

.flag.flag-bb[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -396px 0px;
}

.flag.flag-bd[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -418px 0px;
}

.flag.flag-be[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -440px 0px;
}

.flag.flag-bf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -460px 0px;
}

.flag.flag-bg[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -482px 0px;
}

.flag.flag-bh[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -504px 0px;
}

.flag.flag-bi[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -526px 0px;
}

.flag.flag-bj[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -548px 0px;
}

.flag.flag-bl[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -570px 0px;
}

.flag.flag-bm[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -592px 0px;
}

.flag.flag-bn[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -614px 0px;
}

.flag.flag-bo[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -636px 0px;
}

.flag.flag-bq[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -658px 0px;
}

.flag.flag-br[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -680px 0px;
}

.flag.flag-bs[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -702px 0px;
}

.flag.flag-bt[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -724px 0px;
}

.flag.flag-bv[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -746px 0px;
}

.flag.flag-bw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -768px 0px;
}

.flag.flag-by[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -790px 0px;
}

.flag.flag-bz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -812px 0px;
}

.flag.flag-ca[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -834px 0px;
}

.flag.flag-cc[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -856px 0px;
}

.flag.flag-cd[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -878px 0px;
}

.flag.flag-cf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -900px 0px;
}

.flag.flag-cg[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -922px 0px;
}

.flag.flag-ch[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -944px 0px;
}

.flag.flag-ci[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -961px 0px;
}

.flag.flag-ck[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -983px 0px;
}

.flag.flag-cl[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1005px 0px;
}

.flag.flag-cm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1027px 0px;
}

.flag.flag-cn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1049px 0px;
}

.flag.flag-co[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1071px 0px;
}

.flag.flag-cp[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1093px 0px;
}

.flag.flag-cr[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -1115px 0px;
}

.flag.flag-cu[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1137px 0px;
}

.flag.flag-cv[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -1159px 0px;
}

.flag.flag-cw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1181px 0px;
}

.flag.flag-cx[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1203px 0px;
}

.flag.flag-cy[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -1225px 0px;
}

.flag.flag-cz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1247px 0px;
}

.flag.flag-de[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -1269px 0px;
}

.flag.flag-dg[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1291px 0px;
}

.flag.flag-dj[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1313px 0px;
}

.flag.flag-dk[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -1335px 0px;
}

.flag.flag-dm[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1357px 0px;
}

.flag.flag-do[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -1379px 0px;
}

.flag.flag-dz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1401px 0px;
}

.flag.flag-ea[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1423px 0px;
}

.flag.flag-ec[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1445px 0px;
}

.flag.flag-ee[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -1467px 0px;
}

.flag.flag-eg[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1489px 0px;
}

.flag.flag-eh[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1511px 0px;
}

.flag.flag-er[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1533px 0px;
}

.flag.flag-es[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1555px 0px;
}

.flag.flag-et[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1577px 0px;
}

.flag.flag-eu[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1599px 0px;
}

.flag.flag-fi[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -1621px 0px;
}

.flag.flag-fj[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1643px 0px;
}

.flag.flag-fk[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1665px 0px;
}

.flag.flag-fm[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -1687px 0px;
}

.flag.flag-fo[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -1709px 0px;
}

.flag.flag-fr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1731px 0px;
}

.flag.flag-ga[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -1753px 0px;
}

.flag.flag-gb[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1775px 0px;
}

.flag.flag-gd[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -1797px 0px;
}

.flag.flag-ge[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1819px 0px;
}

.flag.flag-gf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1841px 0px;
}

.flag.flag-gg[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1863px 0px;
}

.flag.flag-gh[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1885px 0px;
}

.flag.flag-gi[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -1907px 0px;
}

.flag.flag-gl[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1929px 0px;
}

.flag.flag-gm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1951px 0px;
}

.flag.flag-gn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1973px 0px;
}

.flag.flag-gp[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -1995px 0px;
}

.flag.flag-gq[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2017px 0px;
}

.flag.flag-gr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2039px 0px;
}

.flag.flag-gs[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2061px 0px;
}

.flag.flag-gt[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -2083px 0px;
}

.flag.flag-gu[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -2105px 0px;
}

.flag.flag-gw[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2127px 0px;
}

.flag.flag-gy[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2149px 0px;
}

.flag.flag-hk[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2171px 0px;
}

.flag.flag-hm[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2193px 0px;
}

.flag.flag-hn[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2215px 0px;
}

.flag.flag-hr[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2237px 0px;
}

.flag.flag-ht[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2259px 0px;
}

.flag.flag-hu[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2281px 0px;
}

.flag.flag-ic[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2303px 0px;
}

.flag.flag-id[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2325px 0px;
}

.flag.flag-ie[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2347px 0px;
}

.flag.flag-il[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -2369px 0px;
}

.flag.flag-im[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2391px 0px;
}

.flag.flag-in[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2413px 0px;
}

.flag.flag-io[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2435px 0px;
}

.flag.flag-iq[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2457px 0px;
}

.flag.flag-ir[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2479px 0px;
}

.flag.flag-is[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -2501px 0px;
}

.flag.flag-it[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2523px 0px;
}

.flag.flag-je[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2545px 0px;
}

.flag.flag-jm[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2567px 0px;
}

.flag.flag-jo[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2589px 0px;
}

.flag.flag-jp[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2611px 0px;
}

.flag.flag-ke[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2633px 0px;
}

.flag.flag-kg[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2655px 0px;
}

.flag.flag-kh[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -2677px 0px;
}

.flag.flag-ki[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2699px 0px;
}

.flag.flag-km[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2721px 0px;
}

.flag.flag-kn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2743px 0px;
}

.flag.flag-kp[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2765px 0px;
}

.flag.flag-kr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2787px 0px;
}

.flag.flag-kw[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2809px 0px;
}

.flag.flag-ky[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2831px 0px;
}

.flag.flag-kz[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2853px 0px;
}

.flag.flag-la[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2875px 0px;
}

.flag.flag-lb[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -2897px 0px;
}

.flag.flag-lc[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2919px 0px;
}

.flag.flag-li[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -2941px 0px;
}

.flag.flag-lk[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -2963px 0px;
}

.flag.flag-lr[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -2985px 0px;
}

.flag.flag-ls[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3007px 0px;
}

.flag.flag-lt[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -3029px 0px;
}

.flag.flag-lu[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -3051px 0px;
}

.flag.flag-lv[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3073px 0px;
}

.flag.flag-ly[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3095px 0px;
}

.flag.flag-ma[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3117px 0px;
}

.flag.flag-mc[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -3139px 0px;
}

.flag.flag-md[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3160px 0px;
}

.flag.flag-me[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3182px 0px;
}

.flag.flag-mf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3204px 0px;
}

.flag.flag-mg[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3226px 0px;
}

.flag.flag-mh[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -3248px 0px;
}

.flag.flag-mk[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3270px 0px;
}

.flag.flag-ml[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3292px 0px;
}

.flag.flag-mm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3314px 0px;
}

.flag.flag-mn[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3336px 0px;
}

.flag.flag-mo[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3358px 0px;
}

.flag.flag-mp[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3380px 0px;
}

.flag.flag-mq[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3402px 0px;
}

.flag.flag-mr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3424px 0px;
}

.flag.flag-ms[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3446px 0px;
}

.flag.flag-mt[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3468px 0px;
}

.flag.flag-mu[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3490px 0px;
}

.flag.flag-mv[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3512px 0px;
}

.flag.flag-mw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3534px 0px;
}

.flag.flag-mx[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -3556px 0px;
}

.flag.flag-my[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3578px 0px;
}

.flag.flag-mz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3600px 0px;
}

.flag.flag-na[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3622px 0px;
}

.flag.flag-nc[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3644px 0px;
}

.flag.flag-ne[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -3666px 0px;
}

.flag.flag-nf[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3686px 0px;
}

.flag.flag-ng[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3708px 0px;
}

.flag.flag-ni[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -3730px 0px;
}

.flag.flag-nl[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3752px 0px;
}

.flag.flag-no[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -3774px 0px;
}

.flag.flag-np[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -3796px 0px;
}

.flag.flag-nr[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3811px 0px;
}

.flag.flag-nu[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3833px 0px;
}

.flag.flag-nz[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3855px 0px;
}

.flag.flag-om[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3877px 0px;
}

.flag.flag-pa[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3899px 0px;
}

.flag.flag-pe[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3921px 0px;
}

.flag.flag-pf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -3943px 0px;
}

.flag.flag-pg[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -3965px 0px;
}

.flag.flag-ph[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -3987px 0px;
}

.flag.flag-pk[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4009px 0px;
}

.flag.flag-pl[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -4031px 0px;
}

.flag.flag-pm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4053px 0px;
}

.flag.flag-pn[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4075px 0px;
}

.flag.flag-pr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4097px 0px;
}

.flag.flag-ps[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4119px 0px;
}

.flag.flag-pt[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4141px 0px;
}

.flag.flag-pw[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -4163px 0px;
}

.flag.flag-py[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -4185px 0px;
}

.flag.flag-qa[_ngcontent-ng-c3361181156] {
    height: 8px;
    background-position: -4207px 0px;
}

.flag.flag-re[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4229px 0px;
}

.flag.flag-ro[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4251px 0px;
}

.flag.flag-rs[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4273px 0px;
}

.flag.flag-ru[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4295px 0px;
}

.flag.flag-rw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4317px 0px;
}

.flag.flag-sa[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4339px 0px;
}

.flag.flag-sb[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4361px 0px;
}

.flag.flag-sc[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4383px 0px;
}

.flag.flag-sd[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4405px 0px;
}

.flag.flag-se[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -4427px 0px;
}

.flag.flag-sg[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4449px 0px;
}

.flag.flag-sh[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4471px 0px;
}

.flag.flag-si[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4493px 0px;
}

.flag.flag-sj[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -4515px 0px;
}

.flag.flag-sk[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4537px 0px;
}

.flag.flag-sl[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4559px 0px;
}

.flag.flag-sm[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -4581px 0px;
}

.flag.flag-sn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4603px 0px;
}

.flag.flag-so[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4625px 0px;
}

.flag.flag-sr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4647px 0px;
}

.flag.flag-ss[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4669px 0px;
}

.flag.flag-st[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4691px 0px;
}

.flag.flag-sv[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -4713px 0px;
}

.flag.flag-sx[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4735px 0px;
}

.flag.flag-sy[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4757px 0px;
}

.flag.flag-sz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4779px 0px;
}

.flag.flag-ta[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4801px 0px;
}

.flag.flag-tc[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4823px 0px;
}

.flag.flag-td[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4845px 0px;
}

.flag.flag-tf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4867px 0px;
}

.flag.flag-tg[_ngcontent-ng-c3361181156] {
    height: 13px;
    background-position: -4889px 0px;
}

.flag.flag-th[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4911px 0px;
}

.flag.flag-tj[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4933px 0px;
}

.flag.flag-tk[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4955px 0px;
}

.flag.flag-tl[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -4977px 0px;
}

.flag.flag-tm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -4999px 0px;
}

.flag.flag-tn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5021px 0px;
}

.flag.flag-to[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5043px 0px;
}

.flag.flag-tr[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5065px 0px;
}

.flag.flag-tt[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -5087px 0px;
}

.flag.flag-tv[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5109px 0px;
}

.flag.flag-tw[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5131px 0px;
}

.flag.flag-tz[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5153px 0px;
}

.flag.flag-ua[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5175px 0px;
}

.flag.flag-ug[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5197px 0px;
}

.flag.flag-um[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -5219px 0px;
}

.flag.flag-us[_ngcontent-ng-c3361181156] {
    height: 11px;
    background-position: -5241px 0px;
}

.flag.flag-uy[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5263px 0px;
}

.flag.flag-uz[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5285px 0px;
}

.flag.flag-va[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -5307px 0px;
}

.flag.flag-vc[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5324px 0px;
}

.flag.flag-ve[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5346px 0px;
}

.flag.flag-vg[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5368px 0px;
}

.flag.flag-vi[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5390px 0px;
}

.flag.flag-vn[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5412px 0px;
}

.flag.flag-vu[_ngcontent-ng-c3361181156] {
    height: 12px;
    background-position: -5434px 0px;
}

.flag.flag-wf[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5456px 0px;
}

.flag.flag-ws[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5478px 0px;
}

.flag.flag-xk[_ngcontent-ng-c3361181156] {
    height: 15px;
    background-position: -5500px 0px;
}

.flag.flag-ye[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5522px 0px;
}

.flag.flag-yt[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5544px 0px;
}

.flag.flag-za[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5566px 0px;
}

.flag.flag-zm[_ngcontent-ng-c3361181156] {
    height: 14px;
    background-position: -5588px 0px;
}

.flag.flag-zw[_ngcontent-ng-c3361181156] {
    height: 10px;
    background-position: -5610px 0px;
}

.flag[_ngcontent-ng-c3361181156] {
    width: 20px;
    height: 15px;
    display: inline-block;
    box-shadow: 0 0 1px #888;
    background-image: url(flags.853e56ff1a7f33ea.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb44;
    background-position: 20px 0;
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .flag[_ngcontent-ng-c3361181156] {
        background-image: url(flags@2x.a52e5cab23a73804.png);
    }
}

.flag.flag-np[_ngcontent-ng-c3361181156] {
    background-color: transparent;
}

input.form-control.input-style.fugu-tel-input.hybridinput[_ngcontent-ng-c3361181156] {
    height: 50px !important;
}

.hybridtel[_ngcontent-ng-c3361181156] .add-on-set[_ngcontent-ng-c3361181156] {
    padding: 6px 7px !important;
    height: 48px;
}

input.form-control.input-style.fugu-tel-input.hybridinput[_ngcontent-ng-c3361181156] {
    width: 100%;
    height: 50px;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    border-radius: 0 8px 8px 0;
    border: 1px solid #ccc !important;
    border-left: none;
}

.dropdown-content-material.hybridteldropdown[_ngcontent-ng-c3361181156],
.dropdown-content.hybridteldropdown[_ngcontent-ng-c3361181156] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
    max-width: 400px;
}

.widthHUndred[_ngcontent-ng-c3361181156] {
    width: 100%
}

.flexDivIcons[_ngcontent-ng-c3361181156] {
    width: 20%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.flexDiv[_ngcontent-ng-c3361181156] {
    display: flex;
    position: relative;
    width: 100%
}

[_nghost-ng-c3361181156] .mat-mdc-form-field-flex {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    border-left: .5px solid #eddfdf;
    height: 48px;
    padding: 12px;
    align-items: center !important;
}

.padTop[_ngcontent-ng-c3361181156] {
    padding-top: 0 !important;
}

[_nghost-ng-c3361181156] .matInput>.mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0 !important;
}

input[_ngcontent-ng-c3361181156]:-webkit-autofill,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:hover,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:focus,
input[_ngcontent-ng-c3361181156]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

[_nghost-ng-c3361181156] .testborder .mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0;
}

.dropbtnMaterial[_ngcontent-ng-c3361181156]:hover,
.dropbtnMaterial.focus[_ngcontent-ng-c3361181156] {
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
}

.dropdown-content-material[_ngcontent-ng-c3361181156] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
    left: 0rem;
    top: 6rem;
    width: 100%
}

.dropdown-content-material[_ngcontent-ng-c3361181156] a[_ngcontent-ng-c3361181156] {
    width: 100%;
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownMaterial[_ngcontent-ng-c3361181156] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    position: unset;
}

.dropbtnMaterial[_ngcontent-ng-c3361181156] {
    background-color: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-signup[_ngcontent-ng-c3098394985] {
    background-color: #fff;
    border-radius: 6px;
    padding-bottom: 0;
}

.card-signup[_ngcontent-ng-c3098394985] .line[_ngcontent-ng-c3098394985] {
    margin: 5px auto;
    width: 60px;
    float: left;
}

.otpWidth[_ngcontent-ng-c3098394985] {
    text-align: center;
    text-align: -webkit-center;
}

.otpWidth[_ngcontent-ng-c3098394985] input[_ngcontent-ng-c3098394985],
.otpWidth[_ngcontent-ng-c3098394985] .form-group[_ngcontent-ng-c3098394985] {
    width: 100%
}

.otpWidth[_ngcontent-ng-c3098394985] app-control-messages[_ngcontent-ng-c3098394985] {
    width: 100%;
    display: block;
    text-align: left !important;
}

.formHeading[_ngcontent-ng-c3098394985] {
    opacity: .6;
    font-family: Inter, sans-sarif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #525252;
    padding-bottom: 25px;
}

@media only screen and (max-width: 768px) {
    .card-signup[_ngcontent-ng-c3098394985] {
        padding: 5px;
    }
}

.main-heading[_ngcontent-ng-c3098394985] {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    opacity: .8;
    font-family: Inter, sans-sarif;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .7px;
    text-align: center;
    color: #000;
    margin-top: 10px;
}

@media screen and (max-width: 576px) {
    .main-heading[_ngcontent-ng-c3098394985] {
        font-size: 18px;
    }
}

.input-style[_ngcontent-ng-c3098394985] {
    color: #333;
    height: 60px;
    font-size: 20px;
}

.btnSubmit[_ngcontent-ng-c3098394985] {
    border-radius: 8px;
    border: solid 1px #ffffff;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 30px 0 15px;
    padding: 15px 0;
    width: 100%;
    background-color: var(--theme);
}

.otpOption[_ngcontent-ng-c3098394985] {
    font-family: Inter, sans-sarif;
    font-size: 18.5px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .7px;
    text-align: left;
    color: #06aed5;
    padding: 0;
}

.btn-red[_ngcontent-ng-c3098394985] {
    background-color: #e13d36;
    color: #fff !important;
    font-size: 18px;
}

.flagInput {
    background-color: #fff !important;
    width: 57px !important;
    text-align: center !important;
}

.flagInput button {
    outline: none;
}

.fontSize[_ngcontent-ng-c3098394985] {
    font-size: 18px;
}

.checkbox[_ngcontent-ng-c3098394985] input[type=checkbox][_ngcontent-ng-c3098394985] {
    margin-top: 7px;
}

#formTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985],
#formTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985] .flagInput[_ngcontent-ng-c3098394985],
#formTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985] .fugu-tel-input[_ngcontent-ng-c3098394985],
#SignUpformTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985],
#SignUpformTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985] .flagInput[_ngcontent-ng-c3098394985],
#SignUpformTelephone[_ngcontent-ng-c3098394985] .input-group[_ngcontent-ng-c3098394985] .fugu-tel-input[_ngcontent-ng-c3098394985] {
    height: 60px !important;
}

.addFormData[_ngcontent-ng-c3098394985] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 1%;
    margin-right: 1%
}

.input-group[_ngcontent-ng-c3098394985] {
    border: none;
    box-shadow: none;
}

#showPassword[_ngcontent-ng-c3098394985] #eye-icon[_ngcontent-ng-c3098394985] {
    fill: #999;
}

#showPassword[_ngcontent-ng-c3098394985] #eye-icon.selected[_ngcontent-ng-c3098394985] {
    fill: var(--blue) !important;
}

#showPassword[_ngcontent-ng-c3098394985]:hover #eye-icon[_ngcontent-ng-c3098394985] {
    fill: var(--blue);
}

.eye[_ngcontent-ng-c3098394985] {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 10;
}

[_nghost-ng-c3098394985] .otp-input {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    border: solid 1px #c5c5c5;
    text-align: center;
    font-size: 32px;
    align-items: center;
    justify-content: center;
}

.ng-otp-input-wrapper[_ngcontent-ng-c3098394985] .otp-input[_ngcontent-ng-c3098394985]:not(:last-child) {
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    [_nghost-ng-c3098394985] .otp-input {
        width: 50px !important;
        font-size: 18px;
        height: 50px !important;
    }
}

@media screen and (max-width: 420px) {
    [_nghost-ng-c3098394985] .otp-input {
        width: 38px !important;
        font-size: 18px;
        height: 38px !important;
    }
}

.btn[_ngcontent-ng-c3098394985] {
    margin-top: 20px;
    margin-bottom: 14px;
}

.mat-mdc-form-field[_ngcontent-ng-c3098394985] {
    display: inherit !important;
    border: 1px solid #dbdbdb;
    border-radius: 8px !important;
}

[_nghost-ng-c3098394985] .mat-mdc-text-field-wrapper {
    border-radius: 8px !important;
}

[_nghost-ng-c3098394985] .mdc-text-field--filled:not(.mdc-text-field--disabled) {
    border-radius: 8px !important;
}

[_nghost-ng-c3098394985] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    border-radius: 8px !important;
}

.font-18-left[_ngcontent-ng-c3098394985] {
    text-align: left;
    font-size: 18px;
}

.mr-top-10[_ngcontent-ng-c3098394985] {
    margin-top: 10px;
}

.font-14-pointer[_ngcontent-ng-c3098394985] {
    font-size: 14px;
    color: #949494;
    cursor: pointer;
}

.pad-top-bottom[_ngcontent-ng-c3098394985] {
    padding-bottom: 20px;
    padding-top: 10px;
}

.pad-12[_ngcontent-ng-c3098394985] {
    padding: 12px;
}

.submit-confirm-psw[_ngcontent-ng-c3098394985] {
    width: 100%
}

.input-group[_ngcontent-ng-c1809470273] {
    width: 100%
}

@media (max-width:767px) {
    .rgt[_ngcontent-ng-c1809470273] {
        right: -35px;
        width: 330px;
        overflow-x: scroll;
    }
}

.country-name[_ngcontent-ng-c1809470273] {
    margin-left: 6px;
}

.dial-code[_ngcontent-ng-c1809470273] {
    color: #999;
}

.scrollable-menu[_ngcontent-ng-c1809470273] {
    height: auto;
    max-height: 200px;
    width: 350px;
    overflow-x: hidden;
}

.flagInput[_ngcontent-ng-c1809470273] {
    padding: 0 !important;
}

.input-group-addon[_ngcontent-ng-c1809470273] {
    text-align: left;
}

.btn-flag[_ngcontent-ng-c1809470273] {
    border-color: #fff;
}

.btn[_ngcontent-ng-c1809470273]:hover,
.btn[_ngcontent-ng-c1809470273]:focus {
    background-color: #fff;
}

.defaultCountry[_ngcontent-ng-c1809470273] {
    /* background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/c_scale, h_15, w_15/v1495279723/default_tmey2r.png) no-repeat; */
    display: inline-block;
    width: 15px;
    height: 15px;
}

.list-group[_ngcontent-ng-c1809470273] {
    margin-bottom: 0;
}

.dropbtn[_ngcontent-ng-c1809470273] {
    background-color: #fff;
    color: #fff;
    border: none;
    cursor: pointer;
}

.txtrt[_ngcontent-ng-c1809470273] {
    text-align: right !important;
}

.country-codes[_ngcontent-ng-c1809470273] {
    border-right: 1px solid #ccc !important;
    border-radius: 0 8px 8px 0 !important;
}

.numbr[_ngcontent-ng-c1809470273] {
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
}

.dropdown[_ngcontent-ng-c1809470273] {
    position: relative;
    display: inline-block;
}

.add-on-set[_ngcontent-ng-c1809470273] {
    width: 20%;
    height: 48px;
    padding: 8px 15px !important;
}

.dropdown-content[_ngcontent-ng-c1809470273] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
}

.dropdown-content[_ngcontent-ng-c1809470273] a[_ngcontent-ng-c1809470273] {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.flag[_ngcontent-ng-c1809470273] {
    width: 20px;
}

.flag.flag-be[_ngcontent-ng-c1809470273] {
    width: 18px;
}

.flag.flag-ch[_ngcontent-ng-c1809470273] {
    width: 15px;
}

.flag.flag-mc[_ngcontent-ng-c1809470273] {
    width: 19px;
}

.flag.flag-ne[_ngcontent-ng-c1809470273] {
    width: 18px;
}

.flag.flag-np[_ngcontent-ng-c1809470273] {
    width: 13px;
}

.flag.flag-va[_ngcontent-ng-c1809470273] {
    width: 15px;
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .flag[_ngcontent-ng-c1809470273] {
        background-size: 5630px 15px;
    }
}

.flag.flag-ac[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: 0px 0px;
}

.flag.flag-ad[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -22px 0px;
}

.flag.flag-ae[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -44px 0px;
}

.flag.flag-af[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -66px 0px;
}

.flag.flag-ag[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -88px 0px;
}

.flag.flag-ai[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -110px 0px;
}

.flag.flag-al[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -132px 0px;
}

.flag.flag-am[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -154px 0px;
}

.flag.flag-ao[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -176px 0px;
}

.flag.flag-aq[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -198px 0px;
}

.flag.flag-ar[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -220px 0px;
}

.flag.flag-as[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -242px 0px;
}

.flag.flag-at[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -264px 0px;
}

.flag.flag-au[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -286px 0px;
}

.flag.flag-aw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -308px 0px;
}

.flag.flag-ax[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -330px 0px;
}

.flag.flag-az[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -352px 0px;
}

.flag.flag-ba[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -374px 0px;
}

.flag.flag-bb[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -396px 0px;
}

.flag.flag-bd[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -418px 0px;
}

.flag.flag-be[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -440px 0px;
}

.flag.flag-bf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -460px 0px;
}

.flag.flag-bg[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -482px 0px;
}

.flag.flag-bh[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -504px 0px;
}

.flag.flag-bi[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -526px 0px;
}

.flag.flag-bj[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -548px 0px;
}

.flag.flag-bl[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -570px 0px;
}

.flag.flag-bm[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -592px 0px;
}

.flag.flag-bn[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -614px 0px;
}

.flag.flag-bo[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -636px 0px;
}

.flag.flag-bq[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -658px 0px;
}

.flag.flag-br[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -680px 0px;
}

.flag.flag-bs[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -702px 0px;
}

.flag.flag-bt[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -724px 0px;
}

.flag.flag-bv[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -746px 0px;
}

.flag.flag-bw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -768px 0px;
}

.flag.flag-by[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -790px 0px;
}

.flag.flag-bz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -812px 0px;
}

.flag.flag-ca[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -834px 0px;
}

.flag.flag-cc[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -856px 0px;
}

.flag.flag-cd[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -878px 0px;
}

.flag.flag-cf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -900px 0px;
}

.flag.flag-cg[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -922px 0px;
}

.flag.flag-ch[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -944px 0px;
}

.flag.flag-ci[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -961px 0px;
}

.flag.flag-ck[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -983px 0px;
}

.flag.flag-cl[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1005px 0px;
}

.flag.flag-cm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1027px 0px;
}

.flag.flag-cn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1049px 0px;
}

.flag.flag-co[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1071px 0px;
}

.flag.flag-cp[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1093px 0px;
}

.flag.flag-cr[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -1115px 0px;
}

.flag.flag-cu[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1137px 0px;
}

.flag.flag-cv[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -1159px 0px;
}

.flag.flag-cw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1181px 0px;
}

.flag.flag-cx[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1203px 0px;
}

.flag.flag-cy[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -1225px 0px;
}

.flag.flag-cz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1247px 0px;
}

.flag.flag-de[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -1269px 0px;
}

.flag.flag-dg[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1291px 0px;
}

.flag.flag-dj[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1313px 0px;
}

.flag.flag-dk[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -1335px 0px;
}

.flag.flag-dm[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1357px 0px;
}

.flag.flag-do[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -1379px 0px;
}

.flag.flag-dz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1401px 0px;
}

.flag.flag-ea[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1423px 0px;
}

.flag.flag-ec[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1445px 0px;
}

.flag.flag-ee[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -1467px 0px;
}

.flag.flag-eg[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1489px 0px;
}

.flag.flag-eh[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1511px 0px;
}

.flag.flag-er[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1533px 0px;
}

.flag.flag-es[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1555px 0px;
}

.flag.flag-et[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1577px 0px;
}

.flag.flag-eu[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1599px 0px;
}

.flag.flag-fi[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -1621px 0px;
}

.flag.flag-fj[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1643px 0px;
}

.flag.flag-fk[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1665px 0px;
}

.flag.flag-fm[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -1687px 0px;
}

.flag.flag-fo[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -1709px 0px;
}

.flag.flag-fr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1731px 0px;
}

.flag.flag-ga[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -1753px 0px;
}

.flag.flag-gb[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1775px 0px;
}

.flag.flag-gd[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -1797px 0px;
}

.flag.flag-ge[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1819px 0px;
}

.flag.flag-gf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1841px 0px;
}

.flag.flag-gg[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1863px 0px;
}

.flag.flag-gh[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1885px 0px;
}

.flag.flag-gi[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -1907px 0px;
}

.flag.flag-gl[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1929px 0px;
}

.flag.flag-gm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1951px 0px;
}

.flag.flag-gn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1973px 0px;
}

.flag.flag-gp[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -1995px 0px;
}

.flag.flag-gq[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2017px 0px;
}

.flag.flag-gr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2039px 0px;
}

.flag.flag-gs[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2061px 0px;
}

.flag.flag-gt[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -2083px 0px;
}

.flag.flag-gu[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -2105px 0px;
}

.flag.flag-gw[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2127px 0px;
}

.flag.flag-gy[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2149px 0px;
}

.flag.flag-hk[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2171px 0px;
}

.flag.flag-hm[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2193px 0px;
}

.flag.flag-hn[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2215px 0px;
}

.flag.flag-hr[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2237px 0px;
}

.flag.flag-ht[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2259px 0px;
}

.flag.flag-hu[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2281px 0px;
}

.flag.flag-ic[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2303px 0px;
}

.flag.flag-id[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2325px 0px;
}

.flag.flag-ie[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2347px 0px;
}

.flag.flag-il[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -2369px 0px;
}

.flag.flag-im[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2391px 0px;
}

.flag.flag-in[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2413px 0px;
}

.flag.flag-io[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2435px 0px;
}

.flag.flag-iq[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2457px 0px;
}

.flag.flag-ir[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2479px 0px;
}

.flag.flag-is[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -2501px 0px;
}

.flag.flag-it[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2523px 0px;
}

.flag.flag-je[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2545px 0px;
}

.flag.flag-jm[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2567px 0px;
}

.flag.flag-jo[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2589px 0px;
}

.flag.flag-jp[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2611px 0px;
}

.flag.flag-ke[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2633px 0px;
}

.flag.flag-kg[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2655px 0px;
}

.flag.flag-kh[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -2677px 0px;
}

.flag.flag-ki[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2699px 0px;
}

.flag.flag-km[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2721px 0px;
}

.flag.flag-kn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2743px 0px;
}

.flag.flag-kp[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2765px 0px;
}

.flag.flag-kr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2787px 0px;
}

.flag.flag-kw[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2809px 0px;
}

.flag.flag-ky[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2831px 0px;
}

.flag.flag-kz[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2853px 0px;
}

.flag.flag-la[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2875px 0px;
}

.flag.flag-lb[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -2897px 0px;
}

.flag.flag-lc[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2919px 0px;
}

.flag.flag-li[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -2941px 0px;
}

.flag.flag-lk[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -2963px 0px;
}

.flag.flag-lr[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -2985px 0px;
}

.flag.flag-ls[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3007px 0px;
}

.flag.flag-lt[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -3029px 0px;
}

.flag.flag-lu[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -3051px 0px;
}

.flag.flag-lv[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3073px 0px;
}

.flag.flag-ly[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3095px 0px;
}

.flag.flag-ma[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3117px 0px;
}

.flag.flag-mc[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -3139px 0px;
}

.flag.flag-md[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3160px 0px;
}

.flag.flag-me[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3182px 0px;
}

.flag.flag-mf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3204px 0px;
}

.flag.flag-mg[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3226px 0px;
}

.flag.flag-mh[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -3248px 0px;
}

.flag.flag-mk[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3270px 0px;
}

.flag.flag-ml[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3292px 0px;
}

.flag.flag-mm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3314px 0px;
}

.flag.flag-mn[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3336px 0px;
}

.flag.flag-mo[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3358px 0px;
}

.flag.flag-mp[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3380px 0px;
}

.flag.flag-mq[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3402px 0px;
}

.flag.flag-mr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3424px 0px;
}

.flag.flag-ms[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3446px 0px;
}

.flag.flag-mt[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3468px 0px;
}

.flag.flag-mu[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3490px 0px;
}

.flag.flag-mv[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3512px 0px;
}

.flag.flag-mw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3534px 0px;
}

.flag.flag-mx[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -3556px 0px;
}

.flag.flag-my[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3578px 0px;
}

.flag.flag-mz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3600px 0px;
}

.flag.flag-na[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3622px 0px;
}

.flag.flag-nc[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3644px 0px;
}

.flag.flag-ne[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -3666px 0px;
}

.flag.flag-nf[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3686px 0px;
}

.flag.flag-ng[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3708px 0px;
}

.flag.flag-ni[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -3730px 0px;
}

.flag.flag-nl[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3752px 0px;
}

.flag.flag-no[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -3774px 0px;
}

.flag.flag-np[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -3796px 0px;
}

.flag.flag-nr[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3811px 0px;
}

.flag.flag-nu[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3833px 0px;
}

.flag.flag-nz[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3855px 0px;
}

.flag.flag-om[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3877px 0px;
}

.flag.flag-pa[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3899px 0px;
}

.flag.flag-pe[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3921px 0px;
}

.flag.flag-pf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -3943px 0px;
}

.flag.flag-pg[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -3965px 0px;
}

.flag.flag-ph[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -3987px 0px;
}

.flag.flag-pk[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4009px 0px;
}

.flag.flag-pl[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -4031px 0px;
}

.flag.flag-pm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4053px 0px;
}

.flag.flag-pn[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4075px 0px;
}

.flag.flag-pr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4097px 0px;
}

.flag.flag-ps[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4119px 0px;
}

.flag.flag-pt[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4141px 0px;
}

.flag.flag-pw[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -4163px 0px;
}

.flag.flag-py[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -4185px 0px;
}

.flag.flag-qa[_ngcontent-ng-c1809470273] {
    height: 8px;
    background-position: -4207px 0px;
}

.flag.flag-re[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4229px 0px;
}

.flag.flag-ro[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4251px 0px;
}

.flag.flag-rs[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4273px 0px;
}

.flag.flag-ru[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4295px 0px;
}

.flag.flag-rw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4317px 0px;
}

.flag.flag-sa[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4339px 0px;
}

.flag.flag-sb[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4361px 0px;
}

.flag.flag-sc[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4383px 0px;
}

.flag.flag-sd[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4405px 0px;
}

.flag.flag-se[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -4427px 0px;
}

.flag.flag-sg[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4449px 0px;
}

.flag.flag-sh[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4471px 0px;
}

.flag.flag-si[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4493px 0px;
}

.flag.flag-sj[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -4515px 0px;
}

.flag.flag-sk[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4537px 0px;
}

.flag.flag-sl[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4559px 0px;
}

.flag.flag-sm[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -4581px 0px;
}

.flag.flag-sn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4603px 0px;
}

.flag.flag-so[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4625px 0px;
}

.flag.flag-sr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4647px 0px;
}

.flag.flag-ss[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4669px 0px;
}

.flag.flag-st[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4691px 0px;
}

.flag.flag-sv[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -4713px 0px;
}

.flag.flag-sx[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4735px 0px;
}

.flag.flag-sy[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4757px 0px;
}

.flag.flag-sz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4779px 0px;
}

.flag.flag-ta[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4801px 0px;
}

.flag.flag-tc[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4823px 0px;
}

.flag.flag-td[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4845px 0px;
}

.flag.flag-tf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4867px 0px;
}

.flag.flag-tg[_ngcontent-ng-c1809470273] {
    height: 13px;
    background-position: -4889px 0px;
}

.flag.flag-th[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4911px 0px;
}

.flag.flag-tj[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4933px 0px;
}

.flag.flag-tk[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4955px 0px;
}

.flag.flag-tl[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -4977px 0px;
}

.flag.flag-tm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -4999px 0px;
}

.flag.flag-tn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5021px 0px;
}

.flag.flag-to[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5043px 0px;
}

.flag.flag-tr[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5065px 0px;
}

.flag.flag-tt[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -5087px 0px;
}

.flag.flag-tv[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5109px 0px;
}

.flag.flag-tw[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5131px 0px;
}

.flag.flag-tz[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5153px 0px;
}

.flag.flag-ua[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5175px 0px;
}

.flag.flag-ug[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5197px 0px;
}

.flag.flag-um[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -5219px 0px;
}

.flag.flag-us[_ngcontent-ng-c1809470273] {
    height: 11px;
    background-position: -5241px 0px;
}

.flag.flag-uy[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5263px 0px;
}

.flag.flag-uz[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5285px 0px;
}

.flag.flag-va[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -5307px 0px;
}

.flag.flag-vc[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5324px 0px;
}

.flag.flag-ve[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5346px 0px;
}

.flag.flag-vg[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5368px 0px;
}

.flag.flag-vi[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5390px 0px;
}

.flag.flag-vn[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5412px 0px;
}

.flag.flag-vu[_ngcontent-ng-c1809470273] {
    height: 12px;
    background-position: -5434px 0px;
}

.flag.flag-wf[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5456px 0px;
}

.flag.flag-ws[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5478px 0px;
}

.flag.flag-xk[_ngcontent-ng-c1809470273] {
    height: 15px;
    background-position: -5500px 0px;
}

.flag.flag-ye[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5522px 0px;
}

.flag.flag-yt[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5544px 0px;
}

.flag.flag-za[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5566px 0px;
}

.flag.flag-zm[_ngcontent-ng-c1809470273] {
    height: 14px;
    background-position: -5588px 0px;
}

.flag.flag-zw[_ngcontent-ng-c1809470273] {
    height: 10px;
    background-position: -5610px 0px;
}

.flag[_ngcontent-ng-c1809470273] {
    width: 20px;
    height: 15px;
    display: inline-block;
    box-shadow: 0 0 1px #888;
    background-image: url(flags.853e56ff1a7f33ea.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb44;
    background-position: 20px 0;
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .flag[_ngcontent-ng-c1809470273] {
        background-image: url(flags@2x.a52e5cab23a73804.png);
    }
}

.flag.flag-np[_ngcontent-ng-c1809470273] {
    background-color: transparent;
}

input.form-control.input-style.fugu-tel-input.hybridinput[_ngcontent-ng-c1809470273] {
    height: 50px !important;
}

.hybridtel[_ngcontent-ng-c1809470273] .add-on-set[_ngcontent-ng-c1809470273] {
    padding: 6px 7px !important;
    height: 48px;
}

input.form-control.input-style.fugu-tel-input.hybridinput[_ngcontent-ng-c1809470273] {
    width: 100%;
    height: 50px;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    border-radius: 0 8px 8px 0;
    border: 1px solid #ccc !important;
    border-left: none;
}

.dropdown-content-material.hybridteldropdown[_ngcontent-ng-c1809470273],
.dropdown-content.hybridteldropdown[_ngcontent-ng-c1809470273] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
    max-width: 400px;
}

.widthHUndred[_ngcontent-ng-c1809470273] {
    width: 100%
}

.flexDivIcons[_ngcontent-ng-c1809470273] {
    width: 20%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.flexDiv[_ngcontent-ng-c1809470273] {
    display: flex;
    position: relative;
    width: 100%
}

[_nghost-ng-c1809470273] .mat-mdc-form-field-flex {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    border-left: .5px solid #eddfdf;
    height: 48px;
    padding: 12px;
    align-items: center !important;
}

.padTop[_ngcontent-ng-c1809470273] {
    padding-top: 0 !important;
}

[_nghost-ng-c1809470273] .matInput>.mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0 !important;
}

input[_ngcontent-ng-c1809470273]:-webkit-autofill,
input[_ngcontent-ng-c1809470273]:-webkit-autofill:hover,
input[_ngcontent-ng-c1809470273]:-webkit-autofill:focus,
input[_ngcontent-ng-c1809470273]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

[_nghost-ng-c1809470273] .testborder .mat-mdc-form-field-flex {
    border-radius: 0 4px 4px 0;
}

.dropbtnMaterial[_ngcontent-ng-c1809470273]:hover,
.dropbtnMaterial.focus[_ngcontent-ng-c1809470273] {
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
}

.dropdown-content-material[_ngcontent-ng-c1809470273] {
    text-align: left;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px #0003;
    z-index: 1000;
    overflow: auto;
    max-height: 200px;
    left: 0rem;
    top: 6rem;
    width: 100%
}

.dropdown-content-material[_ngcontent-ng-c1809470273] a[_ngcontent-ng-c1809470273] {
    width: 100%;
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownMaterial[_ngcontent-ng-c1809470273] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    position: unset;
}

.dropbtnMaterial[_ngcontent-ng-c1809470273] {
    background-color: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-box[_ngcontent-ng-c199541352] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] {
    justify-content: center;
    position: absolute;
    border: 1px solid var(--white);
    z-index: 5;
    background: var(--white);
    width: 150px;
    padding-left: 0;
    list-style: none;
    box-shadow: #45414e14 0 1px 15px 1px;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    min-width: 150px;
    right: 0;
    left: auto;
    top: 100%;
    margin: 2px 0 0;
    font-size: 14px;
    background-clip: padding-box;
    transform: translateY(-1em);
    z-index: -1;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] {
    cursor: pointer;
    color: var(--black);
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] a[_ngcontent-ng-c199541352] {
    color: var(--black);
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    height: 35px;
    border-left: 3px solid transparent;
    border: 0px solid transparent;
    line-height: 1;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 150px;
    white-space: nowrap;
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] a[_ngcontent-ng-c199541352] i[_ngcontent-ng-c199541352] {
    float: right;
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] a[_ngcontent-ng-c199541352] i.yf[_ngcontent-ng-c199541352] {
    font-size: px;
}

.menu-box[_ngcontent-ng-c199541352] .menu-list[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] a[_ngcontent-ng-c199541352]:hover {
    color: var(--white);
    background-color: var(--theme) !important;
}

.menu-box[_ngcontent-ng-c199541352]:hover .menu-list[_ngcontent-ng-c199541352] {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s;
}

.menu-list[_ngcontent-ng-c199541352]:before {
    content: " ";
    border: 9px solid transparent;
    position: absolute;
    bottom: 100%;
    border-bottom: 7px solid var(--white);
    right: 10px;
}

.menu-list[_ngcontent-ng-c199541352]:after {
    content: " ";
    border: 9px solid transparent;
    position: absolute;
    bottom: 100%;
    border-bottom: 7px solid transparent;
    right: 0;
    width: 100%
}

.menu-list[_ngcontent-ng-c199541352]::hover {
    border-left: 3px solid var(--blue);
}

@media only screen and (max-width: 700px) {
    .menu-list[_ngcontent-ng-c199541352] {
        left: 0 !important;
    }

    .menu-list[_ngcontent-ng-c199541352]:before {
        left: 10px !important;
        right: unset !important;
    }
}

.deliveryModes[_ngcontent-ng-c199541352] {
    width: 100%;
    text-align: center;
}

.deliveryModes[_ngcontent-ng-c199541352] .btn[_ngcontent-ng-c199541352] {
    background: transparent;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button[_ngcontent-ng-c199541352] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    outline: none !important;
    box-shadow: none !important;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.unselect[_ngcontent-ng-c199541352] {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    width: auto;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.unselect[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] {
    display: flex;
    align-items: center;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.unselect[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] span[_ngcontent-ng-c199541352] {
    padding-left: 5px;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.unselect[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] svg[_ngcontent-ng-c199541352] path[_ngcontent-ng-c199541352] {
    fill: var(--theme);
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.pick.selected[_ngcontent-ng-c199541352] {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: auto;
    color: var(--theme);
    border-bottom: 2px solid var(--theme);
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.pick.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] {
    display: flex;
    align-items: center;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.pick.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] span[_ngcontent-ng-c199541352] {
    padding-left: 5px;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.pick.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] svg[_ngcontent-ng-c199541352] path[_ngcontent-ng-c199541352] {
    fill: #fff;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.delivery.selected[_ngcontent-ng-c199541352] {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: auto;
    color: var(--theme);
    border-bottom: 2px solid var(--theme);
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.delivery.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] {
    display: flex;
    align-items: center;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.delivery.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] span[_ngcontent-ng-c199541352] {
    padding-left: 5px;
}

.deliveryModes[_ngcontent-ng-c199541352] .delivery_mode_button.delivery.selected[_ngcontent-ng-c199541352] div[_ngcontent-ng-c199541352] svg[_ngcontent-ng-c199541352] path[_ngcontent-ng-c199541352] {
    fill: #fff;
}

.txtrt[_ngcontent-ng-c199541352] {
    text-align: right !important;
}

.ellipses[_ngcontent-ng-c199541352] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 110px;
}

@media only screen and (min-width: 1280px) {
    .delivery_mode_button[_ngcontent-ng-c199541352] {
        width: 150px !important;
    }
}

.newDeliveryModes[_ngcontent-ng-c199541352] {
    cursor: pointer;
    list-style: none;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] {
    position: relative;
    color: #191919;
    background-color: #fff;
    padding: 7px 16px 7px 20px;
    border-radius: 3px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] {
    display: flex;
    align-items: center;
    width: 100%;
    color: #191919;
    font-family: Inter, sans-sarif;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352]:hover {
    text-decoration: none;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] .caret[_ngcontent-ng-c199541352] {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 16px !important;
    color: #89959b;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] {
    top: 34px;
    position: absolute;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #1b1b1b;
    background: #fff;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352]>a[_ngcontent-ng-c199541352] {
    color: #1b1b1b;
    text-align: left;
    padding: 7px 20px;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.newDeliveryModes[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352]>a[_ngcontent-ng-c199541352]:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--theme);
}

.newDeliveryModes[_ngcontent-ng-c199541352] .selectedMode[_ngcontent-ng-c199541352] p[_ngcontent-ng-c199541352] {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--header_font_color);
    border-bottom: 2px solid var(--theme);
}

.newDeliveryModes[_ngcontent-ng-c199541352] .selectedMode[_ngcontent-ng-c199541352] .ellipses[_ngcontent-ng-c199541352] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 125px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 1255px) {
    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] .caret[_ngcontent-ng-c199541352] {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 411px) {
    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] {
        cursor: pointer;
        padding: 8px 5px;
    }

    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] {
        font-size: 13px;
    }

    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] {
        top: 39px;
    }

    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352]>a[_ngcontent-ng-c199541352] {
        font-size: 13px;
        padding: 7px 6px !important;
    }
}

.del-name[_ngcontent-ng-c199541352] {
    text-overflow: ellipsis;
    width: 96px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
}

@media only screen and (max-width: 450px) {
    .newDeliveryModes[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] {
        padding: 7px !important;
    }
}

@media only screen and (min-width: 411px) and (max-width: 1024px) {
    .del-name[_ngcontent-ng-c199541352] {
        width: 215px;
    }

    .newDeliveryModes[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] {
        top: 40px;
        width: 100% !important;
    }
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] {
    cursor: pointer;
    list-style: none;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] {
    position: relative;
    color: #191919;
    background: rgba(0, 0, 0, .1294117647);
    padding-top: 7px;
    padding-bottom: 7px;
    padding: 0 5px !important;
    border-radius: 8px;
    min-width: 100px;
    max-width: 130px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    color: #191919;
    font-family: Inter, sans-sarif;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    justify-content: center;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352]:hover {
    text-decoration: none;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .delivery-mode-heading[_ngcontent-ng-c199541352] .delivery-name[_ngcontent-ng-c199541352] .caret[_ngcontent-ng-c199541352] {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 16px !important;
    color: #89959b;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] {
    top: 42px;
    position: absolute;
    margin: 0;
    padding: 0 0 5px;
    width: 100%;
    color: #2a3b56 !important;
    background: #fff;
    width: 150px !important;
    left: -40px;
    right: -40px;
    border-radius: 8px;
    height: auto;
    box-shadow: none;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352] {
    height: 36px;
    padding: 5px;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352]>a[_ngcontent-ng-c199541352] {
    color: #2a3b56;
    text-align: left;
    padding: 7px 10px;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352] li[_ngcontent-ng-c199541352]>a[_ngcontent-ng-c199541352]:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--theme);
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .dropdown-menu[_ngcontent-ng-c199541352]:before {
    content: "";
    position: absolute;
    right: 18px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .selectedMode[_ngcontent-ng-c199541352] p[_ngcontent-ng-c199541352] {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--header_font_color);
    border-bottom: 2px solid var(--theme);
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .selectedMode[_ngcontent-ng-c199541352] .ellipses[_ngcontent-ng-c199541352] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 125px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
}

.newDeliveryModes.hybridappuiclass[_ngcontent-ng-c199541352] .del-name[_ngcontent-ng-c199541352] {
    text-overflow: ellipsis;
    width: 96px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--header_font_color);
    text-align: center;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .autoComplete {
    padding: 0;
    margin: auto;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] {
    position: absolute;
    top: 0;
    right: -165px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 15px #00000021;
    z-index: 5;
    width: 200px;
    padding: 10px 15px;
}

@media screen and (max-width: 1300px) {
    .autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] {
        top: 40px;
        left: -50px;
    }
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.preorder-time[_ngcontent-ng-c1184099298] {
    margin-bottom: 5px;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.instant[_ngcontent-ng-c1184099298] {
    margin-bottom: 0;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.instant[_ngcontent-ng-c1184099298] a[_ngcontent-ng-c1184099298] {
    color: var(--theme);
    cursor: pointer;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] .caret-icon[_ngcontent-ng-c1184099298] {
    top: 0;
    left: -15px;
    position: absolute;
    font-size: 30px;
    color: #fff;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1300px) {
    .autoCompleteGoogle[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] .caret-icon[_ngcontent-ng-c1184099298] {
        top: -18px;
        left: 85px;
        transform: rotate(0);
    }
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .auto-detect[_ngcontent-ng-c1184099298] {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #f7f7f7;
    color: #535665;
    position: relative;
    font-weight: 500;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .auto-detect[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
    font-size: 2rem;
    left: .5rem;
    top: 0;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme);
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .auto-detect.hybrid[_ngcontent-ng-c1184099298] {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #f7f7f7;
    color: #535665;
    position: relative;
    font-weight: 500;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] .auto-detect.hybrid[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
    font-size: 2rem;
    left: .5rem;
    top: 0;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme);
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] {
    height: 40px;
    background: #f7f7f7;
    border: 0;
    box-shadow: none;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] input {
    border: 0;
    outline: none;
    background: transparent;
    padding-left: 4rem;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group-addon[_ngcontent-ng-c1184099298] {
    font-size: 24px;
    background: #fff;
    border-right: 0px;
    cursor: pointer;
    border-radius: 0;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] input[_ngcontent-ng-c1184099298] {
    border-left: 0px;
    border-radius: 0;
}

.mrgt[_ngcontent-ng-c1184099298] {
    margin-right: 12px;
}

.lft11[_ngcontent-ng-c1184099298] {
    left: 20px;
    right: unset !important;
}

.rgt12[_ngcontent-ng-c1184099298] {
    right: 1rem !important;
    left: unset !important;
}

.input-group[_ngcontent-ng-c1184099298] .lft122[_ngcontent-ng-c1184099298] {
    left: 0 !important;
    right: unset !important;
    border-right: 0 !important;
}

.autoCompleteGoogleForm [_nghost-ng-c1184099298] app-jw-google-autocomplete .pac-item-query {
    max-width: 100% !important;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .autoComplete {
    padding: 0;
    margin: auto;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] {
    position: absolute;
    top: 0;
    right: -165px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 15px #00000021;
    z-index: 5;
    width: 200px;
    padding: 10px 15px;
}

@media screen and (max-width: 1300px) {
    .autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] {
        top: 40px;
        left: -50px;
    }
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.preorder-time[_ngcontent-ng-c1184099298] {
    margin-bottom: 5px;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.instant[_ngcontent-ng-c1184099298] {
    margin-bottom: 0;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] p.instant[_ngcontent-ng-c1184099298] a[_ngcontent-ng-c1184099298] {
    color: var(--theme);
    cursor: pointer;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] .caret-icon[_ngcontent-ng-c1184099298] {
    top: 0;
    left: -15px;
    position: absolute;
    font-size: 30px;
    color: #fff;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1300px) {
    .autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .preorder-popover[_ngcontent-ng-c1184099298] .caret-icon[_ngcontent-ng-c1184099298] {
        top: -18px;
        left: 85px;
        transform: rotate(0);
    }
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .auto-detect[_ngcontent-ng-c1184099298] {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #f7f7f7;
    color: #535665;
    position: relative;
    font-weight: 500;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .auto-detect[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
    font-size: 2rem;
    left: .5rem;
    top: 0;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme);
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .auto-detect.hybrid[_ngcontent-ng-c1184099298] {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #f7f7f7;
    color: #535665;
    position: relative;
    font-weight: 500;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] .auto-detect.hybrid[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
    font-size: 2rem;
    left: .5rem;
    top: 0;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme);
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] {
    height: 52px !important;
    background: #f7f7f7;
    border: 0;
    box-shadow: none;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] div .autocomplete-adress .pac-container .pac-item .pac-item-query {
    max-width: 100% !important;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] input {
    border: 0;
    outline: none;
    height: 30px !important;
    background: transparent;
    padding-left: 4rem;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group-addon[_ngcontent-ng-c1184099298] {
    font-size: 24px;
    background: #fff;
    border-right: 0px;
    cursor: pointer;
    border-radius: 0;
}

.autoCompleteGoogle[_ngcontent-ng-c1184099298] nav[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] input[_ngcontent-ng-c1184099298] {
    border-left: 0px;
    border-radius: 0;
}

.autoCompleteGoogleForm[_ngcontent-ng-c1184099298]>div[_ngcontent-ng-c1184099298]:not(.errorpop):not(.infopop) {
    display: flex;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.autoCompleteGoogleForm[_ngcontent-ng-c1184099298]>div[_ngcontent-ng-c1184099298]:not(.errorpop):not(.infopop) i[_ngcontent-ng-c1184099298] {
    left: 1rem;
    top: -.1rem;
    z-index: 100;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme);
}

.autoCompleteGoogleForm[_ngcontent-ng-c1184099298]>div[_ngcontent-ng-c1184099298]:not(.errorpop):not(.infopop) input[_ngcontent-ng-c1184099298] {
    padding-left: 4rem;
}

agm-map[_ngcontent-ng-c1184099298] {
    height: 500px;
}

.autoSearch[_ngcontent-ng-c1184099298] {
    position: absolute;
    top: 0;
    width: 100%
}

.autoSearch[_ngcontent-ng-c1184099298] input[_ngcontent-ng-c1184099298] {
    border-radius: 0;
    height: 45px;
}

.buttonAccept[_ngcontent-ng-c1184099298] {
    position: absolute;
    width: 100%
}

.buttonAccept[_ngcontent-ng-c1184099298] .accept[_ngcontent-ng-c1184099298] {
    height: 40px;
    font-size: 16px;
    width: 100%;
    border-radius: 0;
}

.auto-detect[_ngcontent-ng-c1184099298] {
    width: 12%;
    display: inline;
    cursor: pointer;
}

.auto-detect[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
    margin-right: .3rem;
}

.autocompleteWrapper[_ngcontent-ng-c1184099298] {
    width: 88%;
    height: 100%;
    display: inline-block;
}

.autocompleteWrapper.bottomsheet[_ngcontent-ng-c1184099298] {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .auto-detect[_ngcontent-ng-c1184099298] {
        width: 160px;
        height: 46px !important;
        display: inline;
        cursor: pointer;
    }

    .auto-detect[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
        margin-right: .3rem;
        left: 0;
    }

    .autocompleteWrapper[_ngcontent-ng-c1184099298] {
        width: 73%;
        height: 100%;
        display: inline-block;
    }

    .autoCompleteGoogle[_ngcontent-ng-c1184099298] form[_ngcontent-ng-c1184099298] .input-group[_ngcontent-ng-c1184099298] app-jw-google-autocomplete[_ngcontent-ng-c1184099298] {
        height: 46px;
    }
}

.errorpop[_ngcontent-ng-c1184099298] {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.errorpop[_ngcontent-ng-c1184099298] .dFlex[_ngcontent-ng-c1184099298] {
    display: flex;
    align-items: center;
}

.errorpop[_ngcontent-ng-c1184099298] .times[_ngcontent-ng-c1184099298] {
    cursor: pointer;
    float: right;
}

.infopop[_ngcontent-ng-c1184099298] {
    color: #fff;
    font-size: 14px;
    background-color: #cfe2ff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infopop[_ngcontent-ng-c1184099298] .dFlex[_ngcontent-ng-c1184099298] {
    display: flex;
    align-items: center;
}

.infopop[_ngcontent-ng-c1184099298] .times[_ngcontent-ng-c1184099298] {
    cursor: pointer;
    float: right;
}

@media only screen and (max-width: 470px) {
    .autoCompleteGoogleForm[_ngcontent-ng-c1184099298]>div[_ngcontent-ng-c1184099298]:not(.errorpop):not(.infopop) i[_ngcontent-ng-c1184099298] {
        position: absolute !important;
    }

    .autoCompleteGoogle[_ngcontent-ng-c1184099298] .auto-detect[_ngcontent-ng-c1184099298] i[_ngcontent-ng-c1184099298] {
        color: var(--theme);
    }
}

.autoCompleteGoogleForm[_ngcontent-ng-c1184099298]>div[_ngcontent-ng-c1184099298]:not(.errorpop):not(.infopop) i[_ngcontent-ng-c1184099298] {
    position: absolute !important;
}

.btn-link[_ngcontent-ng-c1184099298] {
    font-weight: 600;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding-top: 4px;
}

.ul-reset[_ngcontent-ng-c1184099298] {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

nav[_ngcontent-ng-c1184099298] {
    background: inherit;
    font-size: 0;
    position: relative;
}

nav[_ngcontent-ng-c1184099298]>ul[_ngcontent-ng-c1184099298]>li[_ngcontent-ng-c1184099298] {
    display: inline-block;
    font-size: 14px;
    padding: 0 15px;
    position: relative;
}

nav[_ngcontent-ng-c1184099298]>ul[_ngcontent-ng-c1184099298]>li[_ngcontent-ng-c1184099298]:first-child {
    padding-left: 7px;
}

nav[_ngcontent-ng-c1184099298]>ul[_ngcontent-ng-c1184099298]>li[_ngcontent-ng-c1184099298]:last-child {
    padding-right: 0;
}

nav[_ngcontent-ng-c1184099298]>ul[_ngcontent-ng-c1184099298]>li[_ngcontent-ng-c1184099298]>a[_ngcontent-ng-c1184099298] {
    color: #fff;
    display: block;
    position: relative;
    padding: 18px 0;
}

.loctrack[_ngcontent-ng-c1184099298] {
    display: block;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px !important;
    margin-left: 10px !important;
    color: var(--header_font_color);
}

.mega-menu[_ngcontent-ng-c1184099298] {
    display: none;
    background: var(--theme);
    position: absolute;
    margin: 0;
    top: 53px;
    width: 100vw;
    left: -30px;
}

.mega-menu[_ngcontent-ng-c1184099298] ul[_ngcontent-ng-c1184099298] {
    float: left;
    margin-bottom: 20px;
    margin-right: 40px;
    width: 100%;
    padding: 5px 0 0;
}

.mega-menu[_ngcontent-ng-c1184099298] ul[_ngcontent-ng-c1184099298]:last-child {
    margin-right: 0;
}

.mega-menu[_ngcontent-ng-c1184099298] a[_ngcontent-ng-c1184099298] {
    color: var(--header_font_color);
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
}

.mega-menu[_ngcontent-ng-c1184099298] a[_ngcontent-ng-c1184099298]:hover {
    color: var(--header_font_color);
}

.mega-menu[_ngcontent-ng-c1184099298] a[_ngcontent-ng-c1184099298]:focus,
a[_ngcontent-ng-c1184099298]:hover {
    color: #23527c;
    text-decoration: none;
}

.downarrow[_ngcontent-ng-c1184099298] .fa.fa-angle-down[_ngcontent-ng-c1184099298] {
    font-size: 28px;
    color: var(--header_font_color);
}

.droppable[_ngcontent-ng-c1184099298] {
    position: static;
}

.cf[_ngcontent-ng-c1184099298]:before,
.cf[_ngcontent-ng-c1184099298]:after {
    content: " ";
    display: table;
}

.cf[_ngcontent-ng-c1184099298]:after {
    clear: both;
}

.txtrt[_ngcontent-ng-c3155214203] {
    text-align: right !important;
}

.pdrgt[_ngcontent-ng-c3155214203] {
    padding-right: 4rem !important;
}

.pac-container[_ngcontent-ng-c3155214203] {
    background-color: #fff;
    z-index: 1045;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    box-shadow: 0 2px 6px #0000004d;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-height: 41px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pac-container[_ngcontent-ng-c3155214203]::-webkit-scrollbar {
    display: none;
}

.input-box[_ngcontent-ng-c3155214203] {
    width: 100%;
    outline: none;
}

.hg-100[_ngcontent-ng-c3155214203] {
    height: 100%
}

input.listpageinput[_ngcontent-ng-c3155214203] {
    padding: 15px 30px 15px 40px;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    color: #2a3b56;
    font-size: 14px;
}

.pac-container[_ngcontent-ng-c3155214203]:after {
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 104px 16px;
}

.googleIcon[_ngcontent-ng-c3155214203]>.pac-container[_ngcontent-ng-c3155214203]:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);
    content: " "
}

.hdpi.pac-container[_ngcontent-ng-c3155214203]:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png);
}

.pac-item[_ngcontent-ng-c3155214203] {
    cursor: default;
    padding: 2px 5px;
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999;
}

.loc-icon-div[_ngcontent-ng-c3155214203] {
    margin: 0 5px;
    display: flex;
}

.loc-icon-img[_ngcontent-ng-c3155214203] {
    height: 100%;
    width: 100%
}

.fav-saved-address[_ngcontent-ng-c3155214203] {
    max-width: 50px;
    text-overflow: ellipsis;
}

.loc-type[_ngcontent-ng-c3155214203] {
    font-size: 14px;
    font-weight: 600;
}

.fav-pac-item[_ngcontent-ng-c3155214203] {
    padding: 0 5px;
}

.pac-item[_ngcontent-ng-c3155214203] svg[_ngcontent-ng-c3155214203] {
    margin: 5px;
}

.pac-item[_ngcontent-ng-c3155214203]:hover,
.pac-item.active[_ngcontent-ng-c3155214203] {
    background-color: var(--theme);
    color: var(--white);
}

.pac-matched[_ngcontent-ng-c3155214203] {
    font-weight: 700;
}

.pac-item-query[_ngcontent-ng-c3155214203] {
    font-size: 14px;
    padding-right: 3px;
    color: #1b1b1b;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.pac-item-query[_ngcontent-ng-c3155214203]:hover {
    color: var(--white);
}

.pac-icon[_ngcontent-ng-c3155214203] {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px;
}

.hdpi[_ngcontent-ng-c3155214203] .pac-icon[_ngcontent-ng-c3155214203] {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);
}

.pac-icon-search[_ngcontent-ng-c3155214203] {
    background-position: -1px -1px;
}

.pac-item-selected[_ngcontent-ng-c3155214203] .pac-icon-search[_ngcontent-ng-c3155214203] {
    background-position: -18px -1px;
}

.pac-icon-marker[_ngcontent-ng-c3155214203] {
    background-position: -1px -161px;
}

.pac-item-selected[_ngcontent-ng-c3155214203] .pac-icon-marker[_ngcontent-ng-c3155214203] {
    background-position: -18px -161px;
}

.pac-placeholder[_ngcontent-ng-c3155214203] {
    color: gray;
}

.custom-prediction-label[_ngcontent-ng-c3155214203] {
    font-style: italic;
}

@media screen and (min-width: 768px) {
    .container[_ngcontent-ng-c3155214203] {
        height: 20px;
        align-items: flex-end;
        display: flex;
        width: auto;
        color: red;
        font-size: 13px;
        background-color: red;
        color: #fff;
        -webkit-animation: expand .6s;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .container[_ngcontent-ng-c3155214203] {
        height: 13px;
        font-size: 8px !important;
        align-items: flex-end;
        display: flex;
        width: auto;
        color: red;
        font-size: 13px;
        background-color: red;
        color: #fff;
        -webkit-animation: expand .6s;
        justify-content: center;
    }
}

i.glyphicon.glyphicon-map-marker.hybridui[_ngcontent-ng-c3155214203] {
    font-size: 22px;
    color: var(--theme);
    padding: 15px 6px 16px 10px;
}

.input-box.addressg[_ngcontent-ng-c3155214203] {
    width: 100%;
    box-shadow: none !important;
    border-radius: 8px !important;
    opacity: 1;
    border-radius: 2px;
    background-color: #fff;
    padding: 10px;
    color: #fff;
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
}

span.title.flex-1[_ngcontent-ng-c3155214203] {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
}

p.complete-address[_ngcontent-ng-c3155214203] {
    word-break: break-word;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #8a94a3;
}

.btn-group-sm[_ngcontent-ng-c3155214203]>.btn[_ngcontent-ng-c3155214203],
.btn-sm[_ngcontent-ng-c3155214203] {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    color: var(--theme);
    text-transform: capitalize;
    font-family: Inter, sans-serif;
    margin-bottom: 5px;
    border: 1px solid var(--theme);
    border-radius: 8px !important;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #2a3b56;
}

.container-fluid.model-container[_ngcontent-ng-c3155214203] {
    padding: 0;
}

.modal-header[_ngcontent-ng-c3155214203] {
    padding: 15px;
    border-bottom: 0px solid #e5e5e5 !important;
}

.limiter[_ngcontent-ng-c3155214203] .pac-container[_ngcontent-ng-c3155214203] {
    border-radius: 0;
    border-top: 0px solid #d9d9d9;
    box-shadow: none;
    top: 53px;
}

.limiter[_ngcontent-ng-c3155214203] input#jw-autocomplete[_ngcontent-ng-c3155214203]:focus {
    box-shadow: 0 1px 1px #00000013 inset, 0 0 8px #18cce499 !important;
    outline: 0 none;
}

.limiter[_ngcontent-ng-c3155214203] .pac-item[_ngcontent-ng-c3155214203] {
    display: block !important;
}

.limiter[_ngcontent-ng-c3155214203] .autocomplete-dir[_ngcontent-ng-c3155214203] {
    flex-direction: column;
}

.locator-text[_ngcontent-ng-c3155214203] {
    line-height: 1.5;
    margin: 0;
    color: #ed5a6b;
    font-size: 1.7rem;
    font-weight: 400;
    text-align: left;
    padding: 15px 0 0;
}

.icon-img[_ngcontent-ng-c3155214203] {
    padding: 0 7px 0 5px;
}

.saved-address[_ngcontent-ng-c3155214203] {
    font-size: 17px;
    text-align: center;
    display: flex;
    font-weight: 600;
    padding: 5px 11px;
    background: white;
    border-top: 4px solid #E8E8E8;
    z-index: 1046;
    box-shadow: -5px 0 9px -8px #0000004d, 7px 0 8px -8px #0000004d;
}

.favStatus[_ngcontent-ng-c3155214203] {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
}

.add-txt[_ngcontent-ng-c3155214203] {
    display: flex;
    flex-direction: column;
}

.pac-item[_ngcontent-ng-c3155214203]:first-child {
    border-top: 0px !important;
}

.saved_address_div[_ngcontent-ng-c3155214203] {
    background-color: #fff;
    z-index: 1045;
    border-radius: 0 0 10px 10px;
    border-top: 0px solid #d9d9d9;
    box-shadow: 0 2px 6px #0000004d;
    box-sizing: border-box;
    width: 100%;
    overflow-y: scroll;
    min-height: 41px;
    bottom: -7rem;
    max-height: 123px;
}

.autocomplete-adress[_ngcontent-ng-c3155214203] {
    position: absolute;
    width: 100%;
    z-index: 100000;
}

.ht-300[_ngcontent-ng-c3155214203] {
    height: 300px;
}

.max-height-140[_ngcontent-ng-c3155214203] {
    max-height: 140px;
}

.mdc-text-field {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-flex;
    align-items: baseline;
    padding: 0 16px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color;
}

.mdc-text-field .mdc-floating-label {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.mdc-text-field__input {
    height: 28px;
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    appearance: none;
    padding: 0;
}

.mdc-text-field__input::-ms-clear {
    display: none;
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: none;
}

.mdc-text-field__input:focus {
    outline: none;
}

.mdc-text-field__input:invalid {
    box-shadow: none;
}

@media all {
    .mdc-text-field__input::placeholder {
        opacity: 0;
    }
}

@media all {
    .mdc-text-field__input:-ms-input-placeholder {
        opacity: 0;
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mdc-text-field__input::placeholder {
        opacity: 1;
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
        opacity: 1;
    }
}

.mdc-text-field__affix {
    height: 28px;
    opacity: 0;
    white-space: nowrap;
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
    opacity: 1;
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--outlined .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px;
}

[dir=rtl] .mdc-text-field__affix--prefix,
.mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 2px;
    padding-right: 0;
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 12px;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 12px;
    padding-right: 0;
}

.mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0;
}

[dir=rtl] .mdc-text-field__affix--suffix,
.mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 12px;
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px;
    padding-right: 0;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 2px;
}

.mdc-text-field--filled {
    height: 56px;
}

.mdc-text-field--filled::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0;
}

.mdc-text-field--filled .mdc-floating-label {
    left: 16px;
    right: initial;
}

[dir=rtl] .mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 16px;
}

.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75);
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
    display: none;
}

.mdc-text-field--filled.mdc-text-field--no-label::before {
    display: none;
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible;
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1);
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(0.75);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
}

.mdc-text-field--outlined .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2);
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0;
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px);
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px));
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0;
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-shape-small, 4px));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0;
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px;
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial;
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 4px;
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    border: none !important;
    background-color: rgba(0, 0, 0, 0);
}

.mdc-text-field--outlined .mdc-notched-outline {
    z-index: 1;
}

.mdc-text-field--textarea {
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 19px;
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none;
}

.mdc-text-field--textarea .mdc-text-field__input {
    flex-grow: 1;
    height: auto;
    min-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    resize: none;
    padding: 0 16px;
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
    display: none;
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px;
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1);
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-24.75px) scale(0.75);
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
    align-self: flex-end;
    padding: 0 16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: -16px;
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
    display: none;
}

.mdc-text-field__resizer {
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%;
    min-height: 56px;
    min-width: fit-content;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    overflow: hidden;
    resize: both;
}

.mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px);
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateY(1px);
}

.mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,
.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
    transform: translateX(1px) translateY(-1px);
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateX(1px) translateY(1px);
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
    transform: translateX(-1px) translateY(1px);
}

.mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px;
}

[dir=rtl] .mdc-text-field--with-leading-icon,
.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-left: 16px;
    padding-right: 0;
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial;
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 36px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-37.25px) translateX(32px) scale(1);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-34.75px) translateX(32px) scale(0.75);
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
}

.mdc-text-field--with-trailing-icon {
    padding-left: 16px;
    padding-right: 0;
}

[dir=rtl] .mdc-text-field--with-trailing-icon,
.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
    padding-right: 16px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75);
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px;
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start;
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px;
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1;
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px;
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0;
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1;
}

.mdc-text-field--disabled {
    pointer-events: none;
}

@media screen and (forced-colors: active) {
    .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window;
    }

    .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1;
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default;
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none;
}

.mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto;
}

.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right;
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
    text-align: left;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
    direction: ltr;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
    order: 1;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    order: 2;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
    order: 3;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    order: 4;
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
    order: 5;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
    text-align: right;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
    padding-right: 12px;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 2px;
}

.mdc-floating-label {
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform;
}

[dir=rtl] .mdc-floating-label,
.mdc-floating-label[dir=rtl] {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right;
}

.mdc-floating-label--float-above {
    cursor: auto;
}

.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
    margin-left: 1px;
    margin-right: 0px;
    content: "*"
}

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after,
.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::after {
    margin-left: 0;
    margin-right: 1px;
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none;
}

[dir=rtl] .mdc-notched-outline,
.mdc-notched-outline[dir=rtl] {
    text-align: right;
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    pointer-events: none;
}

.mdc-notched-outline__trailing {
    flex-grow: 1;
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip;
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.3333333333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none;
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
    padding-left: 8px;
    padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    display: none;
}

.mdc-line-ripple::before,
.mdc-line-ripple::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-style: solid;
    content: ""
}

.mdc-line-ripple::before {
    z-index: 1;
}

.mdc-line-ripple::after {
    transform: scaleX(0);
    opacity: 0;
    z-index: 2;
}

.mdc-line-ripple--active::after {
    transform: scaleX(1);
    opacity: 1;
}

.mdc-line-ripple--deactivating::after {
    opacity: 0;
}

.mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75);
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px;
}

[dir=rtl] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir=rtl] {
    border-left: none;
    border-right: 1px solid;
}

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid;
}

[dir=rtl] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir=rtl] {
    border-left: 1px solid;
    border-right: none;
}

.mdc-notched-outline__notch {
    max-width: calc(100% - 12px * 2);
}

.mdc-line-ripple::before {
    border-bottom-width: 1px;
}

.mdc-line-ripple::after {
    border-bottom-width: 2px;
}

.mdc-text-field--filled {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    border-top-left-radius: var(--mdc-filled-text-field-container-shape);
    border-top-right-radius: var(--mdc-filled-text-field-container-shape);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-caret-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-error-caret-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-filled-text-field-input-text-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-filled-text-field-disabled-input-text-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-label-text-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-focus-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-disabled-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-label-text-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-focus-label-text-color);
}

.mdc-text-field--filled .mdc-floating-label {
    font-family: var(--mdc-filled-text-field-label-text-font);
    font-size: var(--mdc-filled-text-field-label-text-size);
    font-weight: var(--mdc-filled-text-field-label-text-weight);
    letter-spacing: var(--mdc-filled-text-field-label-text-tracking);
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color);
    }
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color);
    }
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-filled-text-field-container-color);
}

.mdc-text-field--filled.mdc-text-field--disabled {
    background-color: var(--mdc-filled-text-field-disabled-container-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-active-indicator-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-active-indicator-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-hover-active-indicator-color);
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-error-focus-active-indicator-color);
}

.mdc-text-field--filled .mdc-line-ripple::before {
    border-bottom-width: var(--mdc-filled-text-field-active-indicator-height);
}

.mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-width: var(--mdc-filled-text-field-focus-active-indicator-height);
}

.mdc-text-field--outlined {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-caret-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-error-caret-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-input-text-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-disabled-input-text-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-label-text-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-focus-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-disabled-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-label-text-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-focus-label-text-color);
}

.mdc-text-field--outlined .mdc-floating-label {
    font-family: var(--mdc-outlined-text-field-label-text-font);
    font-size: var(--mdc-outlined-text-field-label-text-size);
    font-weight: var(--mdc-outlined-text-field-label-text-weight);
    letter-spacing: var(--mdc-outlined-text-field-label-text-tracking);
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color);
    }
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color);
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape);
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-outlined-text-field-container-shape));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-outlined-text-field-container-shape))*2);
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0;
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape);
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px));
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape));
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0;
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-outlined-text-field-container-shape));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0;
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px));
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px));
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-hover-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-focus-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-disabled-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-hover-outline-color);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-focus-outline-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-outline-width);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-focus-outline-width);
}

.mat-mdc-form-field-textarea-control {
    vertical-align: middle;
    resize: vertical;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto;
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    border: none;
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    pointer-events: all;
}

.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
    cursor: inherit;
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: auto;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] {
    height: 23px;
}

.mat-mdc-text-field-wrapper {
    height: auto;
    flex: auto;
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-left: 0;
    --mat-mdc-form-field-label-offset-x: -16px;
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0;
}

[dir=rtl] .mat-mdc-text-field-wrapper {
    padding-left: 16px;
    padding-right: 16px;
}

[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-left: 0;
}

[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-right: 0;
}

.mat-form-field-disabled .mdc-text-field__input::placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color);
}

.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
    left: auto;
    right: auto;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
    display: inline-block;
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch {
    padding-top: 0;
}

.mat-mdc-text-field-wrapper::before {
    content: none;
}

.mat-mdc-form-field-subscript-wrapper {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 16px;
}

.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
    position: static;
}

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 16px;
}

.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
    content: unset;
}

.mat-mdc-form-field-hint-end {
    order: 1;
}

.mat-mdc-form-field-hint-wrapper {
    display: flex;
}

.mat-mdc-form-field-hint-spacer {
    flex: 1 0 1em;
}

.mat-mdc-form-field-error {
    display: block;
}

.mat-mdc-form-field-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

select.mat-mdc-form-field-input-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    box-sizing: border-box;
}

select.mat-mdc-form-field-input-control:not(:disabled) {
    cursor: pointer;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    right: auto;
    left: 0;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 15px;
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 0;
    padding-left: 15px;
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    outline: solid 1px;
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper {
    outline-color: GrayText;
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
    outline: dashed 3px;
}

.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline {
    border: dashed 3px;
}

.mat-mdc-form-field-input-control[type=date],
.mat-mdc-form-field-input-control[type=datetime],
.mat-mdc-form-field-input-control[type=datetime-local],
.mat-mdc-form-field-input-control[type=month],
.mat-mdc-form-field-input-control[type=week],
.mat-mdc-form-field-input-control[type=time] {
    line-height: 1;
}

.mat-mdc-form-field-input-control::-webkit-datetime-edit {
    line-height: 1;
    padding: 0;
    margin-bottom: -2px;
}

.mat-mdc-form-field {
    --mat-mdc-form-field-floating-label-scale: 0.75;
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-container-text-font);
    line-height: var(--mat-form-field-container-text-line-height);
    font-size: var(--mat-form-field-container-text-size);
    letter-spacing: var(--mat-form-field-container-text-tracking);
    font-weight: var(--mat-form-field-container-text-weight);
}

[dir=rtl] .mat-mdc-form-field {
    text-align: right;
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(var(--mat-form-field-outlined-label-text-populated-size) * var(--mat-mdc-form-field-floating-label-scale));
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: var(--mat-form-field-outlined-label-text-populated-size);
}

.mat-mdc-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-text-field-wrapper {
    width: 100%
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
    align-self: center;
    line-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.mat-mdc-form-field-icon-prefix,
[dir=rtl] .mat-mdc-form-field-icon-suffix {
    padding: 0 4px 0 0;
}

.mat-mdc-form-field-icon-suffix,
[dir=rtl] .mat-mdc-form-field-icon-prefix {
    padding: 0 0 0 4px;
}

.mat-mdc-form-field-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 12px;
    box-sizing: content-box;
}

.mat-mdc-form-field-subscript-wrapper .mat-icon,
.mat-mdc-form-field label .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit;
}

.mat-mdc-form-field-infix {
    flex: auto;
    min-width: 0;
    width: 180px;
    position: relative;
    box-sizing: border-box;
}

.mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: -1px;
    -webkit-clip-path: inset(-9em -999em -9em 1px);
    clip-path: inset(-9em -999em -9em 1px);
}

[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: 0;
    margin-right: -1px;
    -webkit-clip-path: inset(-9em 1px -9em -999em);
    clip-path: inset(-9em 1px -9em -999em);
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms;
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms;
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__affix {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
    transition-duration: 75ms;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea {
    transition: none;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75);
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75);
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }
}

[dir=rtl] .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-notched-outline .mdc-floating-label {
    max-width: calc(100% + 1px);
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(133.3333333333% + 1px);
}

mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color);
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden;
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit;
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon);
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1);
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block;
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto;
}

.otp-input[_ngcontent-ng-c3470639301] {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #c5c5c5;
    text-align: center;
    font-size: 32px;
}

.ng-otp-input-wrapper[_ngcontent-ng-c3470639301] .otp-input[_ngcontent-ng-c3470639301]:not(:last-child) {
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    .otp-input[_ngcontent-ng-c3470639301] {
        width: 40px;
        font-size: 24px;
        height: 40px;
    }
}

@media screen and (max-width: 420px) {
    .otp-input[_ngcontent-ng-c3470639301] {
        width: 30px;
        font-size: 18px;
        height: 30px;
    }
}

/* <script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/57/13/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/57/13/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/57/13/geocoder.js"></script> */


.footer-container[_ngcontent-ng-c3776763464] {
    background-color: var(--footer_bg_color);
    min-height: var(--footer_height);
    color: var(--footer_font_color);
    padding: 20px 0;
}

.footer-container[_ngcontent-ng-c3776763464] .container[_ngcontent-ng-c3776763464] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] {
    display: flex;
    flex-grow: 1;
    padding: 40px 15px;
    text-align: center;
    justify-content: space-between;
    flex-direction: column;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .logo[_ngcontent-ng-c3776763464] {
    padding: 0;
    margin-bottom: 30px;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .logo[_ngcontent-ng-c3776763464] img[_ngcontent-ng-c3776763464] {
    max-height: 61px;
    max-width: 150px;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-direction: column;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] {
    text-align: center;
    margin-bottom: 20px;
    max-width: 150px;
    margin-right: 10px;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] .column-row[_ngcontent-ng-c3776763464] {
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 300;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] .column-row[_ngcontent-ng-c3776763464] a[_ngcontent-ng-c3776763464] {
    color: var(--footer_font_color);
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] .column-row[_ngcontent-ng-c3776763464]:first-child {
    font-size: 16px;
    color: var(--footer_font_color) !important;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-weight: 600;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464]:last-child {
    margin: 0;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464]:first-child .column-row[_ngcontent-ng-c3776763464]:first-child {
    font-size: 16px !important;
    color: var(--footer_font_color) !important;
    text-transform: none !important;
    margin: 0 0 20px;
    font-weight: 600;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] {
    padding-top: 20%;
    text-align: left;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] a.link[_ngcontent-ng-c3776763464],
.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] .without-link[_ngcontent-ng-c3776763464] {
    text-decoration: none;
    margin-right: 20px;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] .link-img[_ngcontent-ng-c3776763464] {
    max-width: 110px;
    width: 100%;
    height: 40px;
    object-fit: contain;
    cursor: pointer;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-heading[_ngcontent-ng-c3776763464] {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
}

.footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .download-data[_ngcontent-ng-c3776763464] {
    padding-top: 8px;
    display: flex;
    justify-content: flex-start;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] {
    border-top: 1px solid #5a5a5a;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] .social-heading[_ngcontent-ng-c3776763464],
.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] .download-heading[_ngcontent-ng-c3776763464] {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] .social-data[_ngcontent-ng-c3776763464],
.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] .download-data[_ngcontent-ng-c3776763464] {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] {
    text-align: center;
    margin-bottom: 10px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] a.social-link[_ngcontent-ng-c3776763464] {
    text-decoration: none;
    margin-right: 20px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] .social-without-link[_ngcontent-ng-c3776763464] {
    text-decoration: none;
    margin-right: 15px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] .social-link-img[_ngcontent-ng-c3776763464] {
    height: 25px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] .social-link-img[_ngcontent-ng-c3776763464]:hover {
    cursor: pointer;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] {
    text-align: center;
    margin-bottom: 10px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] a.link[_ngcontent-ng-c3776763464],
.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] .without-link[_ngcontent-ng-c3776763464] {
    text-decoration: none;
    margin-right: 20px;
}

.footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .download-app-links[_ngcontent-ng-c3776763464] .link-img[_ngcontent-ng-c3776763464] {
    max-width: 110px;
    width: 100%;
    height: 40px;
    object-fit: contain;
    cursor: pointer;
}

.copyright[_ngcontent-ng-c3776763464] {
    line-height: 2;
    font-size: 14px;
    padding: 1em 0 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] {
        padding: 20px 0;
        flex-direction: row;
        text-align: initial;
    }

    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .logo[_ngcontent-ng-c3776763464] {
        margin-bottom: 0;
    }

    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] {
        flex-direction: row;
    }

    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] {
        margin-bottom: 0;
        max-width: 250px;
        text-align: left;
    }

    .footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] {
        flex-direction: row;
    }

    .footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] {
        flex-direction: row;
        align-items: center;
    }

    .footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .social-links[_ngcontent-ng-c3776763464] {
        text-align: left;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] .column[_ngcontent-ng-c3776763464] {
        max-width: initial;
        min-width: 150px;
    }
}

a[_ngcontent-ng-c3776763464] {
    color: #fff;
    cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .footer-container[_ngcontent-ng-c3776763464] .bottom-row[_ngcontent-ng-c3776763464] .inner-section[_ngcontent-ng-c3776763464] {
        flex-direction: column;
    }

    .footer-container[_ngcontent-ng-c3776763464] .download-app-links.only-screen[_ngcontent-ng-c3776763464] {
        display: none;
    }

    .footer-container[_ngcontent-ng-c3776763464] .download-app-links.only-mobile[_ngcontent-ng-c3776763464] {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .download-app-links.only-screen[_ngcontent-ng-c3776763464] {
        display: none;
    }

    .download-app-links.only-mobile[_ngcontent-ng-c3776763464] {
        display: block;
    }

    .dp-none[_ngcontent-ng-c3776763464] {
        display: none !important;
    }

    .footer-container[_ngcontent-ng-c3776763464] .top-row[_ngcontent-ng-c3776763464] .columns[_ngcontent-ng-c3776763464] {
        align-items: center;
    }
}

@media screen and (min-width: 992px) {
    .download-app-links.only-mobile[_ngcontent-ng-c3776763464] {
        display: none;
    }

    .download-app-links.only-screen[_ngcontent-ng-c3776763464] {
        display: block;
    }
}

.card-shimmer-container[_ngcontent-ng-c3106793112] {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fpo[_ngcontent-ng-c3106793112] {
    position: relative;
    margin: 25% auto;
    display: block;
}

.pulsate[_ngcontent-ng-c3106793112] {
    background: linear-gradient(-45deg, #eef0f6, #ececec, #eef0f6, #f7f7f7);
    background-size: 400% 400%;
    animation: _ngcontent-ng-c3106793112_Gradient 2.25s ease infinite;
}

.block[_ngcontent-ng-c3106793112] {
    display: block;
    width: 271px;
    height: 16px;
    color: #000;
}

.block2[_ngcontent-ng-c3106793112] {
    width: 78px;
    height: 8px;
    margin-bottom: 8px;
}

.block3[_ngcontent-ng-c3106793112] {
    width: 131px;
    height: 8px;
    margin-bottom: 16px;
}

.circle[_ngcontent-ng-c3106793112] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    float: right;
}

#card[_ngcontent-ng-c3106793112] {
    box-sizing: border-box;
    width: 335px;
    background: #fff;
    position: relative;
    margin: auto auto 10px;
    top: 25%
}

.card-image[_ngcontent-ng-c3106793112] {
    box-sizing: border-box;
    display: block;
    width: 335px;
    height: 243px;
    background: #fafafa;
    padding: 16px;
}

.card-content[_ngcontent-ng-c3106793112] {
    clear: both;
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
}

@keyframes _ngcontent-ng-c3106793112_Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.category-shimmer-container[_ngcontent-ng-c3106793112] {
    padding: 15px;
    background-color: #fff;
    max-width: 100%;
    width: 86%;
    border-radius: 5px;
    margin: 0 auto;
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    margin-top: 12px;
    height: 10px;
    width: 100%
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(1) {
    height: 25px;
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(2) {
    margin-top: 20px;
    width: 50%
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(3) {
    width: 60%
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(4) {
    width: 80%
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(5) {
    width: 90%
}

.category-shimmer-container[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(6) {
    width: 100%
}

.product-shimmer-container[_ngcontent-ng-c3106793112] {
    padding: 15px;
    border-radius: 5px;
    margin: 0 15px;
    background-color: #fff;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] {
    display: block;
    padding: 0 !important;
    margin-right: 10px;
    margin-top: 10px;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .image-div[_ngcontent-ng-c3106793112] {
    height: 150px;
    width: 100%;
    margin-right: 0;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] {
    width: 100%
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    height: 10px;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(1) {
    width: 100%
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(2) {
    margin-top: 20px;
    width: 50%
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(3) {
    margin-top: 20px;
    width: 45%
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-2[_ngcontent-ng-c3106793112] {
    margin-top: 10px;
}

.product-shimmer-container.grid[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-2[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    width: 100%;
    height: 10px;
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] {
    display: flex;
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .image-div[_ngcontent-ng-c3106793112] {
    height: 120px;
    width: 120px;
    margin-right: 20px;
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] {
    width: 80%
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    height: 10px;
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(1) {
    width: 100%
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(2) {
    margin-top: 20px;
    width: 50%
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-1[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(3) {
    margin-top: 20px;
    width: 45%
}

.product-shimmer-container.list[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] .detail-grp-2[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    width: 70%;
    height: 10px;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] {
    display: flex;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .image-div[_ngcontent-ng-c3106793112] {
    height: 120px;
    width: 120px;
    margin-right: 20px;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112] {
    height: 10px;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(1) {
    width: 75%;
    height: 20px;
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(2) {
    margin-top: 20px;
    width: 70%
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(3) {
    margin-top: 20px;
    width: 70%
}

.logo-card-shimmer-container[_ngcontent-ng-c3106793112] .detail-div[_ngcontent-ng-c3106793112] div[_ngcontent-ng-c3106793112]:nth-child(4) {
    margin-top: 20px;
    width: 70%
}

@media only screen and (max-width: 768px) {
    .product-shimmer-container.grid[_ngcontent-ng-c3106793112] {
        margin-left: 10px;
        margin-right: 0;
    }
}

.row-eq-height[_ngcontent-ng-c3106793112] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 0rem 1rem 0px;
    margin-top: 1rem;
}

.row-eq-height[_ngcontent-ng-c3106793112] .row-col-eq[_ngcontent-ng-c3106793112] {
    min-width: 25%;
    max-width: 25%;
    margin-bottom: 0;
}

.grid-item[_ngcontent-ng-c3106793112] {
    margin: 5px;
    border: 1px solid #e9e9eb;
    border-radius: 8px;
}

.grid-item[_ngcontent-ng-c3106793112]:hover {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid var(--theme);
}

.image-cat[_ngcontent-ng-c3106793112] {
    width: 100%;
    height: 9vw;
    min-height: 9vw;
    min-width: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform .8s ease-out;
}

.image-cat[_ngcontent-ng-c3106793112]:hover {
    transform: scale(1.12);
}

.image_div[_ngcontent-ng-c3106793112] {
    margin: 0;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.name_div[_ngcontent-ng-c3106793112] {
    border-radius: 0 0 8px 8px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    padding: 1rem 0;
    color: #1b1b1b;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (max-width: 425px) {
    .row-col-eq[_ngcontent-ng-c3106793112] {
        min-width: 50% !important;
        max-width: 50% !important;
    }

    .image-cat[_ngcontent-ng-c3106793112] {
        height: 22vw !important;
    }
}

@media only screen and (min-width: 425px) and (max-width: 767px) {
    .row-col-eq[_ngcontent-ng-c3106793112] {
        min-width: 50% !important;
        max-width: 50% !important;
        margin-bottom: 0;
    }

    .breadcrumb[_ngcontent-ng-c3106793112] {
        padding: 0 0 15px;
        margin-bottom: 0 !important;
        margin-top: -10px;
    }

    .row-eq-height[_ngcontent-ng-c3106793112] {
        padding: 0rem 0rem 0px;
        margin-top: 0rem;
    }

    .image-cat[_ngcontent-ng-c3106793112] {
        height: 25vw !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1240px) {
    .row-col-eq[_ngcontent-ng-c3106793112] {
        min-width: 33.33% !important;
        max-width: 33.33% !important;
    }

    .image-cat[_ngcontent-ng-c3106793112] {
        height: 15vw !important;
    }
}

[_nghost-ng-c3106793112] app-mobile-top-navigation .back-btn {
    position: fixed;
    top: 0;
    z-index: 2;
    background: var(--theme);
    margin: 0 0 0 8px;
    height: 46px;
    padding: 7px;
    width: 100%
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 0 20px 10px;
    margin-top: 10px;
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .row-col-eq[_ngcontent-ng-c3106793112] {
    min-width: 25%;
    max-width: 25%;
    margin-bottom: 0;
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .image_div[_ngcontent-ng-c3106793112] {
    margin: 0;
    overflow: hidden;
    border-radius: 0;
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .grid-item[_ngcontent-ng-c3106793112] {
    border-radius: 8px;
    border: solid 1px #f6f4f4;
    background-color: #fff;
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .grid-item[_ngcontent-ng-c3106793112] [_ngcontent-ng-c3106793112]:focus {
    box-shadow: 0 4px 10px #ddd;
    border: 1px solid var(--theme);
    transition: .5s;
}

@media only screen and (max-width: 425px) {
    .row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .image-cat[_ngcontent-ng-c3106793112] {
        height: 22vw !important;
        box-shadow: 0 2px 16px #0000002e;
        border-radius: 8px 8px 0 0;
    }
}

.row-eq-height.hyridclass[_ngcontent-ng-c3106793112] .name_div[_ngcontent-ng-c3106793112]>span[_ngcontent-ng-c3106793112] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #2a3b56;
}

#cart-fix[_ngcontent-ng-c3825593715] .deskView[_ngcontent-ng-c3825593715] {
    width: 100%
}

.fltrt[_ngcontent-ng-c3825593715] {
    float: right !important;
}

.app-cart-div[_ngcontent-ng-c3825593715] {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    padding: 15px 0 0;
    border-bottom-color: transparent;
}

.pdtw[_ngcontent-ng-c3825593715] {
    margin-right: 10px;
    margin-left: unset !important;
}

.product-img[_ngcontent-ng-c3825593715] {
    width: 7rem;
    height: 7rem;
    object-fit: cover;
}

.pl-6[_ngcontent-ng-c3825593715] {
    padding-left: 3px;
}

.app-item-head[_ngcontent-ng-c3825593715] {
    font-size: 15px;
    word-break: break-word;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize;
    font-stretch: normal;
    color: #1b1b1b;
    margin-bottom: 10px;
}

.app-item-head[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] {
    color: var(--theme);
}

.app-sub-item[_ngcontent-ng-c3825593715] {
    font-size: 12px;
    letter-spacing: .2px;
    color: #858585;
    margin-bottom: 0;
}

.app-cart-item[_ngcontent-ng-c3825593715] div.item-info[_ngcontent-ng-c3825593715] {
    display: flex;
    padding-top: 20px;
    -webkit-user-select: none;
    user-select: none;
}

.app-cart-item[_ngcontent-ng-c3825593715] div.item-price[_ngcontent-ng-c3825593715] {
    padding-top: 7px;
    flex: 1 1 0;
}

.app-cart-item[_ngcontent-ng-c3825593715] div.item-totalprice[_ngcontent-ng-c3825593715] {
    padding-top: 7px;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
}

.app-cart-item[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] {
    padding-right: 20px;
}

.app-cart_item_seperation[_ngcontent-ng-c3825593715] {
    width: 100%;
    margin: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.app-subtotal_seperation[_ngcontent-ng-c3825593715] {
    width: 100%;
    border-top: 1px solid transparent;
    margin: 20px 0 0;
}

.app-subtotal[_ngcontent-ng-c3825593715] .separtor[_ngcontent-ng-c3825593715] {
    border-radius: 4px;
}

.app-item-subtotal[_ngcontent-ng-c3825593715] {
    display: flex;
    background-color: #1b1b1b;
    padding: 10px 15px;
    width: auto;
}

.app-item-subtotal[_ngcontent-ng-c3825593715] div.total-txt[_ngcontent-ng-c3825593715] {
    flex-basis: 75px;
}

.app-item-subtotal[_ngcontent-ng-c3825593715] div.total-txt[_ngcontent-ng-c3825593715] span.head[_ngcontent-ng-c3825593715] {
    width: 53px;
    height: 21px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.app-item-subtotal[_ngcontent-ng-c3825593715] div.total[_ngcontent-ng-c3825593715] {
    text-align: right;
    flex: 1 1 0%
}

.app-item-subtotal[_ngcontent-ng-c3825593715] div.total[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] {
    height: 22px;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

.app-cls-plusminus-cart[_ngcontent-ng-c3825593715] {
    display: grid;
    grid-template-columns: 35px 45px 35px;
    padding-right: 20px;
}

.app-cls-plusminus-cart[_ngcontent-ng-c3825593715] div.quantity[_ngcontent-ng-c3825593715] {
    padding-top: 10px;
    text-align: center;
}

.delete-icon[_ngcontent-ng-c3825593715] {
    cursor: pointer;
    color: silver;
}

.app-cart-text[_ngcontent-ng-c3825593715] {
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b1b;
    border-bottom: 1px solid #e9e9eb;
    border-radius: 12px 12px 0 0;
    padding: 10px 15px;
    background-color: #fff;
}

.clearBtn[_ngcontent-ng-c3825593715] {
    width: 100%;
    height: 35px;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.clearBtn[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: left;
}

.clearBtn[_ngcontent-ng-c3825593715]:hover {
    transform: scale(1);
    color: #fff;
}

button.cart-btn[_ngcontent-ng-c3825593715] {
    width: 100%;
    height: 40px;
    margin-top: 0;
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 4px;
}

button.cart-btn[_ngcontent-ng-c3825593715] span[_ngcontent-ng-c3825593715] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: left;
}

button.cart-btn[_ngcontent-ng-c3825593715]:hover {
    transition: all .3s;
    color: #fff;
}

.cartAndClear[_ngcontent-ng-c3825593715] {
    justify-content: space-between;
    display: flex;
    gap: 10px;
}

.cartFlex[_ngcontent-ng-c3825593715] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.clearCart[_ngcontent-ng-c3825593715] {
    color: var(--theme);
    cursor: pointer;
}

.clearCart[_ngcontent-ng-c3825593715]:hover {
    color: #333;
}

.app-cart-list[_ngcontent-ng-c3825593715] {
    max-height: 300px;
    overflow: auto;
    width: 100%;
    padding: 0 15px;
    overflow-x: hidden;
    transform-style: all .3s;
}

.app-cart-list[_ngcontent-ng-c3825593715]::-webkit-scrollbar {
    width: 3px;
}

@media screen and (max-width: 1400px) {
    .app-cart-list[_ngcontent-ng-c3825593715] {
        max-height: 210px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1280px) {
    .app-cart-list[_ngcontent-ng-c3825593715] {
        max-height: 160px !important;
    }
}

.card-img[_ngcontent-ng-c3825593715] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

div.cart-p-detail-sec[_ngcontent-ng-c3825593715] {
    display: flex;
}

div.cart-p-detail-sec[_ngcontent-ng-c3825593715] div.app-item-totalprice[_ngcontent-ng-c3825593715] {
    padding-top: 7px;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #5c5c5c;
}

div.p-action-btn[_ngcontent-ng-c3825593715] {
    flex: 1 1 0%;
    display: flex;
    justify-content: flex-start;
}

div.p-action-btn[_ngcontent-ng-c3825593715] div.p-minus[_ngcontent-ng-c3825593715] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #fff;
    border: solid .9px #dddddd;
    text-align: center;
    line-height: 20px;
}

div.p-action-btn[_ngcontent-ng-c3825593715] div.p-minus[_ngcontent-ng-c3825593715] div[_ngcontent-ng-c3825593715] {
    width: 9px;
    height: 1.8px;
    background-color: #858585;
}

div.p-action-btn[_ngcontent-ng-c3825593715] div.p-plus[_ngcontent-ng-c3825593715] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
}

div.p-action-btn[_ngcontent-ng-c3825593715] div.p-quantity[_ngcontent-ng-c3825593715] {
    text-align: center;
    padding-top: 0;
    width: 40px;
    font-size: 12.6px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #333;
}

.emptyCart[_ngcontent-ng-c3825593715] {
    height: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #7e808c;
    font-size: 18px;
    font-weight: 300;
}

.emptyCart[_ngcontent-ng-c3825593715] .img-cart[_ngcontent-ng-c3825593715] {
    height: 90px;
}

.emptyCart[_ngcontent-ng-c3825593715] .text-cart[_ngcontent-ng-c3825593715] {
    padding-top: 20px;
}

.checkout.btn.btn-default[_ngcontent-ng-c3825593715] {
    border: 0;
}

.checkout.btn.btn-default[_ngcontent-ng-c3825593715]:active,
.checkout.btn.btn-default[_ngcontent-ng-c3825593715]:focus {
    box-shadow: none;
    border: 0;
}

.bottom-bar[_ngcontent-ng-c3825593715] {
    width: 100vw;
    padding: 0;
    color: #fff;
    height: 50px;
    position: fixed;
    bottom: 0;
}

.checkout-bottom[_ngcontent-ng-c3825593715] {
    height: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    align-content: center;
    justify-content: flex-end;
}

.checkout-bottom[_ngcontent-ng-c3825593715] div[_ngcontent-ng-c3825593715] {
    display: flex;
    align-items: center;
}

div.p-plus.t-btn[_ngcontent-ng-c3825593715],
div.p-minus.t-btn[_ngcontent-ng-c3825593715] {
    font-size: 14px !important;
    padding: 2px 10px;
    width: auto !important;
    height: auto !important;
}

.btn-cursor[_ngcontent-ng-c3825593715] {
    cursor: pointer !important;
}

@media only screen and (max-width: 1469px) and (min-width: 990px) {
    #cart-fix[_ngcontent-ng-c3825593715] {
        min-width: 190px;
    }
}

.min-qty[_ngcontent-ng-c3825593715] {
    margin-top: 10px !important;
    color: #afafaf !important;
}

.max-qty[_ngcontent-ng-c3825593715] {
    margin-top: 0 !important;
    color: #afafaf !important;
}

.dialog-cancel[_ngcontent-ng-c3825593715] {
    border: solid 1px #b2b2b2 !important;
}

.pad-60[_ngcontent-ng-c3825593715] {
    padding: 60px 0;
}

.yesNoBtn[_ngcontent-ng-c3825593715] {
    width: 65px !important;
}

.clearCartRow[_ngcontent-ng-c3825593715] {
    padding: 15px;
}

.btnsDiv[_ngcontent-ng-c3825593715] {
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .mobile-cart-view[_ngcontent-ng-c3825593715] {
        align-items: center;
    }

    [_nghost-ng-c3825593715] .modal-content {
        width: 315px !important;
    }
}

.edit-customization[_ngcontent-ng-c3825593715] {
    cursor: pointer;
}

[_nghost-ng-c3825593715] app-mobile-top-navigation .back-btn {
    position: fixed;
    top: 0;
    z-index: 2;
    background: var(--theme);
    margin: 0 0 0 8px;
    height: 46px;
    padding: 7px;
    width: 100%
}

.bottom-bar.hybridbuttoncartclass[_ngcontent-ng-c3825593715] {
    width: 100vw !important;
    left: 0;
    border: 0px;
    padding: 0;
}

.bottom-bar.d2c_flow.bottom-bar.hybridbuttoncartclass[_ngcontent-ng-c3825593715] {
    bottom: 50px;
}

.hybridappui[_ngcontent-ng-c3825593715] img[_ngcontent-ng-c3825593715] {
    height: 24px;
}

.text-Overflow[_ngcontent-ng-c3825593715] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hybridtotalcount[_ngcontent-ng-c3825593715] {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.countbg[_ngcontent-ng-c3825593715] {
    background-color: #00000021;
    padding: 6px 10px;
    border-radius: 8px;
    display: inline-flex;
    min-width: max-content;
}

.hybridappcount[_ngcontent-ng-c3825593715] {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

[_nghost-ng-c3825593715] .mediumModal .modal .modal-content {
    width: auto !important;
}

app-modal[_ngcontent-ng-c3825593715] h4.dialog-msg {
    text-align: center;
    font-size: 18px;
    color: #2a3b56;
    font-weight: 600;
    text-transform: capitalize;
}

.close[_ngcontent-ng-c3825593715] {
    position: absolute;
    z-index: 2;
    right: 0;
    font-size: 25px;
    font-weight: 300px;
    padding-top: 0;
}

.opacityOne[_ngcontent-ng-c3825593715] {
    opacity: 1 !important;
}

#slotsDialog .p-dialog .p-dialog-content {
    min-height: 200px !important;
}

#slotsDialog .p-dropdown {
    width: 100%
}

.slots-timing-heading[_ngcontent-ng-c3825593715] {
    margin-bottom: 2rem;
    font-size: 15px;
}

.choosen-timeslot[_ngcontent-ng-c3825593715] {
    margin: 10px;
    font-size: 13px;
}

.time-slots[_ngcontent-ng-c3825593715] {
    font-size: 1.25rem;
}

.time-slots-form[_ngcontent-ng-c3825593715] {
    font-size: 1.5rem;
}

.sub-line[_ngcontent-ng-c3825593715] {
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub-line[_ngcontent-ng-c3825593715]:before,
.sub-line[_ngcontent-ng-c3825593715]:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.time-slots-container[_ngcontent-ng-c3825593715] {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto;
}

.time-slot[_ngcontent-ng-c3825593715] {
    display: flex;
    width: 31%;
    background: #eeeeee;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #dedede;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    transition: transform .3s ease;
    font-size: 11px;
    justify-content: center;
}

.time-slot[_ngcontent-ng-c3825593715]:hover {
    transform: scale(1.05);
}

.desired-slots[_ngcontent-ng-c3825593715] {
    height: 180px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-top: 20px;
}

.time-icon[_ngcontent-ng-c3825593715] {
    position: relative;
    top: 10px;
}

.div-desired-slot[_ngcontent-ng-c3825593715] {
    display: flex;
    gap: 10px;
}

.slots-flex[_ngcontent-ng-c3825593715] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cartText[_ngcontent-ng-c3825593715] {
    flex-grow: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b1b;
}

.nav-tab[_ngcontent-ng-c243585880] {
    display: flex;
    flex-direction: row;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880] {
    cursor: pointer;
    border: 1px solid var(--theme);
    padding: 6px 17px;
    list-style-type: none;
    outline: none;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880] a[_ngcontent-ng-c243585880] {
    font-family: Inter, sans-sarif;
    color: #474747;
    font-size: 14px;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li.active[_ngcontent-ng-c243585880] {
    border: 0;
    font-family: Inter, sans-sarif;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880]:hover a[_ngcontent-ng-c243585880] {
    text-decoration: none;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880]:first-child {
    border-radius: 4px 0 0 4px;
}

.nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880]:last-child {
    border-radius: 4px;
}

.active[_ngcontent-ng-c243585880] {
    background-color: var(--theme);
    color: #fff;
}

.active[_ngcontent-ng-c243585880] a[_ngcontent-ng-c243585880] {
    color: #fff !important;
    text-decoration: none;
}

.heading[_ngcontent-ng-c243585880] {
    font-family: Inter, sans-sarif;
    color: #474747;
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] {
        flex-direction: column;
        width: 100%;
        transition: all .3s ease;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880] {
        padding: 6px 35px;
        white-space: nowrap;
        transition: all .3s ease;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.collapsed[_ngcontent-ng-c243585880] {
        position: relative;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.collapsed[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880]:not(.active) {
        display: none;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.collapsed[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880] {
        border-radius: 4px !important;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.collapsed[_ngcontent-ng-c243585880]:after {
        content: "";
        border: 8px solid white;
        position: absolute;
        right: 10px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom: 0;
        top: 35%
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.expanded[_ngcontent-ng-c243585880] {
        background-color: #eee;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.expanded[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880] {
        border-radius: 0;
        border: none;
    }

    .nav-tab[_ngcontent-ng-c243585880] ul.expanded[_ngcontent-ng-c243585880] li[_ngcontent-ng-c243585880]:not(:first-child) {
        border-top: 1px solid rgba(221, 221, 221, .7411764706);
    }
}

.main-heading[_ngcontent-ng-c243585880] {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    opacity: .8;
    text-align: center;
}

@media screen and (max-width: 576px) {
    .main-heading[_ngcontent-ng-c243585880] {
        font-size: 18px;
    }
}

button.cart-btn[_ngcontent-ng-c243585880] {
    width: auto !important;
    height: 40px;
    border-radius: 6px;
    margin-top: 20px;
    font-family: Inter, sans-sarif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

button.cart-btn[_ngcontent-ng-c243585880] span[_ngcontent-ng-c243585880] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: left;
}

.buttonDiv[_ngcontent-ng-c243585880] {
    justify-content: center;
    display: flex;
    padding: 20px;
    text-align: center;
}

.buttonDiv[_ngcontent-ng-c243585880] .dialog-cancel[_ngcontent-ng-c243585880] {
    border: solid 1px #b2b2b2;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #b2b2b2;
    margin-right: 20px;
}

.buttonDiv[_ngcontent-ng-c243585880] .dialog-cancel[_ngcontent-ng-c243585880]:hover {
    background-color: #fff;
}

.buttonDiv[_ngcontent-ng-c243585880] .dialog-cancel[_ngcontent-ng-c243585880] div[_ngcontent-ng-c243585880]:hover {
    transform: scale(1);
}

.cls-cntn-catalog[_ngcontent-ng-c4257235661] {
    clear: both;
    margin-top: 150px;
    padding: 51px 90px 20px;
}

.mrlft[_ngcontent-ng-c4257235661] {
    margin-right: 11px;
}

.pdrt[_ngcontent-ng-c4257235661] {
    padding-right: 0 !important;
}

.list-image[_ngcontent-ng-c4257235661] {
    width: 90px;
    height: 90px;
}

.mobileViewMain[_ngcontent-ng-c4257235661] {
    background-color: #f3f3f3;
}

.text-left[_ngcontent-ng-c4257235661] {
    text-align: left;
}

.list-catalog[_ngcontent-ng-c4257235661] {
    height: 131px;
    margin-bottom: 30px;
}

.cls-list-view[_ngcontent-ng-c4257235661] {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px;
    margin: 5px 0;
    cursor: default;
    background-color: #fff;
    border: 1px solid #efefef;
}

.cls-list-view[_ngcontent-ng-c4257235661]:hover {
    box-shadow: 0 5px 20px #0000001a;
    transition: all .35s;
}

.cls-arrow[_ngcontent-ng-c4257235661] {
    text-align: right;
    font-size: 18px;
}

.cls-cate-info[_ngcontent-ng-c4257235661] {
    flex: 1 1 0;
    padding-left: 20px;
    text-align: left;
    padding-right: 20px;
    word-break: break-word;
    width: 100%
}

.cls-cmn[_ngcontent-ng-c4257235661] {
    display: inline-block;
    float: left;
}

.cls-cntn-banner[_ngcontent-ng-c4257235661] {
    clear: both;
    margin-top: 240px;
    padding: 36px 15px 20px;
}

@media screen and (max-width: 575px) {
    .cls-cntn-banner[_ngcontent-ng-c4257235661] {
        padding: 51px 0 20px;
    }
}

.cls-pro-parent[_ngcontent-ng-c4257235661] {
    max-width: 1230px;
    margin: 0 auto;
    text-align: center;
}

.cls-pro-parent[_ngcontent-ng-c4257235661] div.text-center[_ngcontent-ng-c4257235661] {
    width: 604px;
    padding: 0 15px;
    display: inline-block;
}

@media screen and (max-width: 1240px) {
    .cls-pro-parent[_ngcontent-ng-c4257235661] div.text-center[_ngcontent-ng-c4257235661] {
        display: block;
        margin: 0 auto;
    }
}

.center-arrow[_ngcontent-ng-c4257235661] {
    position: relative;
    right: 0;
    top: 35px;
}

.catloop[_ngcontent-ng-c4257235661] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cat-list-view[_ngcontent-ng-c4257235661] {
    float: right;
    max-width: 589px;
}

.cat-list-view-even[_ngcontent-ng-c4257235661] {
    max-width: 589px;
}

.sidebar[_ngcontent-ng-c4257235661] {
    background-color: #fff;
    border: solid 1px #dddddd;
    width: 60%
}

.sidebar_header[_ngcontent-ng-c4257235661] {
    padding: 8px;
    font-size: 18px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #dddddd;
}

.parent_cat[_ngcontent-ng-c4257235661] a[_ngcontent-ng-c4257235661] {
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    margin-top: 8px;
    color: #333;
    border-left: 2px solid transparent;
}

.parent_cat[_ngcontent-ng-c4257235661] p[_ngcontent-ng-c4257235661] {
    padding: 0 0 0 10px;
    margin-bottom: 5px;
}

.parent_cat[_ngcontent-ng-c4257235661] a[_ngcontent-ng-c4257235661]:hover {
    font-weight: 600;
    border-left: 2px solid red;
}

#sidebar[_ngcontent-ng-c4257235661] {
    background-color: #fff;
    transition: all .3s;
    border: solid 1px #dddddd;
}

a[data-toggle=collapse][_ngcontent-ng-c4257235661]>.collapse-cat-arrow[_ngcontent-ng-c4257235661] {
    position: relative;
}

a[aria-expanded=false][_ngcontent-ng-c4257235661]>.collapse-cat-arrow[_ngcontent-ng-c4257235661]:before,
a[aria-expanded=true][_ngcontent-ng-c4257235661]>.collapse-cat-arrow[_ngcontent-ng-c4257235661]:before {
    content: "\e259";
    display: block;
    position: absolute;
    right: -13px;
    top: 4px;
    font-family: Glyphicons Halflings;
    font-size: .8em;
}

.lft1[_ngcontent-ng-c4257235661]:before {
    left: -13px;
    right: unset !important;
}

a[aria-expanded=true][_ngcontent-ng-c4257235661]>.collapse-cat-arrow[_ngcontent-ng-c4257235661]:before {
    content: "\e260"
}

a[_ngcontent-ng-c4257235661],
a[_ngcontent-ng-c4257235661]:hover,
a[_ngcontent-ng-c4257235661]:focus {
    color: inherit;
    text-decoration: none;
    transition: all .3s;
}

#sidebar[_ngcontent-ng-c4257235661] .sidebar-header[_ngcontent-ng-c4257235661] {
    padding: 20px;
}

#sidebar[_ngcontent-ng-c4257235661] ul.components[_ngcontent-ng-c4257235661] {
    padding-bottom: 8px;
}

#sidebar[_ngcontent-ng-c4257235661] ul[_ngcontent-ng-c4257235661] p[_ngcontent-ng-c4257235661] {
    color: #fff;
    padding: 10px;
}

.submenu[_ngcontent-ng-c4257235661] {
    padding-left: 20px;
    list-style-type: none;
}

.nav[_ngcontent-ng-c4257235661]>li[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661] {
    padding: 0 15px;
    background-color: transparent !important;
}

li.list-item.active[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661],
li.list-item.active[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661]:hover,
li.list-item.active[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661]:focus {
    font-weight: 600;
    border-left: 2px solid red;
}

.submenu[_ngcontent-ng-c4257235661] a[_ngcontent-ng-c4257235661] {
    border-left: 2px solid transparent !important;
}

li.list-item.active.over-ride[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661],
li.list-item.active.over-ride[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661]:hover,
li.list-item.active.over-ride[_ngcontent-ng-c4257235661]>a[_ngcontent-ng-c4257235661]:focus {
    border-left: 2px solid var(--theme) !important;
    color: red;
    font-weight: 400;
}

.menu[_ngcontent-ng-c4257235661] {
    list-style-type: none;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 0;
    -webkit-overflow-scrolling: touch;
}

.mobile-nav[_ngcontent-ng-c4257235661] {
    z-index: 1111;
}

.item[_ngcontent-ng-c4257235661] {
    width: 100px;
    border-bottom: 2px solid transparent;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.item[_ngcontent-ng-c4257235661] .btn[_ngcontent-ng-c4257235661] {
    width: 100%
}

.item.active[_ngcontent-ng-c4257235661] {
    border-bottom: 2px solid red;
}

.search-bar[_ngcontent-ng-c4257235661] {
    background: #F3F3F3;
    margin-top: -19px;
    z-index: 2;
    width: 100%;
    margin-bottom: 5px;
}

.search-bar.prodSearch[_ngcontent-ng-c4257235661] {
    margin-top: 0;
    margin-bottom: 20px;
}

.search-bar[_ngcontent-ng-c4257235661] .input-group[_ngcontent-ng-c4257235661] input[_ngcontent-ng-c4257235661] {
    font-size: 16px;
    border-right: 0px;
    height: 40px;
}

.search-bar[_ngcontent-ng-c4257235661] .input-group[_ngcontent-ng-c4257235661] .input-group-addon[_ngcontent-ng-c4257235661] {
    background-color: #fff;
}

.cat-menu[_ngcontent-ng-c4257235661] {
    margin-top: 20px;
    border-radius: 5px;
    background: white;
}

.cat-menu[_ngcontent-ng-c4257235661] .searchView[_ngcontent-ng-c4257235661] {
    height: 40px;
}

.cat-menu[_ngcontent-ng-c4257235661] div.cls-menu-text[_ngcontent-ng-c4257235661] {
    font-size: 25px;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    padding: 10px 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: unset;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deskCateView[_ngcontent-ng-c4257235661] {
    overflow: scroll;
    max-height: 50vh;
    border-top: none;
    padding-right: 10px;
    background-color: #fff;
}

[_ngcontent-ng-c4257235661]::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    border-radius: 10px;
    border: 1px solid transparent !important;
}

.cls-cat-list[_ngcontent-ng-c4257235661] {
    background: #fff;
}

@media only screen and (max-width: 991px) {
    .cat-menu[_ngcontent-ng-c4257235661] {
        margin-top: 0;
        width: 100%
    }

    .cls-cat-list[_ngcontent-ng-c4257235661] {
        background-color: transparent !important;
    }
}

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

    .cat-menu[_ngcontent-ng-c4257235661],
    .cls-cat-list[_ngcontent-ng-c4257235661] {
        background-color: transparent !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 991px) {

    #cat-fix[_ngcontent-ng-c4257235661],
    #cat-fix-oldUI[_ngcontent-ng-c4257235661] {
        min-width: 25%
    }
}

.subcategory[_ngcontent-ng-c4257235661] {
    margin-top: 5px;
    padding: 10px;
    cursor: pointer;
    text-transform: capitalize;
    color: #1b1b1b;
    border-bottom: solid 1px rgba(0, 0, 0, .1);
}

.subcategory.active[_ngcontent-ng-c4257235661] {
    color: var(--theme);
}

.subcategory[_ngcontent-ng-c4257235661]:hover {
    background-color: #f3f3f3;
}

.collapse-hover-none[_ngcontent-ng-c4257235661] {
    cursor: unset !important;
}

.d-flex[_ngcontent-ng-c4257235661] {
    display: flex;
}

.hybridcat[_ngcontent-ng-c4257235661] .cls-cat-list[_ngcontent-ng-c4257235661]:last-child {
    padding-right: 25px;
}

.justify-spacebetween[_ngcontent-ng-c4257235661] {
    justify-content: space-between;
}

[_nghost-ng-c3105618603] .ui-multiselect-panel {
    background-color: #fff;
}

[_nghost-ng-c3105618603] .ui-chkbox {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: .25em;
}

[_nghost-ng-c3105618603] .ui-chkbox .ui-chkbox-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #ddd;
}

[_nghost-ng-c3105618603] .ui-chkbox .ui-state-active {
    background-color: #fff;
    color: #000;
}

[_nghost-ng-c3105618603] .ui-chkbox .ui-chkbox-icon {
    display: block;
}

[_nghost-ng-c3105618603] .ui-chkbox-label {
    vertical-align: middle;
}

[_nghost-ng-c3105618603] .ui-multiselect-item.ui-corner-all {
    margin-bottom: 4px;
}

[_nghost-ng-c3105618603] p-multiSelect:not(.show-header) .ui-multiselect-header {
    display: none;
}

[_nghost-ng-c3105618603] .ui-multiselect {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 4px 30px 4px 4px;
    line-height: normal;
}

[_nghost-ng-c3105618603] .ui-multiselect:hover {
    background-color: #fff;
}

[_nghost-ng-c3105618603] .ui-multiselect:focus {
    outline: none;
    border: none;
}

[_nghost-ng-c3105618603] .ui-multiselect-item {
    padding: .25em;
}

[_nghost-ng-c3105618603] .ui-multiselect-item:hover {
    color: #000;
    outline: none;
}

[_nghost-ng-c3105618603] .ui-state-highlight {
    background-color: transparent;
    color: #000;
}

[_nghost-ng-c3105618603] .ui-multiselect.ui-state-focus {
    box-shadow: none;
}

[_nghost-ng-c3105618603] .ui-multiselect-label,
[_nghost-ng-c3105618603] .ui-multiselect-panel .ui-multiselect-item label {
    margin: 0 !important;
}

[_nghost-ng-c3105618603] .ui-multiselect.ui-state-disabled {
    background-color: #eaecef;
}

[_nghost-ng-c3105618603] .ui-multiselect-header .ui-multiselect-close {
    display: none;
}

[_nghost-ng-c3105618603] .ui-multiselect-header .ui-multiselect-filter-container {
    width: 90% !important;
}

[_nghost-ng-c3105618603] .ui-multiselect-header .ui-multiselect-filter-container .fa {
    top: .4em;
}

[_nghost-ng-c3105618603] .ui-multiselect .ui-multiselect-trigger {
    right: 4px;
}

[_nghost-ng-c3105618603] .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
    color: #9b9b9b;
    font-size: 20px;
}

[_ngcontent-ng-c3105618603]:root {
    --blue: #1394ff;
    --black: #282828;
    --gray: #e2e4e6;
    --dark-gray: gray;
    --white: #ffffff;
    --light-gray: #d3d3d3;
    --orange: #ff8f00;
    --bg-color: var(--white);
    --header_height: 60px;
    --header_bg_color: var(--black);
    --header_font_color: white;
    --autocomplete_btn_search_bg_color: var(--blue);
    --autocomplete_btn_search_font_color: white;
    --autocomplete_box_height: 40px;
    --theme: var(--blue);
    --rating-bar-color: #3c3b3b;
    --btn-color: var(--black);
    --address_desc_color: #afafaf;
    --address_title_color: #333;
    --address_bg_color: white;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel .ui-dropdown-items {
    padding: 0;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel {
    z-index: 2 !important;
    background-color: #fff;
}

[_nghost-ng-c3105618603] .ui-dropdown {
    padding-right: 30px;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel .ui-dropdown-items li {
    padding: 5px !important;
    border-left: 0px solid transparent;
    color: #474747;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel .ui-dropdown-items li label {
    margin: 0;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel .ui-dropdown-items li:hover {
    background-color: #d9eeff;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 9px 30px 9px 9px;
    background-color: #fff;
    max-width: 100%;
    line-height: normal;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown:hover {
    border-color: #ddd;
    background-color: #fff;
    color: #212121;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown .ui-dropdown-label {
    color: #474747;
    margin: 0;
    font-size: 14px;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown .ui-dropdown-label label {
    margin-bottom: 0;
    font-size: 14px;
    color: #474747;
}

[_nghost-ng-c3105618603] .ui-state-disabled {
    background-color: var(--gray) !important;
    color: #474747 !important;
    opacity: .5;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-trigger {
    right: 4px;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    color: #474747;
    height: 16px;
    width: 16px;
}

[_nghost-ng-c3105618603] p-dropdown:not(.no-border) .ui-dropdown .ui-dropdown-label {
    padding: 0 5px;
    margin: 0;
    font-size: 14px;
    color: #474747;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-panel .ui-dropdown-items li.ui-state-highlight {
    background-color: var(--blue);
    color: #fff;
}

[_nghost-ng-c3105618603] .ui-dropdown .ui-dropdown-trigger .fa {
    color: #474747;
}

[_nghost-ng-c3105618603] .ui-dropdown {
    border: solid 1px var(--light-gray);
}

[_nghost-ng-c3105618603] p-dropdown.full-width .ui-dropdown {
    width: 100% !important;
}

@media (max-width: 767px) {
    input.p-quantity.inputBulkOrderClass[_ngcontent-ng-c3105618603] {
        padding: 0;
        border: none !important;
        height: 26px !important;
    }
}

@media (min-width: 768px) {
    .one[_ngcontent-ng-c3105618603] {
        border-radius: 15px;
        width: 397px !important;
        display: initial !important;
        height: 330px !important;
    }
}

@media (max-width: 767px) {
    .one[_ngcontent-ng-c3105618603] {
        border-radius: 15px;
        width: 344px !important;
        display: initial !important;
        height: 210px !important;
    }
}

.flt[_ngcontent-ng-c3105618603] {
    float: right !important;
}

.txtrt[_ngcontent-ng-c3105618603] {
    text-align: right !important;
}

.mrlft1[_ngcontent-ng-c3105618603] {
    margin-left: 5px !important;
}

@media (max-width: 767px) {
    [_nghost-ng-c3105618603] .modal-dialog {
        margin: 0;
    }

    [_nghost-ng-c3105618603] app-modal .modal {
        top: 200px !important;
    }

    [_nghost-ng-c3105618603] .modal-content {
        border: none;
        min-height: calc(100vh - 150px);
        border-radius: 15px 15px 0 0;
    }

    [_nghost-ng-c3105618603] .share-close-btn {
        display: none;
    }

    [_nghost-ng-c3105618603] app-modal .cross {
        top: 150px;
        display: flex;
        justify-content: center;
        visibility: visible;
        left: calc(50vw - 10px);
        color: #fff;
        width: 36px;
        height: 36px;
        border: 0px solid white;
        border-radius: 50%;
        position: fixed;
        overflow: hidden;
        padding: 10px;
        z-index: 1050;
        background-color: #0006;
    }
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c3105618603] .modal-body {
        margin: 20.4px 1.6px 0 0;
        padding: 27px 19px 35.8px 23px;
        border-radius: 15px;
        box-shadow: 0 50px 77px #b0b7c338;
        border: solid 2px #fafbfc;
        background-color: var(--white);
    }

    [_nghost-ng-c3105618603] .modal-content {
        padding: 19px 33px 44px;
        border-radius: 15px;
        background-color: #fafbfc;
    }

    .popup-new[_ngcontent-ng-c3105618603] {
        background-color: #fff;
    }
}

[_nghost-ng-c3105618603] app-modal.largeModal .cross {
    top: 150px !important;
    background-color: #0006;
}

[_nghost-ng-c3105618603] app-modal.largeModal .modal {
    top: 200px !important;
}

[_nghost-ng-c3105618603] app-modal.largeModal .modal .modal-content {
    padding: 20px;
    min-height: calc(100vh - 150px);
}

.new-plus[_ngcontent-ng-c3105618603] {
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    width: 93px;
    height: 37px;
    border-radius: 7px;
}

.new-action-btn[_ngcontent-ng-c3105618603] {
    display: flex;
    border-radius: 8px;
    padding: 7px;
}

.wd-85[_ngcontent-ng-c3105618603] {
    width: 85%;
    display: flex;
}

.description-short[_ngcontent-ng-c3105618603] {
    color: var(--theme);
    font-size: 12px;
    cursor: pointer;
}

.dialog-msg[_ngcontent-ng-c3105618603] {
    text-align: center;
    font-size: 18px;
    color: #2a3b56;
    font-weight: 600;
    text-transform: capitalize;
}

.yesNoBtn[_ngcontent-ng-c3105618603] {
    width: 65px !important;
}

.mrp[_ngcontent-ng-c3105618603] {
    padding-right: 5px;
    border-right: solid 2px #dddddd;
    margin-right: 5px;
}

.price-text[_ngcontent-ng-c3105618603] {
    text-align: center;
}

.fl[_ngcontent-ng-c3105618603] {
    display: flex;
}

.fl-dir-c[_ngcontent-ng-c3105618603] {
    flex-direction: column;
}

.text-styling[_ngcontent-ng-c3105618603] {
    word-wrap: break-word;
    width: 100%;
    word-break: break-all;
}

#lightbox[_ngcontent-ng-c3105618603] {
    justify-content: center;
    align-items: center;
}

.p-quantity-new[_ngcontent-ng-c3105618603] {
    border-radius: 7px;
    padding: 5px;
}

.outOfStock[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #0006;
    z-index: 1;
    font-size: larger;
    color: #fff;
    font-weight: 900;
}

.catloop[_ngcontent-ng-c3105618603] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cls-p-cat-head[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-align: left;
    padding: 10px;
    border: 1px solid #dddddd;
    margin-bottom: 0;
}

.cls-p-cat-head_2[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-align: left;
    padding: 0 0 10px;
    margin-bottom: 5px;
}

.cls-p-cat-head_2.laundry[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-align: left;
    margin-bottom: 20px;
    padding: 0;
}

.cls-p-cnt-div[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-direction: row;
    padding: 15px;
    border-top-width: 0px;
    position: relative;
    border-radius: 8px;
    transition: .5s ease;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
}

.cls-p-cnt-div[_ngcontent-ng-c3105618603]:hover {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid #95c398;
    /* background:#4e964317; */
    background: #c9d5ca29;
}

.p-sub-cat-head[_ngcontent-ng-c3105618603] {
    background-color: #f5f5f5;
    padding: 6px 10px 5px;
}

.p-sub-cat-head[_ngcontent-ng-c3105618603] span[_ngcontent-ng-c3105618603] {
    opacity: .5;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: .2px;
    text-align: left;
    color: #333;
}

.p-detail-main-img[_ngcontent-ng-c3105618603] {
    margin: 0 20px 0 0;
}

.p-detail-main-img[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 128px;
    width: 145px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #ffffff;
}

.p-detail-veg-img[_ngcontent-ng-c3105618603] {
    padding: -3px 5px 0 0;
    margin-right: 5px;
}

.p-detail-veg-img[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 15px;
    width: 15px;
}

.p-detail-main-div[_ngcontent-ng-c3105618603] {
    overflow: hidden;
    padding: 0 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.p-detail-sec[_ngcontent-ng-c3105618603] {
    display: flex;
    margin-bottom: 5px;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #7e808c;
    align-items: center;
}

.p-detail-sec[_ngcontent-ng-c3105618603] .div1[_ngcontent-ng-c3105618603] {
    flex: 5 1 0%;
    word-break: break-word;
    /* font-weight: 500;
    font-size: 18px;
    color: #1b1b1b; */
    text-transform: capitalize;
    font-size: 22px;
    font-family: 'Bauhaus Std';
    font-weight: 500;
    color: #083E38;
    margin-bottom: 0;
}

.discount-percent[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #17d317;
}

.price-box[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: flex-start;
    padding-top: 9px;
    align-items: center;
    flex-wrap: wrap;
}

.add-button[_ngcontent-ng-c3105618603] {
    font-size: 18px;
    flex-grow: 0;
    margin: 0 4.9px 0 0;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
}

.decriptionB[_ngcontent-ng-c3105618603] {
    height: auto;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 20px;
    -webkit-box-orient: vertical;
    color: #7e808c;
    font-size: 12px;
}

.p-action-btn[_ngcontent-ng-c3105618603] {
    flex: 1 1 0;
    display: flex;
    justify-content: flex-end;
    zoom: .88;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] {
    display: flex;
    align-items: center;
    width: 25.4px;
    height: 25.4px;
    border-radius: 3.6px;
    border: solid .9px #dddddd;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 21px;
    margin-right: 3px;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] {
    width: 9px;
    height: 1.8px;
    background-color: #858585;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] svg[_ngcontent-ng-c3105618603] {
    margin: auto;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    margin-left: 3px;
    width: 25.4px;
    height: 25.4px;
    border-radius: 3.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-quantity[_ngcontent-ng-c3105618603] {
    text-align: center;
    padding-top: 0;
    width: 38px;
    font-weight: 400 !important;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-quantity.cust[_ngcontent-ng-c3105618603] {
    width: 38px;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-quantity.cust[_ngcontent-ng-c3105618603]>.inputBulkOrderClass[_ngcontent-ng-c3105618603] {
    width: 38px;
    border: none;
}

.p-action-btn[_ngcontent-ng-c3105618603] div.p-quantity.custom[_ngcontent-ng-c3105618603]>.inputBulkOrderClass[_ngcontent-ng-c3105618603]:disabled {
    border: 0px;
}

[_nghost-ng-c3105618603] .share-prod-image {
    height: 324px;
}

[_nghost-ng-c3105618603] .at-icon-wrapper {
    margin-right: 0;
}

[_nghost-ng-c3105618603] .carousel-control.left {
    background-image: none;
    display: flex;
    align-items: center;
}

[_nghost-ng-c3105618603] .carousel-control.right {
    background-image: none;
    display: flex;
    justify-content: right;
    align-items: center;
}

.btn-grp[_ngcontent-ng-c3105618603] {
    margin-top: 15px;
    display: flex;
}

.add-to-cart-btn[_ngcontent-ng-c3105618603] {
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    border-radius: 5px;
    margin: 1px 10px 1px 1px;
    width: 280px;
    height: 46.2px;
    flex-grow: 0;
    background-color: #d22d50;
}

.cart-new[_ngcontent-ng-c3105618603] {
    width: 128.6px;
    height: 20px;
    flex-grow: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
}

.buy-now-direct[_ngcontent-ng-c3105618603] {
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    border-radius: 5px;
    margin: 1px;
    width: 165px;
    height: 46.2px;
    flex-grow: 0;
    border: solid 1px #d22d50;
    background-color: var(--white);
}

.paycheck[_ngcontent-ng-c3105618603] {
    width: 76.6px;
    height: 20px;
    flex-grow: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #d22d50;
}

.newwebapp[_ngcontent-ng-c3105618603] .inputBulkOrderClass[_ngcontent-ng-c3105618603] {
    width: 30px;
}

.newwebapp[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    margin-left: 2px;
    width: 27px;
    height: 27.4px;
    border-radius: 3.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
}

.newwebapp[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] {
    display: flex;
    align-items: center;
    width: 27px;
    height: 27.4px;
    border-radius: 3.6px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 21px;
    margin-right: 2px;
}

.newwebapp[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] {
    width: 9px;
    height: 1.8px;
    background-color: #858585;
}

.newwebapp[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] svg[_ngcontent-ng-c3105618603] {
    margin: auto;
}

.grid-stock.p-action-stock[_ngcontent-ng-c3105618603] {
    color: red;
    display: block !important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.p-action-stock[_ngcontent-ng-c3105618603] {
    flex: 4 1 0;
    padding-top: 0;
    display: flex;
    justify-content: flex-end;
    color: red;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.priceText[_ngcontent-ng-c3105618603] {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #414651;
}

.descriptionP[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #333 !important;
    margin: 7px 0;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
}

.descriptionB[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    color: #8a94a3 !important;
    height: auto;
    display: -webkit-box;
    word-wrap: break-word;
    line-height: normal;
    -webkit-line-clamp: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8a94a3;
}

.noProductLoad[_ngcontent-ng-c3105618603] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    align-self: center;
    font-size: 20px;
    font-weight: 400;
}

.mb-5[_ngcontent-ng-c3105618603] {
    margin-bottom: 5px;
}

.discount-price[_ngcontent-ng-c3105618603] {
    margin-right: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #8a94a3;
    text-decoration: line-through;
    text-decoration-color: #ee5b36;
    text-decoration-thickness: 2.5px;
}

.txt-right[_ngcontent-ng-c3105618603] {
    text-align: right;
}

div.cust-action[_ngcontent-ng-c3105618603] {
    padding: 20px 25px 0;
    display: flex;
    justify-content: flex-end;
}

div.cust-action[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] {
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    border: 1px solid;
    padding: 7px 20px;
}

.dialog-cancel[_ngcontent-ng-c3105618603] {
    float: left;
    border: solid 1px #b2b2b2 !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #b2b2b2;
    margin-right: 20px;
    margin-left: 20px;
    padding: 6px 42px !important;
}

.dialog-cancel[_ngcontent-ng-c3105618603]:hover {
    background-color: #fff;
}

.dialog-cancel[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603]:hover {
    transform: scale(1);
}

.modal-footer[_ngcontent-ng-c3105618603] .cancel-btn.dialog-cancel[_ngcontent-ng-c3105618603] {
    padding: 0 16px;
}

.cls-cust-check[_ngcontent-ng-c3105618603] {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding-left: 3px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
}

.cls-cust-check-default[_ngcontent-ng-c3105618603] {
    background-color: var(--theme);
}

.cls-pcust-head[_ngcontent-ng-c3105618603] {
    font-family: inherit;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.cls-pcust-head[_ngcontent-ng-c3105618603] span[_ngcontent-ng-c3105618603] {
    font-size: 10px;
    text-transform: none;
}

.kqKWwk[_ngcontent-ng-c3105618603] {
    margin-left: 5px;
    display: flex;
    align-items: center;
}

.hrerYI[_ngcontent-ng-c3105618603] {
    transform: rotate(0);
    transition: transform .2s ease 0s;
}

.bXokqx[_ngcontent-ng-c3105618603] {
    transform: rotate(180deg);
    transition: transform .2s ease 0s;
}

.cls-pcust-head-minimum[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #8a94a3 !important;
}

.Ellipse-1[_ngcontent-ng-c3105618603] {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #00000080;
    margin: 0 5px;
}

.no-capitalize[_ngcontent-ng-c3105618603] {
    text-transform: inherit !important;
}

.cls-cust-body[_ngcontent-ng-c3105618603] {
    border-bottom: 1px solid #ddd;
    max-height: 300px;
    overflow-y: auto;
}

.cls-cust-body[_ngcontent-ng-c3105618603]::-webkit-scrollbar {
    width: 3px;
}

.cls-cust-body[_ngcontent-ng-c3105618603]::-webkit-scrollbar-track {
    background: #EEEEEE;
}

.cls-cust-body[_ngcontent-ng-c3105618603]::-webkit-scrollbar-thumb {
    background: #BFBFBF;
}

.cls-cust-main-div[_ngcontent-ng-c3105618603] {
    margin: 17px 0 0;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
}

.cls-cust-main-div[_ngcontent-ng-c3105618603]:last-child {
    border-bottom: none;
}

.cls-cust-back[_ngcontent-ng-c3105618603] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c;
    z-index: 1;
}

.cls-cust-cntn[_ngcontent-ng-c3105618603] {
    position: absolute;
    width: auto;
    top: 100px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 5.3px;
    background-color: #fff;
    box-shadow: 0 5px 32px #00000026;
    border: solid 1.1px #edeeef;
    padding: 20px 10px;
    margin-bottom: 20px;
}

.cls-cust-head[_ngcontent-ng-c3105618603] {
    display: flex;
    padding-top: 5px;
}

.cls-cust-head-txt[_ngcontent-ng-c3105618603] {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #333;
    padding-left: 25px;
}

.cls-cust-n[_ngcontent-ng-c3105618603] {
    flex: 3 1 0%;
    padding-left: 0;
    margin-right: 0;
    display: flex;
    margin-bottom: 10px;
}

.cls-cust-n[_ngcontent-ng-c3105618603] p[_ngcontent-ng-c3105618603] {
    padding-left: 0;
    font-size: 16px;
}

.cls-cust-n[_ngcontent-ng-c3105618603]>p[_ngcontent-ng-c3105618603]:first-child {
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: .2px;
    color: #333;
    margin: 0;
}

.cls-cust-n[_ngcontent-ng-c3105618603]>p[_ngcontent-ng-c3105618603]:last-child {
    font-size: 14px;
    letter-spacing: .2px;
    color: #858585;
    margin: 0;
}

.productWithoutPrice[_ngcontent-ng-c3105618603] {
    width: 60%;
    flex: 2 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productWithPrice[_ngcontent-ng-c3105618603] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.pl-25[_ngcontent-ng-c3105618603] {
    padding-left: 15px;
}

.cls-cust-option[_ngcontent-ng-c3105618603] {
    display: flex;
    margin-bottom: 15px;
    font-size: 14px;
}

.header-modal[_ngcontent-ng-c3105618603] {
    padding-left: 15px;
    font-weight: 700;
}

.modal-content[_ngcontent-ng-c3105618603] {
    padding: 10px;
}

.modal-body[_ngcontent-ng-c3105618603] {
    padding: 0;
}

.home_shadow[_ngcontent-ng-c3105618603] {
    border-radius: 8px;
    position: relative;
    height: 100%;
    border: 1px solid #e9e9eb;
    background: #fff;
}

.home_shadow[_ngcontent-ng-c3105618603]:hover {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid var(--theme);
}

.home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid[_ngcontent-ng-c3105618603] {
    overflow: hidden;
    zoom: 1;
    margin-right: -.75em;
}

.home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
    float: left;
    padding-right: .75em;
    margin-bottom: .75em;
    width: 33.33%
}

.home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid[_ngcontent-ng-c3105618603] {
    overflow: hidden;
    zoom: 1;
    margin-right: -.75em;
}

.home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
    float: left;
    padding-right: .75em;
    margin-bottom: .75em;
}

.pad-t-10[_ngcontent-ng-c3105618603] {
    padding-top: 10px;
}

.pad-t-0[_ngcontent-ng-c3105618603] {
    padding-top: 0;
}

.home-fluid-thumbnail-grid-author[_ngcontent-ng-c3105618603] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    position: relative;
    padding: 5px 10px;
    overflow: inherit;
    border: none;
}

.home-fluid-thumbnail-grid-author.laundry[_ngcontent-ng-c3105618603] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    height: 160px;
    position: relative;
    padding: 5px 10px 10px;
    overflow: inherit;
    cursor: pointer;
}

.home-fluid-thumbnail-grid-author-avatar[_ngcontent-ng-c3105618603] {
    padding: 6px;
}

.home-fluid-thumbnail-grid-author-avatar-image[_ngcontent-ng-c3105618603] {
    border-radius: 5px;
    height: 36px;
}

.home-fluid-thumbnail-grid-author-name[_ngcontent-ng-c3105618603] {
    font-size: .8125em;
    line-height: 1.38462em;
    position: absolute;
    inset: 6px 6px 6px 51px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-fluid-thumbnail-grid-details[_ngcontent-ng-c3105618603] {
    position: absolute;
    inset: 6px 6px 6px 51px;
}

.home-fluid-thumbnail-grid-details-author-name[_ngcontent-ng-c3105618603] {
    display: inline-block;
    float: left;
    width: 50%;
    height: 100%;
    font-size: .8125em;
    line-height: 1.38462em;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-fluid-thumbnail-grid-details-distance[_ngcontent-ng-c3105618603] {
    float: left;
    width: 50%;
    height: 100%;
    text-align: right;
    color: #3c3c3c;
    font-weight: 600;
    font-size: .8125em;
    line-height: 1.38462em;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-toolbar[_ngcontent-ng-c3105618603] {
    zoom: 1;
    margin-bottom: .75em;
    border-bottom: 1px solid #c3c3c3;
}

.home-toolbar[_ngcontent-ng-c3105618603]:after {
    content: "";
    display: table;
    clear: both;
}

.home-grid[_ngcontent-ng-c3105618603] {
    position: relative;
}

.fluid-thumbnail-grid-image-image-container[_ngcontent-ng-c3105618603] {
    position: relative;
    color: #fff;
    width: 100%;
    padding-bottom: 60%;
    border-radius: 12px;
}

.fluid-thumbnail-grid-image-image-container[_ngcontent-ng-c3105618603]:hover {
    color: #e8e8e8;
}

.cancel-popup[_ngcontent-ng-c3105618603] {
    flex-wrap: nowrap;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.quickLook[_ngcontent-ng-c3105618603] {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    width: 100%
}

.quick-eye[_ngcontent-ng-c3105618603] {
    position: absolute;
    text-align: center;
    width: 100%
}

.quickLookStyle[_ngcontent-ng-c3105618603] {
    padding: 3px !important;
    height: 25.4px !important;
}

.fluid-thumbnail-grid-image-title[_ngcontent-ng-c3105618603] {
    position: absolute;
    bottom: 0;
    padding: .75em;
    line-height: 1.2em;
}

.fluid-thumbnail-grid-image-overlay[_ngcontent-ng-c3105618603] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* background-image: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); */
    background-size: 100%;
    background-image: linear-gradient(transparent, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#00000000", endColorstr="#99000000");
    position: absolute;
    inset: 0;
}

.fluid-thumbnail-grid-image-image[_ngcontent-ng-c3105618603] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ProductThumbnail[_ngcontent-ng-c3105618603] {
    object-fit: cover !important;
}

.fluid-thumbnail-grid-image-price-container[_ngcontent-ng-c3105618603] {
    color: #3c3c3c;
    font-weight: 600;
    min-width: 3.125em;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: .3em .75em;
    background-color: #fff;
    background-color: #fffffff2;
    border-bottom-left-radius: .375em;
    font-size: 12px;
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fluid-thumbnail-grid-image-price[_ngcontent-ng-c3105618603] {
    font-size: 18px;
}

.fluid-thumbnail-grid-image-type[_ngcontent-ng-c3105618603] {
    font-size: 16px;
}

.pg-ldr-prt[_ngcontent-ng-c3105618603] {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    text-align: center;
}

.pg-ldr-cld[_ngcontent-ng-c3105618603] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pg-ldr-ctr[_ngcontent-ng-c3105618603] {
    background-color: #f5f5f5;
    margin: 0 auto;
    border-radius: 10px;
}

.pg-ldr-ctr[_ngcontent-ng-c3105618603] {
    padding: 8px;
}

.pg-loader[_ngcontent-ng-c3105618603] {
    width: 35px;
    height: 35px;
    position: relative;
    border-top: 5px solid rgba(0, 0, 0, .03);
    border-right: 5px solid rgba(0, 0, 0, .03);
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear;
}

.pg-loader[_ngcontent-ng-c3105618603],
.pg-loader[_ngcontent-ng-c3105618603]:after {
    border-radius: 50%
}

.pg-loader[_ngcontent-ng-c3105618603] {
    -webkit-animation: gl-loader .5s linear infinite;
}

.pg-loader[_ngcontent-ng-c3105618603] {
    display: block !important;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    animation: _ngcontent-ng-c3105618603_spin 1s linear infinite;
    width: 35px;
    height: 35px;
    position: relative;
    border-top: 5px solid rgba(0, 0, 0, .03);
    border-right: 5px solid rgba(0, 0, 0, .03);
    border-bottom: 5px solid #c4253a;
    border-left: 5px solid #c4253a;
    transform: translateZ(0);
}

@keyframes _ngcontent-ng-c3105618603_spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.modal.and.carousel[_ngcontent-ng-c3105618603] {
    position: fixed;
}

.p-detail-main-div .p-action-btn {
    margin-bottom: 0;
}

div.p-plus.t-btn[_ngcontent-ng-c3105618603],
div.p-minus.t-btn[_ngcontent-ng-c3105618603] {
    font-size: 16px !important;
    padding: 10px 30px;
    width: auto !important;
    height: auto !important;
    font-weight: 600;
    transition: .2s ease;
    line-height: 20px;
}

.cls-p-cnt-div:last-child {
    margin-bottom: 0 !important;
}

div.p-plus.t-btn[_ngcontent-ng-c3105618603]:hover,
div.p-minus.t-btn[_ngcontent-ng-c3105618603]:hover {
    background-color: #2f4e31 !important;
}

div.p-minus.t-btn.t-btn-26[_ngcontent-ng-c3105618603] {
    height: 28px !important;
    line-height: 23px;
    white-space: nowrap;
}

.productLayoutOne[_ngcontent-ng-c3105618603] {
    margin-bottom: 0;
}

.productLayoutOne[_ngcontent-ng-c3105618603] .productLayoutOne_1[_ngcontent-ng-c3105618603] {
    background-color: #fff;
    margin: 0 30px;
    border-radius: 5px;
}

.productLayoutTwo[_ngcontent-ng-c3105618603] {
    margin-top: 20px;
    margin-bottom: 0;
}

.productLayoutTwo[_ngcontent-ng-c3105618603] .productLayoutTwo_2[_ngcontent-ng-c3105618603] {
    background-color: transparent;
    margin: 0 4.5px 0 15px;
}

.d-n[_ngcontent-ng-c3105618603] {
    display: none !important;
}

.product-cl-data[_ngcontent-ng-c3105618603] {
    flex: 2 1 0%;
    width: 60%
}

.min_sel_error[_ngcontent-ng-c3105618603] {
    color: red;
    height: 7px;
}

.long_description[_ngcontent-ng-c3105618603] {
    margin-top: 12px;
    width: 100%;
    margin-bottom: 12px;
    cursor: default;
    word-break: break-word;
}

.long_description[_ngcontent-ng-c3105618603]::-webkit-scrollbar {
    width: 0 !important;
}

.long_description[_ngcontent-ng-c3105618603]::-webkit-scrollbar-thumb {
    width: 0 !important;
}

.pointer[_ngcontent-ng-c3105618603] {
    cursor: pointer;
}

.side-products[_ngcontent-ng-c3105618603] {
    width: 100%;
    margin-bottom: 15px;
}

.side-product-name[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: space-between;
}

.side-product-detail[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 3px;
    color: #000;
}

.side-product-detail[_ngcontent-ng-c3105618603] .desc[_ngcontent-ng-c3105618603] {
    opacity: .6;
    color: #333;
}

.side-product-detail[_ngcontent-ng-c3105618603] .amount[_ngcontent-ng-c3105618603] {
    opacity: 1;
}

.min_error[_ngcontent-ng-c3105618603] {
    color: red;
    margin-top: 3px;
    margin-bottom: 10px;
}

.side-heading[_ngcontent-ng-c3105618603] {
    font-size: 16px;
}

.row-eq-height[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.row-eq-height[_ngcontent-ng-c3105618603] .row-col-eq[_ngcontent-ng-c3105618603] {
    margin-bottom: 20px;
}

.readMore[_ngcontent-ng-c3105618603] {
    color: var(--theme);
    font-size: 14px;
    cursor: pointer;
}

.side-order-parent[_ngcontent-ng-c3105618603] {
    opacity: .6;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    text-transform: capitalize;
}

.side-order-parent-div[_ngcontent-ng-c3105618603] {
    border-top: 1px solid #ddd;
    padding-top: 17px;
}

.side-order-desc[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    margin: 0;
    padding-bottom: 5px;
}

.modal[_ngcontent-ng-c3105618603] {
    overflow-y: auto;
}

.no-prod-text[_ngcontent-ng-c3105618603] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.no-prod-text[_ngcontent-ng-c3105618603] .font-20[_ngcontent-ng-c3105618603] {
    font-size: 20px;
    padding: 17px;
}

.no-prod-text[_ngcontent-ng-c3105618603] .font-18[_ngcontent-ng-c3105618603] {
    font-size: 18px;
}

.no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603] {
    margin-top: 15px;
    padding: 12px;
    border: 1px solid var(--theme);
    background-color: var(--theme);
    color: #fff !important;
    border-radius: 5px;
}

.no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603] a[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    color: #fff;
}

.no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603]:hover {
    background-color: #fff;
    border: 1px solid var(--theme);
}

.no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603]:hover a[_ngcontent-ng-c3105618603] {
    color: var(--theme);
}

.place-custom-order[_ngcontent-ng-c3105618603] {
    font-size: 18px;
}

.mt-10[_ngcontent-ng-c3105618603] {
    margin-top: 20px !important;
}

.add-remove-parent[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: flex-end;
}

.addremovebtn[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    font-weight: 200;
    color: #fff;
    border: none;
    outline: none;
}

.subscription-avail[_ngcontent-ng-c3105618603] {
    color: var(--theme) !important;
}

[_nghost-ng-c3105618603] .carousel-inner {
    background-color: #fff;
    border-radius: 15px;
}

.show-video-div[_ngcontent-ng-c3105618603] {
    height: 88%;
    width: 78%;
    object-fit: contain;
    margin-left: 66px;
    outline: none;
}

.productbody[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: flex-start;
}

.productBody[_ngcontent-ng-c3105618603] {
    margin-top: 10px;
}

.productImage[_ngcontent-ng-c3105618603] {
    width: 50%;
    padding-top: 10px;
}

.productDescription[_ngcontent-ng-c3105618603] {
    width: 50%;
    padding-left: 16px;
}

.productDescription[_ngcontent-ng-c3105618603] .cls-cust-main-div[_ngcontent-ng-c3105618603] {
    margin: 0 0 10px;
    padding: 0 10px 10px 0;
}

.productImage[_ngcontent-ng-c3105618603]>img[_ngcontent-ng-c3105618603] {
    width: 100%
}

.productHeader[_ngcontent-ng-c3105618603] {
    border-bottom: solid 1px;
    border-color: #0000001a;
}

[_nghost-ng-c3105618603] p-multiselect .ui-multiselect {
    min-width: 50%
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown {
    width: 100% !important;
    padding: 8px 5px;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items li {
    padding: 5px 9px !important;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown .ui-dropdown-item:hover {
    background-color: #eee !important;
    color: #000;
}

[_nghost-ng-c3105618603] p-dropdown .ui-dropdown.ui-state-focus {
    box-shadow: none !important;
}

.w-50[_ngcontent-ng-c3105618603] {
    width: 50%
}

.w-100[_ngcontent-ng-c3105618603] {
    width: 100%
}

.w-0[_ngcontent-ng-c3105618603] {
    display: none;
}

.optionalPrice[_ngcontent-ng-c3105618603] {
    padding-right: 3px;
    font-size: 16px;
    color: var(--theme);
}

.new-modal[_ngcontent-ng-c3105618603] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1075;
    background-color: #000c;
}

.new-modal[_ngcontent-ng-c3105618603] div.modal[_ngcontent-ng-c3105618603] {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%) !important;
}

.new-modal[_ngcontent-ng-c3105618603] .fa-close[_ngcontent-ng-c3105618603] {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 5px;
    color: #fff;
    display: none;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] {
    width: 100vw;
    height: 100vh;
    margin-top: 30px;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-control[_ngcontent-ng-c3105618603] {
    width: 2% !important;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-control.left[_ngcontent-ng-c3105618603],
.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-control.right[_ngcontent-ng-c3105618603] {
    display: flex;
    align-items: center;
    background-image: none;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-inner[_ngcontent-ng-c3105618603] {
    background-color: transparent !important;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-inner[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] {
    height: 100vh;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-inner[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 90%;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
    margin-top: 0rem;
    border-radius: 8px;
    height: 620px;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-indicators[_ngcontent-ng-c3105618603] {
    overflow-y: auto;
    width: 90%;
    margin: 0 5%;
    left: 0;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .bt-30[_ngcontent-ng-c3105618603] {
    position: relative;
    padding-left: 5%
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .bt-10[_ngcontent-ng-c3105618603] {
    position: fixed;
    bottom: 5vh;
    width: 100%
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .bt-0[_ngcontent-ng-c3105618603] {
    position: fixed;
    bottom: 0vh;
    width: 100%;
    left: 0;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carausal-display[_ngcontent-ng-c3105618603] {
    position: fixed;
    bottom: 0;
    margin-bottom: 24px;
    width: 100%;
    left: 0;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-indicators[_ngcontent-ng-c3105618603] .active[_ngcontent-ng-c3105618603] {
    width: unset;
    height: unset;
    margin: 0;
    background-color: transparent;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .fa.fa-angle-left[_ngcontent-ng-c3105618603] {
    width: 46px;
    height: 45px;
    margin-top: -10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-right: 5px;
    color: #000;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .fa.fa-angle-right[_ngcontent-ng-c3105618603] {
    width: 46px;
    height: 45px;
    margin-top: -10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-left: 5px;
    color: #000;
    right: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.new-modal[_ngcontent-ng-c3105618603] .image-thumb-list[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow-y: scroll;
}

.new-modal[_ngcontent-ng-c3105618603] .image-thumb-list[_ngcontent-ng-c3105618603] .image-div[_ngcontent-ng-c3105618603] {
    padding: 5px 15px 5px 0;
}

.new-modal[_ngcontent-ng-c3105618603] .image-thumb-list[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    border: 2px solid var(--theme);
    max-width: 75px;
    max-height: 75px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    border-radius: 5px;
}

.new-modal[_ngcontent-ng-c3105618603] .image-thumb-list[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603]:hover,
.new-modal[_ngcontent-ng-c3105618603] .image-thumb-list[_ngcontent-ng-c3105618603] .active[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    border: 2px solid white;
    border-radius: 5px;
}

.new-modal[_ngcontent-ng-c3105618603] .show-video[_ngcontent-ng-c3105618603] {
    height: 97%;
    width: 100%;
    object-fit: contain;
    outline: none;
}

.new-modal[_ngcontent-ng-c3105618603] .cls-cust-main-div[_ngcontent-ng-c3105618603] {
    margin: 0 !important;
}

.new-modal[_ngcontent-ng-c3105618603] .long-description[_ngcontent-ng-c3105618603] {
    color: #fff;
    width: 100%;
    text-align: center;
    max-height: 150px;
    overflow-y: scroll;
    padding: 25px 15px 15px;
}

.new-modal[_ngcontent-ng-c3105618603] .only-description[_ngcontent-ng-c3105618603] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: unset !important;
    font-size: 15px;
}

.new-modal[_ngcontent-ng-c3105618603] .crossStyle[_ngcontent-ng-c3105618603] {
    display: inherit;
    width: 25px;
    position: absolute;
    right: 15px;
    top: 5px;
}

.backdrop[_ngcontent-ng-c3105618603] {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    align-items: center;
    justify-content: center;
    background-color: #000c;
}

.add-remove-btn-share[_ngcontent-ng-c3105618603] {
    padding: 13px 32px !important;
}

.share-prod[_ngcontent-ng-c3105618603] {
    margin-left: 10px;
    cursor: pointer;
}

.no-product[_ngcontent-ng-c3105618603] {
    display: table;
    text-align: center;
    width: 100%;
    margin: 13% 0;
}

.option-name[_ngcontent-ng-c3105618603] {
    flex: 1 1 0%;
    margin-right: 10px;
    cursor: pointer;
}

.p-detail-layout[_ngcontent-ng-c3105618603] {
    word-wrap: break-word;
    width: 100%;
    word-break: break-all;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
}

.btns-container[_ngcontent-ng-c3105618603] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

#timeSelection[_ngcontent-ng-c3105618603] {
    z-index: 1060;
}

.at-icon-wrapper[_ngcontent-ng-c3105618603] {
    line-height: 30px;
    height: 30px;
    width: 30px;
}

.facebook-bg[_ngcontent-ng-c3105618603] {
    background-color: #3b5998;
}

.twitter-bg[_ngcontent-ng-c3105618603] {
    background-color: #1da1f2;
}

.email-bg[_ngcontent-ng-c3105618603] {
    background-color: #848484;
}

.whatsapp-bg[_ngcontent-ng-c3105618603] {
    background-color: #4dc247;
}

.at-icon[_ngcontent-ng-c3105618603] {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    padding: 1px;
}

.new-share-icon[_ngcontent-ng-c3105618603] {
    z-index: 5;
    text-align: center;
    position: absolute;
    bottom: 5px;
    right: 15px;
    width: 180px;
    height: 32px;
    flex-grow: 0;
    padding: 0;
    border-radius: 17.5px;
    background-color: #00000080;
}

.discount-grp[_ngcontent-ng-c3105618603] {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.new-share-icon-newui[_ngcontent-ng-c3105618603] {
    z-index: 5;
    text-align: center;
    position: absolute;
    bottom: 14px;
    right: 12px;
    width: 180px;
    height: 32px;
    flex-grow: 0;
    padding: 0;
    border-radius: 17.5px;
    background-color: #00000080;
}

.copy-icon[_ngcontent-ng-c3105618603] {
    vertical-align: super;
}

.copy-icon[_ngcontent-ng-c3105618603] span[_ngcontent-ng-c3105618603] {
    text-decoration: underline;
    margin-left: 10px;
    color: var(--theme);
}

.copy-icon[_ngcontent-ng-c3105618603] svg[_ngcontent-ng-c3105618603] {
    vertical-align: middle;
}

@media (min-width: 1400px) {

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603],
    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 33.33%
    }

    [_nghost-ng-c3105618603] #myModal .modal-dialog {
        width: 798px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603],
    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 33.33%
    }

    [_nghost-ng-c3105618603] #myModal .modal-dialog {
        width: 798px !important;
    }
}

@media only screen and (max-width: 991px) {
    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 33.33%
    }

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid[_ngcontent-ng-c3105618603] {
        margin-right: -1.5em;
    }

    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 50%
    }

    .margin-0[_ngcontent-ng-c3105618603] {
        margin: 0 !important;
    }

    .productLayoutOne[_ngcontent-ng-c3105618603] {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .productLayoutOne[_ngcontent-ng-c3105618603] .productLayoutOne_1[_ngcontent-ng-c3105618603] {
        background-color: #fff;
        margin: 0 8px 0 15px !important;
        border-radius: 5px;
    }

    .productLayoutOne.hybriduiclass[_ngcontent-ng-c3105618603] {
        padding: 0 5px;
        margin-bottom: 0;
    }

    .productLayoutOne.hybriduiclass[_ngcontent-ng-c3105618603] .p-detail-main-div[_ngcontent-ng-c3105618603] {
        overflow: hidden;
        padding: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 100%
    }

    .productLayoutOne.hybriduiclass[_ngcontent-ng-c3105618603] .cls-p-cnt-div[_ngcontent-ng-c3105618603] {
        box-shadow: none;
    }

    .productLayoutOne.hybriduiclass[_ngcontent-ng-c3105618603] .price-box[_ngcontent-ng-c3105618603] {
        padding-top: 0;
    }

    .productLayoutOne.hybriduiclass[_ngcontent-ng-c3105618603] .priceText[_ngcontent-ng-c3105618603] {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #2a3b56;
    }

    .productLayoutTwo[_ngcontent-ng-c3105618603] {
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .productLayoutTwo[_ngcontent-ng-c3105618603] .productLayoutTwo_2[_ngcontent-ng-c3105618603] {
        background-color: transparent;
        margin: 0 0 0 10.5px;
    }

    .productLayoutTwo[_ngcontent-ng-c3105618603] {
        margin-bottom: 48px;
    }
}

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

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603],
    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 50%
    }

    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid[_ngcontent-ng-c3105618603] {
        margin-right: 0;
    }

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        padding-right: 1.5em;
        margin-bottom: 1.5em;
        padding-left: 2px;
    }

    .home-toolbar[_ngcontent-ng-c3105618603] {
        margin-bottom: 1.5em;
    }

    .no-prod-text[_ngcontent-ng-c3105618603] .font-20[_ngcontent-ng-c3105618603] {
        font-size: 16px;
    }

    .no-prod-text[_ngcontent-ng-c3105618603] .margin-0[_ngcontent-ng-c3105618603],
    .no-prod-text[_ngcontent-ng-c3105618603] .mt-10[_ngcontent-ng-c3105618603] {
        margin-top: 0 !important;
    }

    .no-prod-text[_ngcontent-ng-c3105618603] .font-18[_ngcontent-ng-c3105618603] {
        font-size: 14px;
    }

    .no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603] {
        padding: 10px;
    }

    .no-prod-text[_ngcontent-ng-c3105618603] .custom-order-but[_ngcontent-ng-c3105618603] a[_ngcontent-ng-c3105618603] {
        font-size: 14px;
    }

    .show-video-div[_ngcontent-ng-c3105618603] {
        height: 91% !important;
        width: 65% !important;
        margin-left: 18% !important;
    }

    .productLayoutOne[_ngcontent-ng-c3105618603] .productLayoutOne_1[_ngcontent-ng-c3105618603] {
        margin: 0 !important;
    }

    li[_ngcontent-ng-c3105618603] {
        visibility: visible !important;
    }

    .fa-close[_ngcontent-ng-c3105618603] {
        display: inherit !important;
    }

    .carousel-indicators[_ngcontent-ng-c3105618603] {
        width: 66% !important;
        margin: 0 17% !important;
    }

    .image-thumb-list[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
        max-width: 45px !important;
        max-height: 45px !important;
        width: 45px !important;
        height: 45px !important;
    }
}

@media only screen and (max-width: 767px) {
    .p-detail-sec[_ngcontent-ng-c3105618603] {
        flex-wrap: wrap;
    }

    .row-eq-height[_ngcontent-ng-c3105618603] {
        padding: 0;
    }

    .hybridAppsView[_ngcontent-ng-c3105618603] .row-eq-height[_ngcontent-ng-c3105618603] {
        padding: 0 15px;
    }

    .productbody[_ngcontent-ng-c3105618603] {
        display: flex !important;
        justify-content: flex-start !important;
        flex-direction: column !important;
    }

    .productImage[_ngcontent-ng-c3105618603],
    .productDescription[_ngcontent-ng-c3105618603] {
        width: 100% !important;
    }

    .home-fluid-thumbnail-grid-wide[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603],
    .home-fluid-thumbnail-grid-narrow[_ngcontent-ng-c3105618603] .home-fluid-thumbnail-grid-item[_ngcontent-ng-c3105618603] {
        width: 50%
    }

    .p-action-btn[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
        width: 100% !important;
    }

    .cls-p-cnt-div[_ngcontent-ng-c3105618603] {
        padding: 10px;
    }

    .wd-85[_ngcontent-ng-c3105618603] {
        width: 100%;
    }

    .p-detail-sec[_ngcontent-ng-c3105618603] .div1[_ngcontent-ng-c3105618603] {
        font-size: 18px;
    }

    .priceText[_ngcontent-ng-c3105618603] {
        font-size: 16px;
    }
}

.transform_none[_ngcontent-ng-c3105618603] {
    text-transform: none;
}

.newhybridappproduct[_ngcontent-ng-c3105618603] {
    margin-bottom: -18px;
}

[_nghost-ng-c3105618603] app-mobile-top-navigation .back-btn {
    position: fixed;
    top: 0;
    z-index: 2;
    background: var(--theme);
    margin: 0 0 0 8px;
    height: 46px;
    padding: 7px;
    width: 100%
}

.hybridAppsView[_ngcontent-ng-c3105618603] .row-eq-height[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.hybridAppsView[_ngcontent-ng-c3105618603] .row-eq-height[_ngcontent-ng-c3105618603] .row-col-eq[_ngcontent-ng-c3105618603] {
    margin-bottom: 10px;
}

.hybridAppsView[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    border-radius: 100px !important;
    margin-left: 0;
}

.hybridAppsView[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 12px;
}

.hybridAppsView[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] {
    border-radius: 50% !important;
}

.hybridAppsView[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 12px;
}

.hybridAppsView[_ngcontent-ng-c3105618603] .p-detail-sec[_ngcontent-ng-c3105618603] {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    font-size: 16px;
    font-weight: 600 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a3b56;
}

.hybridAppsView[_ngcontent-ng-c3105618603] .fluid-thumbnail-grid-image-image[_ngcontent-ng-c3105618603] {
    object-fit: contain;
}

.hybridappviewclassmodal[_ngcontent-ng-c3105618603] .cls-p-cnt-div[_ngcontent-ng-c3105618603],
.hybriduiclass[_ngcontent-ng-c3105618603] .cls-p-cnt-div[_ngcontent-ng-c3105618603] {
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
    border-bottom: 1px solid #f6f4f4;
    border-top-width: 0px;
    position: relative;
    border-radius: 0;
}

.hybridappviewclassmodal[_ngcontent-ng-c3105618603] .div1[_ngcontent-ng-c3105618603],
.hybriduiclass[_ngcontent-ng-c3105618603] .div1[_ngcontent-ng-c3105618603] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.96;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hybridappviewclassmodal[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603],
.hybriduiclass[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603],
.hybridappviewclassmodal[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603],
.hybriduiclass[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    border-radius: 50% !important;
}

.isnewhybridapp[_ngcontent-ng-c3105618603] .price-box[_ngcontent-ng-c3105618603] {
    padding-top: 0;
}

.isnewhybridapp[_ngcontent-ng-c3105618603] .cls-p-cnt-div[_ngcontent-ng-c3105618603] {
    padding: 15px 15px 0;
}

.ishyridmodal[_ngcontent-ng-c3105618603] {
    max-width: 344px;
    max-height: 220px;
}

.updatedhybridappmodal[_ngcontent-ng-c3105618603] h4.modal-title.padding-right120[_ngcontent-ng-c3105618603] {
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
    text-transform: capitalize;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] {
    display: flex;
    align-items: center;
    width: 25.4px;
    height: 25.4px;
    border-radius: 3.6px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 21px;
    border-radius: 50% !important;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] {
    width: 9px;
    height: 1.8px;
    background-color: #858585;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-minus[_ngcontent-ng-c3105618603] svg[_ngcontent-ng-c3105618603] {
    margin: auto;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    margin-left: 8px;
    width: 25.4px;
    height: 25.4px;
    border-radius: 3.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 50% !important;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-quantity[_ngcontent-ng-c3105618603] {
    color: #323b4b;
    text-align: center;
    padding-top: 0;
    width: 30px;
    font-weight: 400 !important;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-quantity.cust[_ngcontent-ng-c3105618603] {
    width: 32px;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-quantity.cust[_ngcontent-ng-c3105618603]>.inputBulkOrderClass[_ngcontent-ng-c3105618603] {
    width: 38px;
}

.hyridquantitymodal[_ngcontent-ng-c3105618603] div.p-quantity.custom[_ngcontent-ng-c3105618603]>.inputBulkOrderClass[_ngcontent-ng-c3105618603]:disabled {
    border: 0px;
}

.descriptionP.hybrid[_ngcontent-ng-c3105618603] span.pointer.wd-85[_ngcontent-ng-c3105618603]>span[_ngcontent-ng-c3105618603] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hybridcopy[_ngcontent-ng-c3105618603] {
    padding: 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--theme);
    border-top: 1px solid #f6f4f4;
    margin-top: 15px;
}

.text-center.hybridsharesection[_ngcontent-ng-c3105618603] {
    padding: 20px;
    border-top: 1px solid #f6f4f4;
}

.shareiconhybrid[_ngcontent-ng-c3105618603] {
    text-align: center;
}

.product-cl-data.hybriduifont[_ngcontent-ng-c3105618603] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #323b4b;
}

.share-close-btn.hybridclose[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    margin-right: 0;
}

.add-gradient-image[_ngcontent-ng-c3105618603] {
    display: inline-block;
    z-index: -1;
    width: 400px;
    height: 80px;
    flex-grow: 0;
    padding: 24px 13px 18px 304px;
    background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, rgba(18, 18, 18, .33) 47%, #000 100%);
}

.new-share[_ngcontent-ng-c3105618603] {
    width: 450px;
    height: 517px;
    margin: 7.4px 1.6px 0 0;
    padding: 27px 19px 51px 23px;
    border-radius: 15px;
    box-shadow: 0 50px 77px #b0b7c338;
    border: solid 2px #fafbfc;
    background-color: var(--white);
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .hybrid-modal-content[_ngcontent-ng-c3105618603] {
    border-radius: 12px;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .modal-header[_ngcontent-ng-c3105618603] {
    padding: 0 0 15px;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .header-modal[_ngcontent-ng-c3105618603] {
    font-weight: 700;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
    padding-left: 0;
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .cls-cust-n[_ngcontent-ng-c3105618603]>p[_ngcontent-ng-c3105618603]:last-child {
    letter-spacing: .2px;
    color: #858585;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #2a3b56;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .cls-cust-body[_ngcontent-ng-c3105618603] {
    border-bottom: 1px solid #f6f4f4;
    max-height: 360px;
    overflow-y: auto;
    padding: 0 5px 0 0;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .cls-cust-main-div[_ngcontent-ng-c3105618603] {
    margin: 17px 0 0;
    word-break: break-all;
}

@media only screen and (max-width: 767px) {
    .hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .modal-footer[_ngcontent-ng-c3105618603] {
        padding: 20px 0 10px;
    }
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .modal-footer[_ngcontent-ng-c3105618603] .btn[_ngcontent-ng-c3105618603]+.btn[_ngcontent-ng-c3105618603] {
    margin-bottom: 0;
    margin-left: 5px;
    border-radius: 8px !important;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: var(--theme) !important;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .modal-footer[_ngcontent-ng-c3105618603] {
    border-top: none;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .dialog-cancel[_ngcontent-ng-c3105618603] {
    margin-right: 0;
    margin-left: 0;
    border: none !important;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
    background: #eeeeee;
    text-transform: capitalize !important;
    text-decoration: none !important;
    height: 40px;
    max-width: 120px;
    min-width: 90px;
    border-radius: 8px !important;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] .p-action-btn[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    margin-left: 0;
}

.hyrbidadditemsmodal[_ngcontent-ng-c3105618603] span[_ngcontent-ng-c3105618603] {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
}

.hybriduiclass[_ngcontent-ng-c3105618603] .discount-percent[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    font-weight: 500;
    color: #17d317 !important;
    margin-top: 5px;
}

.hybriduiclass[_ngcontent-ng-c3105618603] .p-detail-sec[_ngcontent-ng-c3105618603] {
    display: flex;
    margin-bottom: 5px;
    font-size: 16px;
    margin-top: -2px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #8a94a3;
    align-items: center;
}

.hybriduiclass[_ngcontent-ng-c3105618603] .dialog-cancel[_ngcontent-ng-c3105618603] {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-right: 12px;
    margin-left: 20px;
    background: white;
    text-decoration: underline;
}

.new-modal[_ngcontent-ng-c3105618603] .fa-close[_ngcontent-ng-c3105618603] {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    right: 44%;
    top: 15px;
    color: #fff;
    display: none;
    background: black;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .568627451);
    height: 24px;
    width: 24px;
    padding: 0 3px;
}

.limiter[_ngcontent-ng-c3105618603] .cls-p-cnt-div[_ngcontent-ng-c3105618603]:hover {
    border: none;
    border-bottom: 1px solid #f6f4f4;
    box-shadow: none;
}

.limiter[_ngcontent-ng-c3105618603] .link2[_ngcontent-ng-c3105618603] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--theme) !important;
    text-decoration: underline;
    border: none !important;
}

.limiter[_ngcontent-ng-c3105618603] .productWithPrice[_ngcontent-ng-c3105618603] {
    font-weight: 600 !important;
}

.limiter[_ngcontent-ng-c3105618603] .descriptionP[_ngcontent-ng-c3105618603] {
    margin: 0 0 5px;
}

.limiter[_ngcontent-ng-c3105618603] .p-detail-main-img[_ngcontent-ng-c3105618603] {
    margin: 0 15px 0 0;
}

.limiter[_ngcontent-ng-c3105618603] .p-detail-veg-img[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: 15px;
    width: 15px;
    margin: -3px 5px 0 0;
}

.limiter[_ngcontent-ng-c3105618603] .discount-percent[_ngcontent-ng-c3105618603] {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #17d317;
}

.limiter[_ngcontent-ng-c3105618603] .decriptionB[_ngcontent-ng-c3105618603] {
    color: #8a94a3 !important;
    margin: 0 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limiter[_ngcontent-ng-c3105618603] .grid-stock.p-action-stock[_ngcontent-ng-c3105618603] {
    padding-top: 0;
    margin-bottom: 5px;
    font-size: 12px;
}

.limiter[_ngcontent-ng-c3105618603] .p-action-btn[_ngcontent-ng-c3105618603] div.p-plus[_ngcontent-ng-c3105618603] {
    background-color: var(--theme);
}

.limiter[_ngcontent-ng-c3105618603] .home_shadow[_ngcontent-ng-c3105618603]:hover {
    border: none;
    transition: 0;
    box-shadow: none;
    border: 1px solid #e9e9eb !important;
}

.limiter[_ngcontent-ng-c3105618603] .home_shadow[_ngcontent-ng-c3105618603]:focus {
    border: none;
    transition: 0;
    box-shadow: none;
    border: 1px solid #e9e9eb !important;
}

.limiter[_ngcontent-ng-c3105618603] .mt-10[_ngcontent-ng-c3105618603] {
    margin-top: 15px !important;
}

.limiter[_ngcontent-ng-c3105618603] .productLayoutTwo[_ngcontent-ng-c3105618603] {
    margin-top: 10px !important;
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] {
    margin-top: 0;
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-inner[_ngcontent-ng-c3105618603] {
    background-color: #fff !important;
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .carousel-inner[_ngcontent-ng-c3105618603] div[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
    height: auto;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
    margin-top: 0rem;
    border-radius: 8px;
    height: 620px;
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .bt-10[_ngcontent-ng-c3105618603] {
    position: fixed;
    bottom: 5vh;
    width: 100%
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .fa.fa-angle-left[_ngcontent-ng-c3105618603],
.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .new-carousel[_ngcontent-ng-c3105618603] .fa.fa-angle-right[_ngcontent-ng-c3105618603] {
    top: 30%
}

.limiter[_ngcontent-ng-c3105618603] .new-modal[_ngcontent-ng-c3105618603] .long-description[_ngcontent-ng-c3105618603] {
    color: #000;
    width: 100%;
    text-align: center;
    max-height: 140px;
    overflow-y: scroll;
    padding: 0 15px 25px;
}

.mrp-text[_ngcontent-ng-c3105618603] {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-bottom: 10px;
}

.action-end[_ngcontent-ng-c3105618603] {
    align-self: flex-end;
}

.strike[_ngcontent-ng-c3105618603] {
    text-decoration: line-through;
    text-decoration-color: #ee5b36;
    font-weight: 600;
    text-decoration-thickness: 2.5px;
}

.justify-center-align-center[_ngcontent-ng-c3105618603] {
    justify-content: center;
    align-items: center;
}

.justify-center-align-center[_ngcontent-ng-c3105618603] input[_ngcontent-ng-c3105618603] {
    padding-left: 0;
    padding-right: 0;
    border: none !important;
    height: 30px !important;
}

.long-description-box[_ngcontent-ng-c3105618603] .lng-description[_ngcontent-ng-c3105618603],
.long_description.lng-description[_ngcontent-ng-c3105618603] {
    white-space: pre-line;
    word-break: break-word;
}

.align-height-2[_ngcontent-ng-c3105618603],
.align-height[_ngcontent-ng-c3105618603] {
    top: calc(100vh - 580px) !important;
}

.slide[_ngcontent-ng-c3105618603] {
    padding: 10px;
    border-radius: 16px;
}

.bg-white[_ngcontent-ng-c3105618603] {
    background: #fff;
}

.ht-limit[_ngcontent-ng-c3105618603] {
    max-height: 280px;
}

.ht-limit-2[_ngcontent-ng-c3105618603] {
    max-height: 220px;
}

.mb-10[_ngcontent-ng-c3105618603] {
    margin-bottom: 10%
}

.mb-full[_ngcontent-ng-c3105618603] {
    margin-bottom: 100%
}

.cross-top-1[_ngcontent-ng-c3105618603],
.cross-top-2[_ngcontent-ng-c3105618603] {
    top: calc(100vh - 640px);
}

.nested_addons[_ngcontent-ng-c3105618603] {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.mg-10[_ngcontent-ng-c3105618603] {
    margin-left: 2.5rem;
}

.card-shimmer-container[_ngcontent-ng-c3120235258] {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fpo[_ngcontent-ng-c3120235258] {
    position: relative;
    margin: 25% auto;
    display: block;
}

.pulsate[_ngcontent-ng-c3120235258] {
    background: linear-gradient(-45deg, #eef0f6, #ececec, #eef0f6, #f7f7f7);
    background-size: 400% 400%;
    animation: _ngcontent-ng-c3120235258_Gradient 2.25s ease infinite;
}

.block[_ngcontent-ng-c3120235258] {
    display: block;
    width: 271px;
    height: 16px;
    color: #000;
}

.block2[_ngcontent-ng-c3120235258] {
    width: 78px;
    height: 8px;
    margin-bottom: 8px;
}

.block3[_ngcontent-ng-c3120235258] {
    width: 131px;
    height: 8px;
    margin-bottom: 16px;
}

.circle[_ngcontent-ng-c3120235258] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    float: right;
}

#card[_ngcontent-ng-c3120235258] {
    box-sizing: border-box;
    width: 335px;
    background: #fff;
    position: relative;
    margin: auto auto 10px;
    top: 25%
}

.card-image[_ngcontent-ng-c3120235258] {
    box-sizing: border-box;
    display: block;
    width: 335px;
    height: 243px;
    background: #fafafa;
    padding: 16px;
}

.card-content[_ngcontent-ng-c3120235258] {
    clear: both;
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
}

@keyframes _ngcontent-ng-c3120235258_Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.productTiming[_ngcontent-ng-c3120235258] {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-family: Inter, sans-sarif;
}

.productTiming[_ngcontent-ng-c3120235258] .card-timing[_ngcontent-ng-c3120235258] {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 20px 0;
}

.productTiming[_ngcontent-ng-c3120235258] .card-timing[_ngcontent-ng-c3120235258] .line[_ngcontent-ng-c3120235258] {
    margin: 5px auto;
    width: 60px;
}

.productTiming[_ngcontent-ng-c3120235258] .buttonDiv[_ngcontent-ng-c3120235258] {
    padding: 20px;
    text-align: center;
}

.productTiming[_ngcontent-ng-c3120235258] .buttonDiv[_ngcontent-ng-c3120235258] .dialog-cancel[_ngcontent-ng-c3120235258] {
    border: solid 1px #b2b2b2;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #b2b2b2;
    margin-right: 20px;
}

.productTiming[_ngcontent-ng-c3120235258] .buttonDiv[_ngcontent-ng-c3120235258] .dialog-cancel[_ngcontent-ng-c3120235258]:hover {
    background-color: #fff;
}

.productTiming[_ngcontent-ng-c3120235258] .buttonDiv[_ngcontent-ng-c3120235258] .dialog-cancel[_ngcontent-ng-c3120235258] div[_ngcontent-ng-c3120235258]:hover {
    transform: scale(1);
}

.productTiming[_ngcontent-ng-c3120235258] .schedule_order[_ngcontent-ng-c3120235258] {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 4px;
}

.productTiming[_ngcontent-ng-c3120235258] .s_radio[_ngcontent-ng-c3120235258] {
    padding: 8px 40px;
}

.productTiming[_ngcontent-ng-c3120235258] .no-border-fa[_ngcontent-ng-c3120235258] {
    border-left: none;
    background-color: transparent;
}

.productTiming[_ngcontent-ng-c3120235258] .slots[_ngcontent-ng-c3120235258] {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border: solid 1px #e4e4ed;
    flex-direction: column;
    margin-bottom: 5px;
    padding: 8px;
    border-radius: 8px;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-parent[_ngcontent-ng-c3120235258] {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 300px;
    overflow-y: auto;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui[_ngcontent-ng-c3120235258] {
    border: solid 1px #e4e4ed;
    padding: 8px;
    width: 40%;
    margin: 8px;
    text-align: center;
    cursor: pointer;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui[_ngcontent-ng-c3120235258]:hover {
    border: solid 1px #333333;
}

.productTiming[_ngcontent-ng-c3120235258] .selected-slot-ui[_ngcontent-ng-c3120235258] {
    padding: 8px;
    width: 40%;
    margin: 8px;
    text-align: center;
    cursor: pointer;
    border: solid 1px #333333;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui-ecom[_ngcontent-ng-c3120235258] {
    border: solid 1px #e4e4ed;
    padding: 8px;
    width: 60%;
    margin: 8px 8px 8px 37px;
    text-align: center;
    cursor: pointer;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui-ecom[_ngcontent-ng-c3120235258]:hover {
    border: solid 1px #333333;
}

.productTiming[_ngcontent-ng-c3120235258] .selected-slot-ui-ecom[_ngcontent-ng-c3120235258] {
    padding: 8px;
    width: 60%;
    margin: 8px 8px 8px 37px;
    text-align: center;
    cursor: pointer;
    border: solid 1px #333333;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-parent.agent[_ngcontent-ng-c3120235258] {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 300px;
    overflow-y: auto;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui.agent[_ngcontent-ng-c3120235258] {
    border: solid 1px #e4e4ed;
    padding: 8px;
    width: 100%;
    margin: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-ui.agent[_ngcontent-ng-c3120235258]:hover {
    border: solid 1px #333333;
}

.productTiming[_ngcontent-ng-c3120235258] .selected-slot-ui.agent[_ngcontent-ng-c3120235258] {
    padding: 8px;
    width: 100%;
    margin: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    border: solid 1px #333333;
}

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

    .productTiming[_ngcontent-ng-c3120235258] .slot-ui.agent[_ngcontent-ng-c3120235258],
    .productTiming[_ngcontent-ng-c3120235258] .selected-slot-ui.agent[_ngcontent-ng-c3120235258] {
        width: 100%
    }

    .productTiming[_ngcontent-ng-c3120235258] #agentdataVal[_ngcontent-ng-c3120235258] {
        max-width: 179px !important;
    }

    .productTiming[_ngcontent-ng-c3120235258] .datadivUrl[_ngcontent-ng-c3120235258] {
        flex-direction: column !important;
    }
}

.productTiming[_ngcontent-ng-c3120235258] bs-datepicker-container[_ngcontent-ng-c3120235258] {
    margin-bottom: 10px;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-heading[_ngcontent-ng-c3120235258] {
    padding: 8px;
    background-color: #e4e4ed;
    position: relative;
    cursor: pointer;
}

.productTiming[_ngcontent-ng-c3120235258] .slot-heading[_ngcontent-ng-c3120235258] .col-arrow-up.col-arrow[_ngcontent-ng-c3120235258] {
    top: 5px;
    transform: rotate(180deg);
}

.productTiming[_ngcontent-ng-c3120235258] .slot-heading[_ngcontent-ng-c3120235258] .col-arrow[_ngcontent-ng-c3120235258] {
    width: 15px;
    top: 10px;
    right: 5%;
    position: absolute;
    transition: all .5s;
    cursor: pointer;
    border: none;
}

.productTiming[_ngcontent-ng-c3120235258] [hidden][_ngcontent-ng-c3120235258] {
    display: none !important;
}

.productTiming[_ngcontent-ng-c3120235258] .main-heading-date[_ngcontent-ng-c3120235258] {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 576px) {
    .productTiming[_ngcontent-ng-c3120235258] .main-heading-date[_ngcontent-ng-c3120235258] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .productTiming[_ngcontent-ng-c3120235258] .card-timing[_ngcontent-ng-c3120235258] {
        padding: 5px;
    }
}

.productTiming[_ngcontent-ng-c3120235258] .btn-color-class[_ngcontent-ng-c3120235258] {
    background-color: var(--theme);
    color: var(--white);
}

.ui-calendar.ui-calendar-w-btn input {
    height: 40px;
}

.ui-calendar .ui-calendar-button {
    position: absolute;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 3em;
    border-left: 0 none;
}

.ui-widget-header .ui-button,
.ui-widget-content .ui-button,
.ui-widget.ui-button,
.ui-button {
    border: 1px solid #d2d2d2;
    color: #333;
    background: white;
    transition: background-color .2s;
}

.ui-widget-header .ui-button:enabled:hover,
.ui-widget-header .ui-button:focus,
.ui-widget-content .ui-button:enabled:hover,
.ui-widget-content .ui-button:focus,
.ui-widget.ui-button:enabled:hover,
.ui-widget.ui-button:focus,
.ui-button:enabled:hover,
.ui-button:focus {
    border: 1px solid #d2d2d2;
    color: #333;
    background: white;
    transition: background-color .2s;
}

.product-timing-agent[_ngcontent-ng-c3120235258] {
    padding: 0 !important;
    cursor: pointer;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0;
    margin-bottom: 15px;
    min-height: 100px;
    cursor: pointer;
    border: 1px solid #fff;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .image-div[_ngcontent-ng-c3120235258] {
    margin: 5px 15px;
    width: 120px;
    height: 100px;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .image-div[_ngcontent-ng-c3120235258] img[_ngcontent-ng-c3120235258] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .agent-detail[_ngcontent-ng-c3120235258] {
    cursor: pointer;
    display: flex;
    margin: 10px 0 0 20px;
    flex-direction: column;
    width: 100%
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .agent-detail[_ngcontent-ng-c3120235258] .agent-name[_ngcontent-ng-c3120235258] {
    cursor: pointer;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    font-family: Inter, sans-sarif;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .agent-detail[_ngcontent-ng-c3120235258] .agent-label[_ngcontent-ng-c3120235258] {
    cursor: pointer;
    font-size: 14px;
    display: flex;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258] .agent-detail[_ngcontent-ng-c3120235258] .agent-value[_ngcontent-ng-c3120235258] {
    cursor: pointer;
    font-family: Inter, sans-sarif;
    font-size: 14px;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .agent-card[_ngcontent-ng-c3120235258]:hover {
    cursor: pointer;
    border-radius: 5px;
    background-color: #f6f6f6;
}

.product-timing-agent[_ngcontent-ng-c3120235258] .selected-agent-card[_ngcontent-ng-c3120235258] {
    border-radius: 5px;
    background-color: #eaeaea;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .row-eq-height[_ngcontent-ng-c3120235258] {
    padding: 0 !important;
    cursor: pointer;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .row-eq-height[_ngcontent-ng-c3120235258] .row-col-eq[_ngcontent-ng-c3120235258] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0;
    margin-bottom: 15px;
    min-height: 100px;
    cursor: pointer;
    border: 1px solid #fff;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .grid-item[_ngcontent-ng-c3120235258] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .image-cat[_ngcontent-ng-c3120235258] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    object-fit: cover;
    cursor: pointer;
    transition: transform .8s ease-out;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .image-cat[_ngcontent-ng-c3120235258]:hover {
    transform: scale(1.09);
}

.select-agent-popup[_ngcontent-ng-c3120235258] .image_div[_ngcontent-ng-c3120235258] {
    margin: 5px 0 15px 15px;
    width: 115px;
    height: 100px;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .name_div[_ngcontent-ng-c3120235258] {
    margin: .5rem;
    margin-top: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    padding: .5rem 10px;
    color: #474747;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .info-row[_ngcontent-ng-c3120235258] {
    width: calc(100% - 100px);
    display: flex;
    margin: 10px 0 0 20px;
    flex-direction: column;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .new-row-type-1[_ngcontent-ng-c3120235258] {
    width: 80%;
    height: 12px;
    margin: 5px 10px;
    background-color: transparent;
    object-fit: cover;
    cursor: pointer;
    transition: transform .8s ease-out;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .new-row-type-1[_ngcontent-ng-c3120235258]:hover {
    transform: scale(1.09);
}

.select-agent-popup[_ngcontent-ng-c3120235258] .new-row-type-2[_ngcontent-ng-c3120235258] {
    margin: 5px 10px;
    width: 60%;
    height: 12px;
    background-color: transparent;
    object-fit: cover;
    cursor: pointer;
    transition: transform .8s ease-out;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .new-row-type-2[_ngcontent-ng-c3120235258]:hover {
    transform: scale(1.09);
}

.select-agent-popup[_ngcontent-ng-c3120235258] .explore-cat[_ngcontent-ng-c3120235258] {
    padding: 20px;
}

.select-agent-popup[_ngcontent-ng-c3120235258] .centerhead[_ngcontent-ng-c3120235258] {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    padding: 15px;
}

.no-data[_ngcontent-ng-c3120235258] {
    margin: 30px 0;
    font-size: 16px;
    text-align: center;
    width: 100%
}

.rating-list[_ngcontent-ng-c3120235258] li[_ngcontent-ng-c3120235258] {
    float: right;
    color: #ddd;
    padding: 10px 5px;
}

.rating-list[_ngcontent-ng-c3120235258] li[_ngcontent-ng-c3120235258]:hover,
.rating-list[_ngcontent-ng-c3120235258] li[_ngcontent-ng-c3120235258]:hover~li[_ngcontent-ng-c3120235258],
.rating-list[_ngcontent-ng-c3120235258] li.selected[_ngcontent-ng-c3120235258] {
    color: gold;
}

.rating-list[_ngcontent-ng-c3120235258] {
    display: inline-block;
    list-style: none;
}

.read-only[_ngcontent-ng-c3120235258] li.selected[_ngcontent-ng-c3120235258] {
    color: gold;
}

.go-to-btn[_ngcontent-ng-c3120235258] {
    cursor: pointer;
    position: absolute;
    right: 25px;
}

#agentdataVal[_ngcontent-ng-c3120235258] {
    padding: 4px;
    height: 190px;
    overflow-x: auto;
    overflow-y: auto;
    text-align: justify;
    border: 1px solid rgba(0, 0, 0, .1);
}

.AgentInfo[_ngcontent-ng-c3120235258] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.displayName[_ngcontent-ng-c3120235258] {
    padding-right: 10px;
}

.parentDiv[_ngcontent-ng-c3120235258] {
    display: flex;
    min-height: 40px;
    font-size: 14px;
    justify-content: space-between;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 15px;
    border-bottom-color: #0000001a;
}

.datadiv[_ngcontent-ng-c3120235258] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ImagemainDiv[_ngcontent-ng-c3120235258] {
    width: 100%
}

.ImageDiv[_ngcontent-ng-c3120235258] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.Image[_ngcontent-ng-c3120235258] {
    max-width: 20%
}

.ImageDivLink[_ngcontent-ng-c3120235258] {
    display: flex;
    justify-content: flex-end;
    width: 50%
}

.datadivImage[_ngcontent-ng-c3120235258] {
    flex-direction: column;
}

.displayValue[_ngcontent-ng-c3120235258] {
    display: flex;
    justify-content: flex-end;
}

.lft[_ngcontent-ng-c3120235258] {
    left: 25px;
    right: unset !important;
}

.bordlft[_ngcontent-ng-c3120235258] {
    border-left: 1px solid #ccc !important;
}

.box-area[_ngcontent-ng-c3120235258] {
    padding: 14px 40px;
}

.box-area[_ngcontent-ng-c3120235258] label[_ngcontent-ng-c3120235258] {
    font-size: 16px;
    color: #0009;
}

@media screen and (max-width: 768px) {
    .box-area[_ngcontent-ng-c3120235258] label[_ngcontent-ng-c3120235258] {
        font-size: 14px;
    }
}

.box-area[_ngcontent-ng-c3120235258] input[_ngcontent-ng-c3120235258] {
    border-radius: 8px 0 0 8px !important;
    border: 1px solid #EEEEEE;
}

.box-area[_ngcontent-ng-c3120235258] .no-border-fa[_ngcontent-ng-c3120235258] {
    border: 1px solid #EEEEEE;
}

.box-area[_ngcontent-ng-c3120235258] .no-border-fa[_ngcontent-ng-c3120235258] i[_ngcontent-ng-c3120235258] {
    color: #0000004d;
}

@media screen and (max-width: 768px) {
    .box-area[_ngcontent-ng-c3120235258] div[_ngcontent-ng-c3120235258]:last-child {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .p-detail-main-img[_ngcontent-ng-c3105618603] img[_ngcontent-ng-c3105618603] {
        height: 88px;
    }
}

.save-n-cancel[_ngcontent-ng-c3120235258] {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.save-n-cancel[_ngcontent-ng-c3120235258] .btn[_ngcontent-ng-c3120235258]:first-child {
    background-color: #cfcfcf;
    color: #626262;
}

.save-n-cancel[_ngcontent-ng-c3120235258] .btn[_ngcontent-ng-c3120235258]:last-child {
    background-color: var(--theme);
    color: #fff;
}

@layer primeng {
    .p-calendar {
        position: relative;
        display: inline-flex;
        max-width: 100%
    }

    .p-calendar .p-inputtext {
        flex: 1 1 auto;
        width: 1%
    }

    .p-calendar-w-btn .p-inputtext {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .p-calendar-w-btn .p-datepicker-trigger {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .p-fluid .p-calendar {
        display: flex;
    }

    .p-fluid .p-calendar .p-inputtext {
        width: 1%
    }

    .p-calendar .p-datepicker {
        min-width: 100%
    }

    .p-datepicker {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    .p-datepicker-inline {
        display: inline-block;
        position: static;
        overflow-x: auto;
    }

    .p-datepicker-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .p-datepicker-header .p-datepicker-title {
        margin: 0 auto;
    }

    .p-datepicker-prev,
    .p-datepicker-next {
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
        flex: 1 1 auto;
    }

    .p-datepicker-multiple-month .p-datepicker-group-container {
        display: flex;
    }

    .p-datepicker table {
        width: 100%;
        border-collapse: collapse;
    }

    .p-datepicker td>span {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .p-monthpicker-month {
        width: 33.3%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        position: relative;
    }

    .p-datepicker-buttonbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .p-timepicker {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .p-timepicker button {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        position: relative;
    }

    .p-timepicker>div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .p-datepicker-touch-ui,
    .p-calendar .p-datepicker-touch-ui {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 80vw;
        transform: translate(-50%, -50%);
    }

    .p-yearpicker-year {
        width: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        position: relative;
    }

    .p-calendar-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -.5rem;
        cursor: pointer;
    }

    .p-calendar-clearable {
        position: relative;
    }
}

#cart-fix[_ngcontent-ng-c1107036901] .deskView[_ngcontent-ng-c1107036901] {
    width: 100%
}

.fltrt[_ngcontent-ng-c1107036901] {
    float: right !important;
}

.app-cart-div[_ngcontent-ng-c1107036901] {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    padding: 15px 0 0;
    border-bottom-color: transparent;
}

.pdtw[_ngcontent-ng-c1107036901] {
    margin-right: 10px;
    margin-left: unset !important;
}

.product-img[_ngcontent-ng-c1107036901] {
    width: 7rem;
    height: 7rem;
    object-fit: cover;
}

.pl-6[_ngcontent-ng-c1107036901] {
    padding-left: 3px;
}

.app-item-head[_ngcontent-ng-c1107036901] {
    font-size: 15px;
    word-break: break-word;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize;
    font-stretch: normal;
    color: #1b1b1b;
    margin-bottom: 10px;
}

.app-item-head[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] {
    color: var(--theme);
}

.app-sub-item[_ngcontent-ng-c1107036901] {
    font-size: 12px;
    letter-spacing: .2px;
    color: #858585;
    margin-bottom: 0;
}

.app-cart-item[_ngcontent-ng-c1107036901] div.item-info[_ngcontent-ng-c1107036901] {
    display: flex;
    padding-top: 20px;
    -webkit-user-select: none;
    user-select: none;
}

.app-cart-item[_ngcontent-ng-c1107036901] div.item-price[_ngcontent-ng-c1107036901] {
    padding-top: 7px;
    flex: 1 1 0;
}

.app-cart-item[_ngcontent-ng-c1107036901] div.item-totalprice[_ngcontent-ng-c1107036901] {
    padding-top: 7px;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
}

.app-cart-item[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] {
    padding-right: 20px;
}

.app-cart_item_seperation[_ngcontent-ng-c1107036901] {
    width: 100%;
    margin: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.app-subtotal_seperation[_ngcontent-ng-c1107036901] {
    width: 100%;
    border-top: 1px solid transparent;
    margin: 20px 0 0;
}

.app-subtotal[_ngcontent-ng-c1107036901] .separtor[_ngcontent-ng-c1107036901] {
    border-radius: 4px;
}

.app-item-subtotal[_ngcontent-ng-c1107036901] {
    display: flex;
    background-color: #1b1b1b;
    padding: 10px 15px;
    width: auto;
}

.app-item-subtotal[_ngcontent-ng-c1107036901] div.total-txt[_ngcontent-ng-c1107036901] {
    flex-basis: 75px;
}

.app-item-subtotal[_ngcontent-ng-c1107036901] div.total-txt[_ngcontent-ng-c1107036901] span.head[_ngcontent-ng-c1107036901] {
    width: 53px;
    height: 21px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.app-item-subtotal[_ngcontent-ng-c1107036901] div.total[_ngcontent-ng-c1107036901] {
    text-align: right;
    flex: 1 1 0%
}

.app-item-subtotal[_ngcontent-ng-c1107036901] div.total[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] {
    height: 22px;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
}

.app-cls-plusminus-cart[_ngcontent-ng-c1107036901] {
    display: grid;
    grid-template-columns: 35px 45px 35px;
    padding-right: 20px;
}

.app-cls-plusminus-cart[_ngcontent-ng-c1107036901] div.quantity[_ngcontent-ng-c1107036901] {
    padding-top: 10px;
    text-align: center;
}

.delete-icon[_ngcontent-ng-c1107036901] {
    cursor: pointer;
    color: silver;
}

.app-cart-text[_ngcontent-ng-c1107036901] {
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b1b;
    border-bottom: 1px solid #e9e9eb;
    border-radius: 12px 12px 0 0;
    padding: 10px 15px;
    background-color: #fff;
}

.clearBtn[_ngcontent-ng-c1107036901] {
    width: 100%;
    height: 35px;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.clearBtn[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: left;
}

.clearBtn[_ngcontent-ng-c1107036901]:hover {
    transform: scale(1);
    color: #fff;
}

button.cart-btn[_ngcontent-ng-c1107036901] {
    width: 100%;
    height: 40px;
    margin-top: 0;
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 4px;
}

button.cart-btn[_ngcontent-ng-c1107036901] span[_ngcontent-ng-c1107036901] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: left;
}

button.cart-btn[_ngcontent-ng-c1107036901]:hover {
    transition: all .3s;
    color: #fff;
}

.cartAndClear[_ngcontent-ng-c1107036901] {
    justify-content: space-between;
    display: flex;
    gap: 10px;
}

.cartFlex[_ngcontent-ng-c1107036901] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.clearCart[_ngcontent-ng-c1107036901] {
    color: var(--theme);
    cursor: pointer;
}

.clearCart[_ngcontent-ng-c1107036901]:hover {
    color: #333;
}

.app-cart-list[_ngcontent-ng-c1107036901] {
    max-height: 300px;
    overflow: auto;
    width: 100%;
    padding: 0 15px;
    overflow-x: hidden;
    transform-style: all .3s;
}

.app-cart-list[_ngcontent-ng-c1107036901]::-webkit-scrollbar {
    width: 3px;
}

@media screen and (max-width: 1400px) {
    .app-cart-list[_ngcontent-ng-c1107036901] {
        max-height: 210px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1280px) {
    .app-cart-list[_ngcontent-ng-c1107036901] {
        max-height: 160px !important;
    }
}

.card-img[_ngcontent-ng-c1107036901] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

div.cart-p-detail-sec[_ngcontent-ng-c1107036901] {
    display: flex;
}

div.cart-p-detail-sec[_ngcontent-ng-c1107036901] div.app-item-totalprice[_ngcontent-ng-c1107036901] {
    padding-top: 7px;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #5c5c5c;
}

div.p-action-btn[_ngcontent-ng-c1107036901] {
    flex: 1 1 0%;
    display: flex;
    justify-content: flex-start;
}

div.p-action-btn[_ngcontent-ng-c1107036901] div.p-minus[_ngcontent-ng-c1107036901] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #fff;
    border: solid .9px #dddddd;
    text-align: center;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.p-action-btn[_ngcontent-ng-c1107036901] div.p-minus[_ngcontent-ng-c1107036901] div[_ngcontent-ng-c1107036901] {
    width: 9px;
    height: 1.8px;
    background-color: #858585;
}

div.p-action-btn[_ngcontent-ng-c1107036901] div.p-plus[_ngcontent-ng-c1107036901] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    -webkit-user-select: none;
    user-select: none;
}

div.p-action-btn[_ngcontent-ng-c1107036901] div.p-quantity[_ngcontent-ng-c1107036901] {
    text-align: center;
    padding-top: 0;
    width: 40px;
    font-size: 12.6px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    color: #333;
}

.emptyCart[_ngcontent-ng-c1107036901] {
    height: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #7e808c;
    font-size: 18px;
    font-weight: 300;
}

.emptyCart[_ngcontent-ng-c1107036901] .img-cart[_ngcontent-ng-c1107036901] {
    height: 90px;
}

.emptyCart[_ngcontent-ng-c1107036901] .text-cart[_ngcontent-ng-c1107036901] {
    padding-top: 20px;
}

.checkout.btn.btn-default[_ngcontent-ng-c1107036901] {
    border: 0;
}

.checkout.btn.btn-default[_ngcontent-ng-c1107036901]:active,
.checkout.btn.btn-default[_ngcontent-ng-c1107036901]:focus {
    box-shadow: none;
    border: 0;
}

.bottom-bar[_ngcontent-ng-c1107036901] {
    width: 100vw;
    padding: 0;
    color: #fff;
    height: 50px;
    position: fixed;
    bottom: 0;
}

.checkout-bottom[_ngcontent-ng-c1107036901] {
    height: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    align-content: center;
    justify-content: flex-end;
}

.checkout-bottom[_ngcontent-ng-c1107036901] div[_ngcontent-ng-c1107036901] {
    display: flex;
    align-items: center;
}

div.p-plus.t-btn[_ngcontent-ng-c1107036901],
div.p-minus.t-btn[_ngcontent-ng-c1107036901] {
    font-size: 14px !important;
    padding: 2px 10px;
    width: auto !important;
    height: auto !important;
}

.btn-cursor[_ngcontent-ng-c1107036901] {
    cursor: pointer !important;
}

@media only screen and (max-width: 1469px) and (min-width: 990px) {
    #cart-fix[_ngcontent-ng-c1107036901] {
        min-width: 190px;
    }
}

.min-qty[_ngcontent-ng-c1107036901] {
    margin-top: 10px !important;
    color: #afafaf !important;
}

.max-qty[_ngcontent-ng-c1107036901] {
    margin-top: 0 !important;
    color: #afafaf !important;
}

.dialog-cancel[_ngcontent-ng-c1107036901] {
    border: solid 1px #b2b2b2 !important;
}

.pad-60[_ngcontent-ng-c1107036901] {
    padding: 60px 0;
}

.yesNoBtn[_ngcontent-ng-c1107036901] {
    width: 65px !important;
}

.clearCartRow[_ngcontent-ng-c1107036901] {
    padding: 15px;
}

.btnsDiv[_ngcontent-ng-c1107036901] {
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .mobile-cart-view[_ngcontent-ng-c1107036901] {
        align-items: center;
    }

    [_nghost-ng-c1107036901] .modal-content {
        width: 315px !important;
    }
}

.edit-customization[_ngcontent-ng-c1107036901] {
    cursor: pointer;
}

[_nghost-ng-c1107036901] app-mobile-top-navigation .back-btn {
    position: fixed;
    top: 0;
    z-index: 2;
    background: var(--theme);
    margin: 0 0 0 8px;
    height: 46px;
    padding: 7px;
    width: 100%
}

.bottom-bar.hybridbuttoncartclass[_ngcontent-ng-c1107036901] {
    width: 100vw !important;
    left: 0;
    border: 0px;
    padding: 0;
}

.bottom-bar.d2c_flow.bottom-bar.hybridbuttoncartclass[_ngcontent-ng-c1107036901] {
    bottom: 60px;
}

.hybridappui[_ngcontent-ng-c1107036901] img[_ngcontent-ng-c1107036901] {
    height: 24px;
}

.text-Overflow[_ngcontent-ng-c1107036901] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hybridtotalcount[_ngcontent-ng-c1107036901] {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.countbg[_ngcontent-ng-c1107036901] {
    background-color: #00000021;
    padding: 6px 10px;
    border-radius: 8px;
    display: inline-flex;
    min-width: max-content;
}

.hybridappcount[_ngcontent-ng-c1107036901] {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

[_nghost-ng-c1107036901] .mediumModal .modal .modal-content {
    width: auto !important;
}

app-modal[_ngcontent-ng-c1107036901] h4.dialog-msg {
    text-align: center;
    font-size: 18px;
    color: #2a3b56;
    font-weight: 600;
    text-transform: capitalize;
}

.close[_ngcontent-ng-c1107036901] {
    position: absolute;
    z-index: 2;
    right: 0;
    font-size: 25px;
    font-weight: 300px;
    padding-top: 0;
}

.opacityOne[_ngcontent-ng-c1107036901] {
    opacity: 1 !important;
}

#slotsDialog .p-dialog .p-dialog-content {
    min-height: 200px !important;
}

#slotsDialog .p-dropdown {
    width: 100%
}

.slots-timing-heading[_ngcontent-ng-c1107036901] {
    margin-bottom: 2rem;
    font-size: 15px;
}

.choosen-timeslot[_ngcontent-ng-c1107036901] {
    margin: 10px;
    font-size: 13px;
}

.time-slots[_ngcontent-ng-c1107036901] {
    font-size: 1.25rem;
}

.time-slots-form[_ngcontent-ng-c1107036901] {
    font-size: 1.5rem;
}

.sub-line[_ngcontent-ng-c1107036901] {
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sub-line[_ngcontent-ng-c1107036901]:before,
.sub-line[_ngcontent-ng-c1107036901]:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.time-slots-container[_ngcontent-ng-c1107036901] {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto;
}

.time-slot[_ngcontent-ng-c1107036901] {
    display: flex;
    width: 31%;
    background: #eeeeee;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #dedede;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    transition: transform .3s ease;
    font-size: 11px;
    justify-content: center;
}

.time-slot[_ngcontent-ng-c1107036901]:hover {
    transform: scale(1.05);
}

.desired-slots[_ngcontent-ng-c1107036901] {
    height: 180px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-top: 20px;
}

.time-icon[_ngcontent-ng-c1107036901] {
    position: relative;
    top: 10px;
}

.div-desired-slot[_ngcontent-ng-c1107036901] {
    display: flex;
    gap: 10px;
}

.slots-flex[_ngcontent-ng-c1107036901] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cartText[_ngcontent-ng-c1107036901] {
    flex-grow: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #1b1b1b;
}

.discount_avtivated[_ngcontent-ng-c1107036901] {
    font-size: 12px;
    color: red !important;
}


/*****************************************************************/

/* footer {
  padding: 40px 0;
}

.footer-link {
  display: flex;
  justify-content: space-between;
  max-width: 890px;
  margin: 0 auto;
  gap: 20px;
  
  flex-wrap: wrap;
  
} */

/* footer ul, footer li {
  list-style-type: none;
  margin: 0;
  padding: 0
} */


/* @media (max-width: 768px) {
  .footer-link {
    flex-direction: column;
    align-items: flex-start;

    gap: 30px;

    padding: 30px;
  }
}



.footer-link ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 38px;
}

.footer-link li {
  list-style-type: none;
  color: #0A3F39
}

.footer-link li a {
  color: #0A3F39;
  text-decoration: none
}

.footer-link h3 {
  font-weight: 700;
    color: #0A3F39;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px;
} */