@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
:root {
    --white: #FFFFFF;
    --red: #DE1B2A;
    --lightgreen: #7C482829;
    --green: #7C4828;
    --blue: #2354B4;
    --yellow: #FFCE00;
    --pink: #7C4828;
    --pinkhover: #4A1400;
    --lightPink: #7C482829;
    --gray33: #7C4828;
    --gray25: #7C4828;
}

html {
    position: relative;
    min-height: 100%;
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 18px;
    color: var(--gray25);
    background: var(--white);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0px;
    line-height: 1.66;
    letter-spacing: 0em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

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

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'onda' !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-facebook_icon:before {
    content: "\e900";
}

.icon-instagram_icon:before {
    content: "\e901";
}

.icon-twitter_icon:before {
    content: "\e902";
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

li,
ul,
ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a,
a img {
    text-decoration: none;
    border: 0;
    outline: none !important;
}

a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.clear:before,
.clear:after {
    display: table;
    content: "";
}

.clear:after {
    clear: both;
}

input,
textarea {
    outline: none !important;
}

#wrapper {
    width: 100%;
}

input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
    color: #777777;
    opacity: 1;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
    color: #777777;
    opacity: 1;
}

input[type=email]::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

input[type=email]::-webkit-input-placeholder {
    color: #777777;
    opacity: 1;
}

input[type=email]::-ms-placeholder {
    color: #777777;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #777777;
    opacity: 1;
}

textarea::-ms-input-placeholder {
    color: #777777;
    opacity: 1;
}

.srv-validation-message {
    color: red;
    font-size: 14px;
}

/*============ Default Css End ============*/



/*============ Bootstrap Class Overwriter CSS Code Start ============*/



.center-block {
    float: none;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.container .row {
    margin-left: -15px;
    margin-right: -15px;
}

.container .row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* navbar start */

/*=========================================*/
/* Elements css Start  */
/*=========================================*/

.flxrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flxwrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flxcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flxfix {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.flxflexi {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: var(--gray25);
    font-weight: 700;
}

h1 {
    color: var(--white);
}

.btnbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ondabtn {
    height: 50px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    background: var(--pink);
    border-radius: 10px;
    text-align: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.ondabtn:hover {
    color: var(--white);
    background-color: var(--pinkhover);
}

.ondabtn img {
    margin: 0 16px 0 0;
    max-height: 40px;
    max-width: 40px;
    display: none;
}

.ondabtn.greenbtn {}

.ondabtn.bigbtn {
    height: 62px;
    font-size: 18px;
    border-radius: 10px;
    min-width: 200px;
    text-align: center;
    display: grid;
    vertical-align: middle;
}


.ondabtn.withborder {
    border: solid 1px var(--pink);
    background: var(--white);
    color: var(--pink);
    z-index: 1;
}

.ondabtn.withborder:hover {
    background-color: var(--pink);
    border-color: var(--pink);
    color: #fff;
}

.ondabtn.lightpink {
    background: var(--lightPink);
}

.ondabtn.redbtn {
    background: var(--red);
    color: var(--white);
}

.ondabtn.redbtn:hover {
    background: #B51622;
}

.ondabtn.redbtn.withborder {
    border-color: #B51622;
    color: var(--white);
}

.ondabtn.blackbtn {
    background: var(--gray33);
    color: var(--white);
}

.ondabtn.blackbtn:hover {
    background: var(--gray25);
}

.ondabtn.blackbtn.withborder {
    border-color: var(--gray25);
}

.ondabtn.greenbtn.withborder {
    background: var(--green);
    color: var(--white);
    border-color: #418B5F;
}

.ondabtn.greenbtn.withborder:hover {
    background: #418B5F;
}

.header_wrapper {
    background: var(--white);
    position: relative;
    z-index: 4;
}

.header_main {
    padding: 0 0;
    width: 100%;
    align-items: center;
    position: relative;
}

.header_main .logo {
    position: absolute;
    left: 0;
    top: 24px;
}

.header_main .logo a {
    display: block;
    margin: 0;
    padding: 0;
}

.header_main .logo a img {
    vertical-align: top;
    max-width: 150px;
}

.navigation {
    margin: 0 0 0 auto;
    align-items: center;
}

.navigation ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.navigation ul li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

.navigation ul li+li {
    margin: 0 0 0 44px;
}

.navigation ul li a {
    font-weight: 400;
    font-size: 16px;
    color: var(--gray25);
    display: block;
    position: relative;
    height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.navigation ul li a:hover {
    color: var(--pink);
}

.navigation ul li ul {
    display: block;
    opacity: 1;
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 100%;
    padding: 0 0 10px;
    border-radius: 0 0 20px 20px;
    z-index: 5;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.navigation ul li>ul {
    left: -20px;
}

.navigation ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.navigation ul li:hover>a {
    color: var(--pink);
}

.navigation ul li ul li {
    display: block;
    margin: 0;
    padding: 0 20px;
    position: relative;
}

.navigation ul li ul li+li a {
    border-top: solid 1px #DDDDDD;
}

.navigation ul li ul li a {
    display: block;
    font-size: 15px;
    padding: 7px 8px;
    white-space: nowrap;
    height: auto;
}

.navigation ul li ul li.submenu>a::after {
    display: block;
    width: 8px;
    height: 12px;
    content: '';
    position: absolute;
    right: 0;
    top: 14px;
    background: url(../images/right_menu_arrow.svg) no-repeat center center;
}

.navigation ul li ul ul {
    left: 100%;
    top: 0;
    border-radius: 0 20px 20px 20px;
}

.navigation ul li ul ul li a {
    border: none;
}

.navigation ul li ul ul li+li a {
    border-top: solid 1px #DDDDDD;
}

.header_main .btnbox {
    align-items: center;
    margin: 0 0 0 30px;
}

.header_main .btnbox .inbtn>a {
    height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    border: solid 2px;
    border-color: transparent;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.header_main .btnbox a+a {
    margin: 0 0 0 20px;
}

.header_main .btnbox .inbtn {
    position: relative;
    display: none;
}

.header_main .btnbox .inbtn+.inbtn {
    margin: 0 0 0 20px;
    display: block;
}

.header_main .btnbox a.loginbtn {
    color: var(--gray33);
    border-color: var(--gray33);
}

.header_main .btnbox a.cartbtn {
    color: var(--pink);
    border-color: var(--pink);
    position: relative;
    z-index: 11;
    background: var(--white);
}

.header_main .btnbox a span {
    display: block;
    margin: 0 7px 0 0;
}

.header_main .btnbox a img {
    float: left;
}

.header_main .btnbox a.cartbtn span {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: solid 1px var(--pink);
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.header_main .btnbox a.loginbtn.haslogged {
    position: relative;
    padding-right: 35px;
}

.header_main .btnbox a.loginbtn.haslogged::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 12px;
    height: 10px;
    background: url(../images/dd_arrow.svg) no-repeat center center;
    margin: -5px 0 0 0;
}

.header_main .btnbox .dropdown {
    padding: 0;
}

.header_main .btnbox .dropdown ul {
    display: none;
    padding: 10px;
    border-radius: 10px
}

.header_main .btnbox .dropdown .dropdown-menu.show {
    display: block;
}

.header_main .btnbox .dropdown ul li {
    margin: 0;
    padding: 0;
}

.header_main .btnbox .dropdown ul li a {
    font-weight: 400;
    font-weight: 400;
    padding: 0;
    height: auto;
    padding: 5px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;

}

.header_main .btnbox .dropdown ul li a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.header_main .btnbox a.cartbtn.hascarditems {
    position: relative;
    padding-right: 35px;
}

.header_main .btnbox a.cartbtn.hascarditems::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 12px;
    height: 10px;
    background: url(../images/dd_arrow_pink.svg) no-repeat center center;
    margin: -5px 0 0 0;
}

.header_main .btnbox .cartbtnwrap {
    z-index: 1111;
}

/* body.cartshow { overflow: hidden;} */


.backdropbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
}

.cartshow .backdropbox {
    display: block;
}

.header_main .btnbox .backdropbox a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.cart_dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    width: 360px;
    background: var(--white);
    border-radius: 20px;
    border: solid 1px #FFEFF4;
    padding: 0;
    overflow: hidden;
    margin: 10px 0 0 0;
    display: none;
}

.cartshow .cart_dropdown {
    display: block;
}

.cart_dropdown .cart_title {
    background: var(--white);
    padding: 15px 17px;
    position: relative;
    border-bottom: solid 1px #DDDDDD;
}

.cart_dropdown .cart_title h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray25);
    margin: 0;
    padding: 0;
}

.cart_dropdown .cartlistwrap {}

.cart_dropdown .headingtr {
    background: #F7F7F7;
    font-size: 14px;
    color: var(--gray25);
    font-weight: 700;
    padding: 0 5px;
}

.cart_dropdown .headingtr .headth {
    padding: 10px;
}

.cart_dropdown .bodytr {
    background: var(--white);
    font-size: 14px;
    color: var(--gray25);
    padding: 5px;
}

.cart_dropdown .bodytr .bodytd {
    padding: 10px;
}

.cart_dropdown .bodytr+.bodytr {
    border-top: solid 1px #DDDDDD;
}

.cart_dropdown .cartlistwrap .col1 {
    width: 60px;
}

.cart_dropdown .cartlistwrap .col2 {}

.cart_dropdown .cartlistwrap .col3 {
    width: 76px;
    text-align: right;
}

.cart_dropdown .cartlistwrap .qtybox {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    font-size: 14px;
    color: var(--gray25);
}

.cart_dropdown .cartlistwrap .pname {
    font-size: 14px;
}

.cart_dropdown .cartlistwrap .psubtext {
    font-style: italic;
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 0 0 0;
}

.cart_dropdown .cartlistwrap .pricebox {
    font-size: 14px;
    font-weight: 600;
}

.cart_dropdown .cartlistwrap .materialsbox {
    padding: 0 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0 0;
    position: relative;
}

.cart_dropdown .cartlistwrap .materialsbox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    background: var(--gray25);
    border-radius: 10px;
}

.cart_dropdown .cartlistwrap .removebtn {
    margin: auto 0 0 0;
    justify-content: flex-end;
    display: flex;
    padding: 20px 0 0 0;
}

.cart_dropdown .cartlistwrap .removebtn a {
    text-transform: uppercase;
    color: var(--red);
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

.cart_dropdown .subtotalbox {
    padding: 5px 15px;
    border-top: solid 1px #DDDDDD;
}

.cart_dropdown .subtotalbox .subtotal {
    padding: 9px 0;
}

.cart_dropdown .subtotalbox .subtotal .labelbox {
    font-size: 14px;
    color: var(--gray25);
    font-weight: 600;
}

.cart_dropdown .subtotalbox .subtotal .amountbox {
    font-size: 14px;
    color: var(--gray25);
    font-weight: 600;
}

.cart_dropdown .subtotalbox .gstrow .labelbox {
    font-size: 14px;
    color: var(--gray25);
    font-weight: 400;
}

.cart_dropdown .subtotalbox .gstrow .amountbox {
    font-size: 14px;
    color: var(--gray25);
    font-weight: 400;
}

.cart_dropdown .subtotalbox .totalrow {
    padding: 5px 0 0 0;
}

.cart_dropdown .subtotalbox .totalrow .labelbox {
    font-size: 20px;
    color: var(--pink);
    font-weight: 700;
}

.cart_dropdown .subtotalbox .totalrow .amountbox {
    font-size: 20px;
    color: var(--pink);
    font-weight: 700;
}

.cart_dropdown .billtipwrap {
    border-top: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
    height: 48px;
}

.cart_dropdown .billtipwrap .currencybox {
    height: 46px;
    width: 46px;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #DDDDDD;
}

.cart_dropdown .billtipwrap .tipinput {
    width: auto;
}

.cart_dropdown .billtipwrap .tipinput input {
    min-width: 100px;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    height: 46px;
    border: none;
    background: var(--white);
    outline: none;
    box-shadow: none;
}

.cart_dropdown .billtipwrap .persantagebox {
    border-left: solid 1px #DDDDDD;
}

.cart_dropdown .billtipwrap .persantagebox button {
    border: none;
    background: var(--white);
    outline: none;
    box-shadow: none;
    height: 46px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--gray25);
}

.cart_dropdown .promocodebox {
    padding: 12px 15px 16px;
}

.cart_dropdown .promocodebox .labeltext {
    padding: 0 0 10px 0;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.cart_dropdown .promocodebox .inputwrap {
    margin: 0;
}

.cart_dropdown .promocodebox .inputwrap input {
    width: 100%;
    height: 46px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    background: var(--white);
    box-shadow: none;
    outline: none;
    padding: 12px;
    font-size: 14px;
}

.cart_dropdown .specialnote {
    border-top: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
    height: 48px;
}

.cart_dropdown .specialnote .iconbox {
    height: 46px;
    width: 46px;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #DDDDDD;
}

.cart_dropdown .specialnote .inputwrap {}

.cart_dropdown .specialnote .inputwrap input {
    width: 100%;
    min-width: 100px;
    padding: 0 15px;
    font-size: 14px;
    height: 46px;
    outline: none;
    box-shadow: none;
    border: none;
}

.cart_dropdown .btnbox {
    padding: 17px;
    margin: 0;
}

.cart_dropdown .btnbox a {
    width: 100%;
    margin: 0;
    justify-content: center;
}





.banner_wrapper {
    position: relative;
    overflow: hidden;
}

.banner_wrapper .homebanner {
    margin: 0;
    position: relative;
}

.banner_wrapper .homebanner .imagebox {
    height: 804px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_wrapper .homebanner .imagebox h2 {
    font-size: 70px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
    padding: 0 0 290px 0;
    line-height: 1.428;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white;
    text-shadow: 0px 0px 0px var(--lightPink);
    width: 100%;
}

.banner_wrapper .homedots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 214px;
    justify-content: center;
    z-index: 2;
}

.banner_wrapper .homedots button {
    outline: none;
    opacity: 1;
    box-shadow: none;
    background: none;
    border: none;
}

.banner_wrapper .homedots button+button {
    margin: 0 0 0 15px;
}

.banner_wrapper .homedots button span {
    display: block;
    width: 53px;
    height: 9px;
    border-radius: 10px;
    background: var(--pink);
}

.banner_wrapper .homedots button.active span {
    background: var(--white);
}

.banner_wrapper .bann_captionbox {
    position: absolute;
    left: 0;
    top: 207px;
    right: 0;
    text-align: center;
    z-index: 3;
}

.banner_wrapper .bann_captionbox h1 {
    font-size: 70px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
    padding: 0;
    line-height: 1.428;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white;
    text-shadow: 0px 0px 0px var(--lightPink);
}

.banner_wrapper .btnbox {
    justify-content: center;
    padding: 175px 0 0 0;
}

.banner_wrapper .btnbox a+a {
    margin: 0 0 0 20px;
}

.btnbox.gray {
    padding-top: 20px;
}
.ondabtn.graybtn.bigbtn {
    min-width: 420px;
    display: grid;
    padding: 12px;
    vertical-align: middle;
}
.banner_wrapper .innerbanner {
    margin: 0;
    position: relative;
}

.banner_wrapper .innerbanner .imagebox {
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner_wrapper .innerbanner .bann_captionbox {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_wrapper .innerbanner .bann_captionbox h1 {
    text-transform: none;
}

.banner_wrapper .innerbanner .opentiming {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}

.main_wrapper {
    overflow: hidden;
}

.pro_category_wrap {
    margin: 0;
    padding: 50px 0 40px 0;
    position: relative;
}

.pro_category_wrap .shape1 {
    position: absolute;
    right: -200px;
    top: 70px;
    display: none;
}

.pro_category_wrap .shape1 img {
    max-width: 60%;
    max-height: 60%;
}

.pro_category_wrap .container {
    padding: 0 10px;
}

.pro_category_wrap .container .row {
    margin: 0 -10px;
}

.pro_category_wrap .container .row [class*="col-"] {
    padding: 0 10px;
}

.pro_category_wrap .in_pro_category {
    margin: 0;
}

.pro_category_wrap a {}

.pro_category_wrap .catbox {
    background: #F7F7F7;
    border: solid 1px var(--pink);
    border-radius: 10px;
    height: 70px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_category_wrap .catbox:hover {
    background-color: #fff;
    border-color: #ed6696;
}

.pro_category_wrap .catbox:hover .namebox {
    color: #ed6696;
}

.pro_category_wrap .catbox .iconbox {
    width: 80px;
    height: 68px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.pro_category_wrap .namebox {
    padding: 0;
    text-align: center;
    color: var(--gray25);
    font-weight: 700;
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ourstory_wrap {
    padding: 10px 0 40px 0;
}

.ourstory_wrap .storybox {
    margin: 41px 0 0 0;
    border: solid 1px var(--gray25);
    border-radius: 20px;
    padding: 60px 40px 40px;
    position: relative;
    background-color: #fff;
}

.ourstory_wrap .storybox .titlebox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 0;
    justify-content: center;
    align-items: center;
}

.ourstory_wrap .storybox h2 {
    color: var(--pink);
    font-size: 44px;
    font-weight: 900;
    margin: 0;
    padding: 0 30px;
    line-height: normal;
    text-transform: uppercase;
    background: var(--white);
}

.ourstory_wrap .storybox p {
    line-height: 1.6;
    text-align: center;
}

.functionbook_sec {
    padding: 40px 0;
    position: relative;
}

.functionbook_sec .shape_1 {
    position: absolute;
    left: -170px;
    bottom: -170px;
    display: none;
}

.functionbook_sec .shape_1 img {
    max-width: 70%;
    max-height: 70%;
}

.functionbook_sec .imagebox {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.functionbook_sec .imagebox img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    object-fit: cover;
}

.functionbook_sec .captoinbox {
    width: 100%;
    padding: 0 40px 0 0;
}

.functionbook_sec .captoinbox h3 {
    font-size: 34px;
    line-height: 1.25;
}

.functionbook_sec .captoinbox h6 {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    padding: 5px 0 0 0;
}

.functionbook_sec .captoinbox p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 20px 0 0 0;
}

.functionbook_sec .captoinbox .cpbox {
    font-weight: 700;
    font-size: 20px;
    padding: 40px 0 0 0;
    margin: 0;
    line-height: 1.25;
}

.functionbook_sec .captoinbox .btnbox {
    padding: 60px 0 0 0;
}

.functionbook_sec .captoinbox .btnbox a {
    padding: 0 45px;
}

.image_slider_wrap {
    overflow: hidden;
    margin: 40px 0;
}

.image_slider_wrap .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.image_slider_wrap .imagebox {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.image_slider_wrap .imagebox::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.image_slider_wrap .imagebox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.image_slider_wrap .insta_btn {
    justify-content: center;
    padding: 50px 0 0 0;
}

.image_slider_wrap .insta_btn a {
    display: block;
}

.image_slider_wrap .insta_btn a img {
    float: left;
}

.footer_wrap {
    position: relative;
    margin: 50px 0 0 0;
}

.footer_wrap .shape_1 {
    position: absolute;
    left: -100px;
    bottom: 0px;
    display: none;
}

.footer_wrap .shape_1 img {
    max-width: 80%;
    max-height: 80%;
}

.footer_mn {
    padding: 50px 0;
    border-top: solid 1px #DDDDDD;
}

.footer_mn .nav_links {
    margin: 0;
    padding: 0;
    border-right: solid 1px #DDDDDD;
    min-height: 100px;
}

.footer_mn .nav_links ul {
    margin: 0;
    padding: 0;
    display: block;
}

.footer_mn .nav_links ul li {
    margin: 0;
    padding: 0;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.footer_mn .nav_links ul li a {
    display: block;
    color: #252525;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.footer_mn .nav_links ul li a:hover {
    color: var(--pink);
}

.footer_mn p {
    font-size: 16px;
}

.footer_mn .address_f {
    margin: 0;
    align-items: flex-start;
    border-right: solid 1px #DDDDDD;
    min-height: 100px;
}

.footer_mn .address_f .iconbox {
    margin: 0 20px 0 0;
}

.footer_mn .address_f p+p {
    padding: 0;
}

.footer_mn .timing_f .iconbox {
    margin: 0 20px 0 0;
}

.footer_mn .conlinks {
    margin: 0;
    padding: 0 0 0 20px;
    border-left: solid 1px #DDDDDD;
    min-height: 100px;
}

.footer_mn .conlinks ul {
    margin: 0;
    padding: 0;
    display: block;
}

.footer_mn .conlinks ul li {
    margin: 0;
    padding: 0;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.footer_mn .conlinks ul li a {
    display: block;
    color: #252525;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.footer_mn .conlinks ul li a:hover {
    color: var(--pink);
}

.footer_mn .conlinks ul li a img {
    margin: 0 15px 0 0;
}

.footer_copyright {
    padding: 28px 0;
    justify-content: center;
    position: relative;
    border-top: solid 1px #DDDDDD;
}

.footer_copyright p {
    font-size: 16px;
    color: #454545;
}

.footer_copyright p a {
    color: #454545;
}

.footer_copyright p a:hover {
    color: var(--pink);
}

.footer_copyright .social_icons {
    position: absolute;
    right: 0;
    top: 14px;
    align-items: center;
}

.footer_copyright .social_icons a {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    color: #333333;
    border: solid 1px #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_copyright .social_icons a:hover {
    color: var(--pink);
    border-color: var(--pink);
}

.footer_copyright .social_icons a+a {
    margin: 0 0 0 20px;
}
.footer_mn .col-lg-6 .col-lg-7, .footer_mn .col-lg-6 .col-lg-5 {
    width: 50%;
}

.loginsignupmodel .modal-dialog {
    max-width: 500px;
}

.loginsignupmodel .modal-content {
    background: #ffffff;
    border-radius: 20px;
    border: none;
    box-shadow: none;
}

.loginsignupmodel .iconbox {
    height: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.loginsignupmodel .iconbox .in_icon {
    width: 90px;
    height: 90px;
    background: #ffffff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}

.loginsignupmodel .iconbox .in_icon img {
    margin: 0 0 21px 8px;
}

.loginsignupmodel .btn-close {
    position: absolute;
    right: 10px;
    top: 7px;
    opacity: 1;
    border: none;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: #C71111;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    z-index: 2;
    outline: none;
    box-shadow: none;
}

.loginsignupmodel .tab_nav_login {
    position: absolute;
    left: 0;
    top: 75px;
    justify-content: center;
    right: 0;
}

.loginsignupmodel .tab_nav_login .nav-tabs {
    justify-content: center;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: #DFDFDF;
}

.loginsignupmodel .tab_nav_login .nav-tabs .nav-item {
    margin: 0;
    padding: 0;
    border: none;
}

.loginsignupmodel .tab_nav_login .nav-tabs .nav-item .nav-link {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 140px;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #252525;
    font-weight: 600;
}

.loginsignupmodel .tab_nav_login .nav-tabs .nav-item .nav-link.active {
    background: #252525;
    color: var(--white);
    border-radius: 0;
}

.loginsignupmodel .titlebox {
    justify-content: center;
    align-items: center;
    margin: 0 0 100px 0;
    padding: 23px 0 0 0;
}

.loginsignupmodel .titlebox h3 {
    font-size: 20px;
    color: #252525;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
}

.loginsignupmodel .modal-body {
    padding: 0;
    min-height: 200px;
}

.loginsignupmodel .form_wrap {
    margin: 0;
    padding: 0 40px 20px;
}

.loginsignupmodel .form_wrap .form_row {
    margin: 0;
    padding: 0;
}

.loginsignupmodel .form_wrap .form_row+.form_row {
    margin: 20px 0 0 0;
}

.loginsignupmodel .form_wrap .form_row .input_text {
    width: 100%;
    height: 50px;
    background: var(--white);
    border: solid 1px #DFDFDF;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    color: #666666;
    font-weight: 400;
}

.loginsignupmodel .form_wrap .ondabtn {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.loginsignupmodel .forgetpassrow {
    padding: 17px 0 0 0;
    font-size: 16px;
    color: #252525;
    text-align: center;
}

.loginsignupmodel .forgetpassrow a {
    font-weight: 600;
    color: var(--pink);
}

.loginsignupmodel .saveorder {
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 20px 0 27px 0;
    border-top: solid 1px #DFDFDF;
}

.loginsignupmodel .checkrow {
    display: block;
}

.loginsignupmodel .checkrow input[type="checkbox"] {
    display: none;
}

.loginsignupmodel .checkrow label {
    line-height: 30px;
    display: block;
    position: relative;
    min-height: 30px;
    font-size: 16px;
    color: #252525;
    font-weight: 400;
    padding: 0 0 0 40px;
    cursor: pointer;
}

.loginsignupmodel .checkrow label a {
    color: var(--pink);
    font-weight: 600;
}

.loginsignupmodel .checkrow label::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #ffffff;
    border: solid 1px #DFDFDF;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.loginsignupmodel .checkrow label::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/check_mark.svg) no-repeat center center;
    opacity: 0;
    visibility: hidden;
}

.loginsignupmodel .checkrow input[type="checkbox"]:checked+label::before {
    background: var(--pink);
    border-color: var(--pink);
}

.loginsignupmodel .checkrow input[type="checkbox"]:checked+label::after {
    opacity: 1;
    visibility: visible;
}

.loginsignupmodel .registertab_body .form_wrap {
    padding-bottom: 40px;
}

.maneupage_wrap {
    padding: 60px 0 125px 0;
}

.maneupage_wrap .menu_tabnav {
    justify-content: space-between;
}

.maneupage_wrap .menu_tabnav ul {
    margin: 0 auto 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.maneupage_wrap .menu_tabnav ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.maneupage_wrap .menu_tabnav ul li+li {
    margin: 0 0 0 14px;
}

.maneupage_wrap .menu_tabnav ul li a {
    height: 50px;
    border-radius: 10px;
    padding: 0 30px;
    border: solid 1px #E4E4E4;
    background: var(--white);
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
}

.maneupage_wrap .menu_tabnav ul li a:hover {
    background: var(--pink);
    border: 1px solid var(--pink);
    color: #fff;
}

.maneupage_wrap .menu_tabnav ul li a.active {
    background: var(--pink);
    color: white;
    border-color: var(--pink);
}

.maneupage_wrap .menu_tabnav ul li a.giftvoucher {
    background: var(--yellow);
    border: none;
}

.maneupage_wrap .menu_tabnav ul li a.giftvoucher:hover {
    background: var(--pink);
    border: none;
}

.maneupage_wrap .menu_tabnav ul li a.giftvoucher.active {
    background: var(--pink);
    color: white;
}

.maneupage_wrap .menu_tabnav .ondabtn {
    background: var(--white);
    border: solid 1px var(--pink);
    color: var(--pink);
    font-weight: 700;
    padding: 0 11px 0 16px;
    font-size: 18px;
}

.maneupage_wrap .menu_tabnav .ondabtn img {
    margin: 0 5px 0 0;
}

.maneupage_wrap .menu_tabnav .btnbox {
    position: relative;
}

.maneupage_wrap .menu_tabnav .btnbox .pickedtime {
    position: absolute;
    right: 0;
    top: 100%;
    margin: 5px 0 0 0;
}

.maneupage_wrap .menu_tabnav .btnbox .pickedtime span {
    display: flex;
    align-items: center;
    color: var(--gray25);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.maneupage_wrap .menu_tabnav .btnbox .pickedtime span img {
    margin: 0 0 0 5px;
}

.menurow_wrap {
    width: 100%;
}

.menurowmain {
    margin: 0;
    padding: 40px 0 0 0;
}

.menurowmain+.menurowmain {
    padding: 50px 0 0 0;
}

.menurowmain .menu_title {
    margin: 0;
    align-items: center;
    position: relative;
}

.menurowmain .menu_title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 1px;
    background: #DDDDDD;
}

.menurowmain .menu_title h2 {
    padding: 0 30px 0 0;
    margin: 0;
    background: var(--white);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

.menurowmain .menu_title h2:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 40px;
    right: 0;
    top: 0;
    background: #DDDDDD;
    border-radius: 50px;
}

.menurowmain .menuboxwrap {}

.menubox {
    width: 100%;
    height: calc(100% - 40px);
    position: relative;
    margin: 40px 0 0 0;
    border: solid 1px #E4E4E4;
    border-radius: 20px;
}

.menubox .imagebox {
    width: 100%;
    position: relative;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.menubox .imagebox::before {
    content: '';
    display: block;
    padding-top: 83.3333%;
}

.menubox .imagebox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menubox .detailbox {
    position: relative;
    border-top: none;
    border-radius: 0 0 20px 20px;
    padding: 15px;
}

.menubox .detailbox h5 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.menubox .detailbox p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 5px 0 0 0;
}

.menubox .detailbox .priceqty {
    margin: auto 0 0 0;
    padding: 20px 0 0 0;
    align-items: center;
}

.menubox .detailbox .priceqty .priceb {
    color: var(--gray25);
    font-size: 16px;
    font-weight: 700;
}

.menubox .detailbox .priceqty .pcheckb+.pcheckb {
    padding: 0 0 0 11px;
    margin: 0 0 0 10px;
    border-left: solid 1px #E4E4E4;
}

.menubox .detailbox .priceqty .pcheckb input[type="radio"] {
    display: none;
}

.menubox .detailbox .priceqty .pcheckb label {
    display: block;
    margin: 0;
    font-weight: 400;
    color: var(--gray25);
    cursor: pointer;
}

.menubox .detailbox .priceqty .pcheckb span {
    position: relative;
    display: block;
    font-size: 12px;
}

.menubox .detailbox .priceqty .pcheckb span img {
    position: absolute;
    right: 0;
    top: 6px;
    pointer-events: none;
    opacity: 0;
}

.menubox .detailbox .priceqty .pcheckb strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.menubox .detailbox .priceqty .pcheckb input[type="radio"]:checked+label {
    color: var(--pink);
}

.menubox .detailbox .priceqty .pcheckb input[type="radio"]:checked+label span img {
    opacity: 1;
    display: none;
}

.menubox .detailbox .btnbox {
    padding: 20px 0 0 0;
}

.menubox .detailbox .btnbox a {
    width: 100%;
    justify-content: center;
}

.menubox .detailbox .btnbox a:hover {
    background: var(--pink);
    border-color: var(--pink);
    color: var(--white);
}


.nice-select {
    width: 100%;
    border: solid 1px #E4E4E4;
    height: 50px;
    border-radius: 10px;
    line-height: 48px;
    font-size: 16px;
    color: var(--gray33);
}

.nice-select .list {
    min-width: 100%;
}

.nice-select:after {
    width: 18px;
    height: 10px;
    background: url(../images/select_arrow.svg) no-repeat center center;
    border: none;
    padding: 0;
    margin: -5px 0 0 0;
    top: 50%;
    right: 10px;
    transform: none;
    transform-origin: center center;
}

.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

button#time_model {
    display: none;
}

@media (min-width: 768px) {
    .pickup_planpopup .modal-dialog {
        max-width: 600px;
    }
}

.pickup_planpopup .btn-close {
    position: absolute;
    right: 8px;
    top: 8px;
    background: none;
    border: none;
    outline: none;
    opacity: 1;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

.pickup_planpopup .model_header {
    background: var(--gray25);
    padding: 16px 0 20px 0;
    border-radius: 20px 20px 0 0;
    position: relative;
}

.pickup_planpopup .model_header h3 {
    color: var(--white);
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pickup_planpopup .modal-content {
    background: var(--white);
    border-radius: 20px;
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.pickup_planpopup .modal-body {
    padding: 0;
}

.pickup_planpopup .pickupbody {
    padding: 33px 30px 35px;
}

.pickup_planpopup .pickupbody .titlebox {
    text-align: center;
}

.pickup_planpopup .pickupbody .titlebox h4 {
    color: var(--gray33);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.pickup_planpopup .pickupbody .titlebox span {
    display: block;
    color: var(--red);
    font-size: 16px;
}

.pickup_planpopup .formbox {
    margin: 0;
}

.pickup_planpopup .formbox .input_box {
    margin: 30px 0 0 0;
}

.pickup_planpopup .formbox label {
    display: block;
    font-weight: 400;
    color: var(--gray33);
    font-size: 16px;
    padding: 0 0 0 10px;
    margin: 0 0 8px 0;
}

.pickup_planpopup .btnbox {
    justify-content: center;
    margin: 30px 0 0 0;
}

.pickup_planpopup .btnbox .ondabtn {
    text-transform: uppercase;
    padding: 0 65px;
}

.gift_voucher_wrap {
    margin: 0;
    padding: 20px 0 0 0;
}

.gifvoucherbox {
    width: 100%;
    border: solid 1px #E4E4E4;
    width: 100%;
    border-radius: 20px;
    padding: 15px;
    height: calc(100% - 30px);
    margin: 30px 0 0 0;
}

.gifvoucherbox .imagebox {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 13px;
}

.gifvoucherbox .imagebox::before {
    display: block;
    content: '';
    padding-top: 85.55%;
}

.gifvoucherbox .imagebox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gifvoucherbox .imagebox .disbox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(237, 102, 149, 0.9);
    padding: 10px 0;
    font-size: 16px;
    color: var(--white);
    font-weight: 700;
    text-align: center;
}

.gifvoucherbox .imagebox .disbox span {
    width: 70px;
    height: 35px;
    border-radius: 100px 100px 0 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin: 0 0 0 -35px;
    background: rgba(237, 102, 149, 0.9);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 23px;
    line-height: 1;
}

.gifvoucherbox .detailbox {
    position: relative;
    padding: 20px 5px 5px;
}

.gifvoucherbox .detailbox h5 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.gifvoucherbox .detailbox p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.25;
}

.gifvoucherbox .detailbox .btnbox {
    padding: 20px 0 0 0;
    margin: auto 0 0 0;
}

.gifvoucherbox .detailbox .btnbox a {
    width: 100%;
    justify-content: center;
}

.gifvoucherbox .detailbox .btnbox a:hover {
    background: var(--pink);
    border-color: var(--pink);
    color: var(--white);
}

.functionbooking_wrap {
    margin: 0;
    padding: 60px 0 30px 0;
}

.function_title {
    position: relative;
    display: flex;
    justify-content: center;
}

.function_title h2 {
    padding: 0 30px;
    margin: 0;
    background: var(--white);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

.function_title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 1px;
    background: #DDDDDD;
}

.function_title h2:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 40px;
    right: 0;
    top: 0;
    background: #DDDDDD;
    border-radius: 50px;
}

.function_title h2:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 40px;
    left: 0;
    top: 0;
    background: #DDDDDD;
    border-radius: 50px;
}

.function_title h2 strong {
    font-weight: 700;
    color: var(--green);
}

.function_title h2 span {
    font-weight: 400;
}

.function_meta {
    margin: 20px 0 40px 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.function_meta .callaction {
    margin: 0;
    align-items: center;
    display: flex;
    color: var(--gray33);
    font-size: 14px;
    font-weight: 600;
}

.function_meta .callaction+.callaction {
    margin: 0 0 0 30px;
    min-width: 230px;
}

.function_meta .callaction img {
    margin: 0 8px 0 0;
}

.function_form_wrap {
    max-width: 820px;
    margin: 0 auto;
}

.function_form_wrap .row {
    margin: 0 -10px !important;
}

.function_form_wrap .row [class*="col-"] {
    padding: 0 10px !important;
}

.function_form_wrap .form_box {
    margin: 30px 0 0 0;
}

.function_form_wrap .form_box label {
    display: block;
    margin: 0;
    padding: 0 0 8px 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #000000;
}

.function_form_wrap .form_box .input_text {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: solid 1px #E4E4E4;
    background: var(--white);
    padding: 0 20px;
    resize: none;
    outline: none;
    vertical-align: top;
    font-size: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.function_form_wrap .form_box select.input_text {
    background: url(../images/selectinput_icon.svg) no-repeat right center !important;
}

.function_form_wrap .form_box .react-datepicker__input-container .input_text {
    background: url(../images/selectinput_icon.svg) no-repeat right center !important;
}

.function_form_wrap .form_box textarea.input_text {
    height: 120px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.function_form_wrap .btnbox {
    padding: 0;
}

.function_form_wrap .btnbox .ondabtn {
    width: 100%;
    justify-content: center;
}

.function_form_wrap hr {
    opacity: 1;
    background: #DDDDDD;
    margin: 30px 0 0 0;
}

.function_form_wrap .payment_note {
    text-align: center;
    border-top: solid 1px #DDDDDD;
    margin: 20px 0 0 0;
    padding: 25px 0 0 0;
    font-size: 18px;
    color: #8D8D8D;
}

.function_form_wrap .payment_note strong {
    font-weight: 700;
}

.function_form_wrap .sucess_message {
    margin: 0;
}

.function_form_wrap .sucess_message .in_sucessmsg {
    padding: 100px 0;
    justify-content: center;
    align-items: center;
}

.function_form_wrap .sucess_message .online_ord_sucessmsg {
    padding: 0 0;
    justify-content: center;
    align-items: center;
}

.order_num {
    text-align: center;
    padding: 20px;
    width: fit-content;
    margin: 0 auto;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    min-width: 300px;
}

.order_num .b_color {
    color: var(--pink);
    font-weight: bold;
}

.order_num p {
    padding-top: 2px;
    padding-bottom: 2px;
}

.order_det_btc {
    padding: 8px;
    border: solid 1px var(--pink);
    border-radius: 10px;
    color: var(--pink);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.order_det_btc:hover {
    border: solid 1px var(--green);
    color: var(--green);
}

.function_form_wrap .sucess_message strong {
    font-weight: 700;
    color: var(--green);
    font-size: 25px;
    margin: 0;
    padding: 0;
    display: block;
    padding: 0 0 30px 0;
}

.function_form_wrap .sucess_message p {
    font-size: 17px;
    color: var(--gray25);
    text-align: center;
    margin: 0;
    padding: 0;
}

.function_form_wrap .sucess_message p span {
    display: block;
}

.booking_info_wrap {
    margin: 0;
}

.booking_info_wrap .left_infobox {
    width: 100%;
    max-width: 50%;
}

.booking_info_wrap .left_infobox .info_title {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--gray25);
}

.booking_info_wrap .left_infobox .info_title .icon_box {
    width: 40px;
    margin: 0 10px 0 0;
    display: flex;
    justify-content: center;
}

.booking_info_wrap .left_infobox ul+.info_title {
    margin-top: 40px;
}

.booking_info_wrap .left_infobox ul {
    display: block;
    margin: 0;
    padding: 0;
}

.booking_info_wrap .left_infobox ul li {
    display: block;
    margin: 14px 0 0 0;
    padding: 0 0 0 50px;
    font-size: 16px;
    line-height: normal;
    position: relative;
}

.booking_info_wrap .left_infobox ul li::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 2px;
    background: var(--gray25);
    left: 20px;
    top: 50%;
    margin: -1px 0 0 0;
}

.booking_info_wrap .left_infobox ul li strong {
    font-weight: 700;
}

.booking_info_wrap .rightimagebox {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 50%;
}

.booking_info_wrap .rightimagebox img {
    max-width: 100%;
    height: auto;
}

.booking_info_wrap .btnbox {
    margin: 40px -10px 0;
    width: calc(100% + 20px);
}

.booking_info_wrap .btnbox .inbtncol {
    max-width: 33.33%;
    width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.booking_info_wrap .btnbox a {
    width: 100%;
}

.plain_banner {
    padding: 48px 0 60px 0;
    background: #F5F5F5;
}

.plain_banner h2 {
    text-align: center;
    font-size: 50px;
    font-weight: 800;
}

.plain_banner p {
    text-align: center;
}


.order_history_wrap {
    padding: 50px 0;
}

.order_history_wrap .order_tabnav {
    margin: 0;
}

.order_history_wrap .order_tabnav .nav-tabs {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.order_history_wrap .order_tabnav .nav-tabs .nav-item {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}

.order_history_wrap .order_tabnav .nav-tabs .nav-item+.nav-item {
    margin: 0 0 0 10px;
}

.order_history_wrap .order_tabnav .nav-tabs .nav-item .nav-link {
    margin: 0;
    padding: 0;
    border: none;
    background: var(--white);
    outline: none;
    box-shadow: none;
    border: solid 1px #E4E4E4;
    border-radius: 10px;
    padding: 0 18px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--gray25);
}

.order_history_wrap .order_tabnav .nav-tabs .nav-item .nav-link.active {
    background: var(--green);
    border-color: var(--green);
    color: var(--white);
}

.order_history_wrap .order_tabcontent {
    padding: 40px 0 0 0;
}

.pro_category_wrap .catbox .iconbox img {
    max-height: 50px !important;
    max-width: 56px !important;
}

.btnbox #updateLogin {
    display: none;
}


.order_his {
    padding-top: 20px;
}

.order_his_btn,
.order_his_btn ul,
.order_his .order_his_btn ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.order_his .order_his_btn ul li {}

.order_his .order_his_btn ul li a {
    border: solid 1px #E4E4E4;
    border-radius: 10px;
    padding: 10px 20px;
    margin-right: 10px;
    color: var(--gray25);
    font-size: 16px;
}

.order_his .order_his_btn ul li a:hover,
.order_his .order_his_btn ul li a.change_pas:hover {
    background: var(--pink);
    border-color: var(--pink);
    color: #fff;
}

.order_his .order_his_btn ul li a.active {
    border-color: #27BA64;
    background: #27BA64;
    color: #fff;
}

.order_his .order_his_btn ul li a.change_pas {
    border-color: #DE0A16;
    color: #DE0A16;
}

.order_his_btn {
    margin-bottom: 20px;
}

.order_row {
    border-top: 1px solid #E4E4E4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.order_row ul {
    display: block;
}

.order_row ul:last-child {}

.order_row ul li {
    display: inline-grid;
    width: 16.3%;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #E4E4E4;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.order_row ul li:last-child {
    border: none;
    padding: 0;
    padding-left: 20px;
    vertical-align: text-top;
}

.order_row ul li span {}

.btn_panding,
.btn_canceld,
.btn_confirmed,
.btn_rtpu,
.btn_complete {
    background-color: #E4E4E4;
    color: #000;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 6px;
    float: left;
    max-width: fit-content;
    text-align: center;
}

.btn_canceld {
    background-color: #DE0000;
    color: #fff;
}

.btn_confirmed {
    background-color: #1A83F9;
    color: #fff;
}

.btn_rtpu {
    background-color: #EDA709;
    color: #fff;
}

.btn_complete {
    background-color: #27BA64;
    color: #fff;
}

.order_row ul li a {
    width: fit-content;
    border: solid 1px var(--pink);
    padding: 10px 20px;
    border-radius: 10px;
    color: var(--pink);
    background-color: #fff;
    font-weight: bold;
}

.order_row ul li a:hover {
    background-color: var(--pink);
    color: #fff;
}

.order_details_row {
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 0px;
    display: flow-root;
    font-size: 16px;
}

.order_details_row a {
    background: #E4E4E4;
    padding: 10px;
    border-radius: 6px;
    padding-left: 12px;
    padding-right: 12px;
    float: left;
}

.order_details_row a:hover {
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
}

.order_details_row span {
    float: left;
    padding: 10px;
}

span.order_right {
    float: right;
    margin-left: 30px;
    padding-right: 0;
}

.order_details_row .btn_complete,
.order_details_row .btn_canceld,
.order_details_row .btn_confirmed,
.order_details_row .btn_rtpu,
.order_details_row .btn_complete,
.order_details_row .btn_panding {
    padding: 2px 10px;
    margin-top: 10px;
}

.order_dtl_list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.order_dtl_list ul {
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
}

.order_dtl_list ul.row_gry {
    background-color: #F7F7F7;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    font-size: 16px;
}

.order_dtl_list ul li:first-child {
    width: 20%;
}

.order_dtl_list ul li:nth-child(2) {
    width: 52%;
}

.order_dtl_list ul li:nth-child(3) {
    width: 16%;
    text-align: center;
}

.order_dtl_list ul li:nth-child(4) {
    width: 12%;
    text-align: right;
}

.order_dtl_list ul li span {
    display: block;
}

.order_dtl_list ul li img {
    max-width: 80px;
    height: auto;
    border-radius: 10px;
}

.order_sub_total {
    font-size: 16px;
}

.order_sub_total ul {
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px;
}

.order_sub_total ul li:first-child {
    width: 76%;
    text-align: right;
}

.order_sub_total ul li:nth-child(2) {
    width: 12%;
    text-align: left;
    padding-left: 10px;
    color: var(--pink);
    font-weight: bold;
}

.order_sub_total ul li:nth-child(3) {
    width: 12%;
    text-align: right;
    padding-right: 15px;
}

.order_sub_total ul.bottom_bor {
    border-top: 1px solid #e4e4e4;

}

.order_func_details {
    font-size: 16px;
    padding: 10px 15px;
}

.order_func_details ul {
    display: flex;
    margin-bottom: 14px;
    margin-top: 14px;
}

.order_func_details ul li {
    width: 33.33%;
    padding-right: 26px
}

.order_func_details ul li span {
    display: flex;
}

.order_func_details .booking_info_wrap .btnbox .inbtncol {
    width: fit-content;
}

.order_func_details .btnbox {
    margin-top: 30px;
}

.con_icon {
    width: fit-content;
    display: inline-block;
    margin-right: 16px;
}

.con_text {
    display: inline-grid;
}

.functionbook_sec .captoinbox .con_text p {
    padding-top: 12px;
    font-size: 16px;
}

.address_info.con_phone {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-top: solid 1px #EDEDED;
    border-bottom: solid 1px #EDEDED;
}
.address_info .con_text p+p {
    padding-top: 0 !important;
}
.imagebox.con_bg_img {
    background-image: url(../images/about.jpg);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    display: flex;
    padding: 30px;
}

.img_con_text {
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 30px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 16px;
    backdrop-filter: blur(2px);
    margin-top: 1em;
    margin-bottom: 1em;
}

.img_con_text h5 {
    color: #fff;
    font-size: 24px;
}

.img_con_text p {
    color: #fff;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.map_ife {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 50px;
    border: solid 1px #dddddd;
}

.functionbook_sec.contact_us {
    padding-bottom: 0;
}

.pdf_menu {
    margin: 0 auto;
    display: block;
    background-color: var(--lightPink);
    width: fit-content;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    padding-left: 48px;
    padding-right: 20px;
    border-radius: 10px;
    border: solid 1px var(--pink);
    color: #000;
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 10px;
    background-image: url(../images/icon_file_pdf.svg);
    background-repeat: no-repeat;
    background-position: 12px 11px;
    color: var(--pink);
}

.pdf_menu:hover {
    background-image: url(../images/icon_file_pdf_hover.svg);
    background-repeat: no-repeat;
    background-position: 12px 11px;
    background-color: var(--green);
    color: #fff;
    border: solid 1px var(--green);
}

.p_note {
    text-align: center;
    font-size: 15px;
    color: #454545;
    margin-top: 20px;
}

.labelbox.flxflexi.green_txt,
.amountbox.flxfix.green_txt {
    color: #27ba64 !important;
    font-weight: bold !important;
}

.cart_dropdown .promocodebox .inputwrap input.promo_inp {
    width: 70%;
    margin-right: 5px;
}

.cart_dropdown .promocodebox .inputwrap a.app_btc {
    color: #EB6896;
    font-size: 14px;
    border: solid 1px #EB6896;
    padding: 14px;
    border-radius: 6px;
    display: unset;
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
}

.developby {
    padding-left: 10px;
    font-size: 16px;
    color: #454545;
}

.developby a {
    color: #ed6696;
    font-size: 15px;
}

.bx-menu {
    z-index: 50;
    left: 15px;
    width: 22px;
    height: 30px;
    padding: 0;
    background-color: #fff;
    display: none;
    margin-left: 20px;
}

.bx-menu .bar {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    z-index: 0;
    width: 22px;
    height: 2px;
    opacity: 1;
    background-color: #111;
    transition: transform .15s ease-in 0s, margin .15s ease-in .2s, opacity 0s ease-in .15s;
    transform: rotate(0deg);
    pointer-events: none;
}

.bx-menu .bar:nth-child(2) {
    margin-top: -5px;
}

.bx-menu .bar:nth-child(3) {
    margin-top: 5px;
}

.gf_logo {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    margin-top: 50px;
}

.spinner{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    margin-right: 10px;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
  }