@font-face {
    font-family: "Amiri-Regular";
    font-display: auto;
    src: url("../../CustomersPage/fonts/Amiri-Regular.woff2");
    unicode-range: U+41-5A, U+61-7A;
    font-display: optional;
}

@font-face {
    font-family: "PlayfairDisplay-Italic";
    font-display: auto;
    src: url("../../CustomersPage/fonts/PlayfairDisplay-Italic.woff2");
    unicode-range: U+41-5A, U+61-7A;
    font-display: optional;
}

@font-face {
    font-family: "NotoSerifHK-Regular";
    font-display: auto;
    src: url("../../CustomersPage/fonts/NotoSerifHK-Regular.woff2");
    unicode-range: U+4E00-9FFF;
    font-display: optional;
}

@font-face {
    font-family: "FreeSerif";
    font-display: auto;
    src: url("../../CustomersPage/fonts/FreeSerif.woff2");
    unicode-range: U+00-7F;
    font-display: optional;
}

@font-face {
    font-family: 'icomoon';
    font-display: auto;
    src: url('../../CustomersPage/fonts/icomoon.eot?gp2h60');
    src: url('../../CustomersPage/fonts/icomoon.eot?gp2h60#iefix') format('embedded-opentype'), url('../../CustomersPage/fonts/icomoon.ttf?gp2h60') format('truetype'), url('../../CustomersPage/fonts/icomoon.woff?gp2h60') format('woff'), url('../../CustomersPage/fonts/icomoon.svg?gp2h60#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


.heading-subheading-font-style-wise {
    font-family: "Amiri-Regular", "FreeSerif", "NotoSerifHK-Regular" !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.wine-name-font-style-wise {
    font-family: "PlayfairDisplay-Regular", "FreeSerif", "NotoSerifHK-Regular" !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.filter-content-font-style-wise {
    font-family: "PlayfairDisplay-Italic", "FreeSerif", "NotoSerifHK-Regular" !important;    
    font-weight: normal !important;
    font-style: italic !important;
}

.number-font-style-wise {
    font-family: "FreeSerif" !important;
    font-weight: normal !important;
    font-style: normal !important;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\e900";
    font-size: 24px;
}

.icon-heart-layout:before {
    content: "\e901";
    font-size: 20px;
}

.icon-heart:before {
    content: "\e901";
    font-size: 26px;
}

.icon-heart2:before {
    content: "\e902";
    font-size: 26px;
}

.icon-minus:before {
    content: "\e903";
}

.icon-plus:before {
    content: "\e904";
}

.icon-search:before {
    content: "\e905";
    font-size: 22px;
}

@media (max-width: 388px) {
    .icon-cart:before {
        content: "\e900";
        font-size: 22px;
    }

    .icon-heart-layout:before {
        content: "\e901";
        font-size: 18px;
    }

    .icon-heart:before {
        content: "\e901";
        font-size: 24px;
    }

    .icon-heart2:before {
        content: "\e902";
        font-size: 24px;
    }

    .icon-search:before {
        content: "\e905";
        font-size: 20px;
    }    
}

.icon-whatsapp:before {
    content: "\ea93";
    font-size: 25px;
}

.line-center {
    margin: 0;
    padding: 0 30px;
    background: #fff;
    display: inline-block;
}

.line-center-wise h2 {
    text-align: center;
    position: relative;
    z-index: 2;
}

    .line-center-wise h2:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-top: solid 1px black;
        z-index: -1;
    }