/* for badge */

.icon-wrapper {
    position: relative;
    float: left;
}

*.icon-blue {
    color: #0088cc
}

*.icon-grey {
    color: grey
}

i {
    /* width: 100px; */
    text-align: center;
    vertical-align: middle;
}

.badge {
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 5px;
    /* color: red; */
    background-color: goldenrod;
}


/* end badge */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: Big Caslon;
    color: #343A40 !important;
}


/*navigation bar styles*/

.logo-cls {
    width: 200px;
    border-radius: 24px;
}

.nav-sz li {
    padding: 0 19px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    /*  */
}

.navbar-nav .nav-item .nav-link {
    color: #000000;
}

.navbar-nav .nav-item:hover .nav-link:hover {
    color: #c19d56;
    border-bottom: 1px solid #c19d56;
}

.dropbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    font-style: italic;
    font-size: 19px;
    position: absolute;
    background-color: #c19d56;
    margin: 0 -40px;
    min-width: 187px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    /* font-family: Cormorant, serif; */
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* .carousel-inner img {
        height: 400px;
    } */


/* .one{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
} */

.read-more {
    color: #c19d56;
}

.zoom-img:hover {
    transform: scale(1.1);
    transition: all 2s ease-in-out;
}

.content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 5rem;
}

.btn-read {
    color: rgb(255, 255, 255);
    background-color: rgb(193, 157, 86);
    outline-color: rgb(193, 157, 86);
    font-size: 15px;
    padding: 10px 50px;
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-weight: 600;
    /*  */
    /* border-radius: 5px; */
}

.btn-read:hover {
    background-color: transparent;
    color: rgb(193, 157, 86);
    border-color: rgb(193, 157, 86);
    outline-color: rgb(193, 157, 86);
}

.para-2 {
    font-size: 40px;
    letter-spacing: 0.08em;
    width: 100%;
    font-weight: 600;
    /*  */
    font-style: normal;
}

.para-3 {
    font-size: 24px;
    line-height: 1.25em;
    letter-spacing: 0.07em;
    text-align: center;
    /*  */
    font-style: normal;
    font-weight: 600;
}

.para-4 {
    /* font-family: Cormorant, serif; */
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    min-height: 60px;
}

.para-5 {
    /*  */
    font-size: 24px;
    line-height: 1.42em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.para-hd {
    width: 100%;
    margin: 2rem 0;
    /* font-family: "Great Vibes", cursive; */
    font-size: 50px;
    line-height: 0.8em;
    color: #c19d56;
    font-style: normal;
    text-align: center;
}

.hd-ctn {
    font-size: 50px;
    line-height: 1.18em;
    letter-spacing: 0.1em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.prad-hd {
    /* font-family: Cormorant, serif; */
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}

.prad-hd a:hover {
    color: #c19d56 !important;
}

.para-ctnt {
    /*  */
    font-size: 20px;
    line-height: 1.42em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    width: 600px;
}

.over-zom {
    position: relative;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: 0.5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: 0.5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.over-zom:hover .image {
    opacity: 0.3;
}

.over-zom:hover .middle {
    opacity: 1;
}

.text {
    border: 1px solid transparent;
    background-color: #c19d56;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
}

.cake-pr {
    font-size: 18px;
    line-height: 1.33em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

total-ft {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.border-one {
    border: 1px solid #c19d56;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
}

.fa9 {
    position: absolute;
    left: 25px;
    right: -7px;
    bottom: -26px;
    top: 5px;
    transform: rotate(-45deg);
    color: #c19d56;
}

.border-one:hover {
    background-color: #c19d56;
    color: #ffffff !important;
}

.six {
    display: flex;
    justify-content: center;
}

.border-one:hover .fa9 {
    color: #ffffff;
}

.shop-btn {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    /*  */
}

.shop-btn:hover {
    background-color: #c19d56;
    color: #ffffff;
}


/* .brd-rd {
    border-radius: 10px;
} */

.carousel-caption {
    position: absolute;
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    float: bottom;
}

.carousel-caption h3 {
    /* font-size: 45px; */
    /* font-family: "Great Vibes", cursive; */
    font-weight: bold;
}


/* @media(max-width: 500px) {
        .carousel-caption h3 {
            font-size: 45px;
        }
    } */

.side-pr {
    margin: 0;
    /* font-family: "Great Vibes", cursive; */
    font-size: 50px;
    line-height: 0.8em;
    color: #c19d56;
    font-style: normal;
}

.side-hd {
    font-size: 40px;
    letter-spacing: 0.08em;
}

@media(max-width: 500px) {
    .para-ctnt {
        /*  */
        font-size: 20px;
        line-height: 1.42em;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
        width: 100%;
    }
}

.login-box {
    width: 100%;
    margin: auto;
    max-width: 525px;
    min-height: 594px;
    position: relative;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    background: url('');
    /*  */
}

.login-snip {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 28px 70px 50px;
}

.login-snip .login,
.login-snip .sign-up-form {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: all 0.4s linear;
}

.login-snip .sign-in,
.login-snip .sign-up,
.login-space .group .check {
    display: none;
}

.login-snip .tab,
.login-space .group .label,
.login-space .group .button {
    text-transform: uppercase;
}

.login-snip .tab {
    font-size: 22px;
    margin: 0 15px 10px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid transparent;
}

.login-snip .sign-in:checked+.tab,
.login-snip .sign-up:checked+.tab {
    color: #c19d56;
    border-color: #c19d56;
}

.login-space {
    min-height: 345px;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.login-space .group {
    margin-bottom: 15px;
}

.login-space .group .label,
.login-space .group .input,
.login-space .group .button {
    width: 100%;
    color: #000000;
    display: block;
}

.login-space .group .input,
.login-space .group .button {
    border: 1px solid #c19d56;
    padding: 15px 20px;
    border-radius: 25px;
    background: transparent;
}

.login-space .group input[data-type="password"] {
    -webkit-text-security: circle;
}

.login-space .group .label {
    color: rgb(8, 8, 8);
    font-size: 12px;
}

.login-space .group .button {
    background: #c19d56;
}

.login-space .group label .icon {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
}

.login-space .group label .icon:before,
.login-space .group label .icon:after {
    content: "";
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
}

.login-space .group label .icon:before {
    left: 3px;
    width: 5px;
    bottom: 6px;
    transform: scale(0) rotate(0);
}

.login-space .group label .icon:after {
    top: 6px;
    right: 0;
    transform: scale(0) rotate(0);
}

.login-space .group .check:checked+label {
    color: rgb(19, 18, 18);
}

.login-space .group .check:checked+label .icon {
    background: #242425;
}

.login-space .group .check:checked+label .icon:before {
    transform: scale(1) rotate(45deg);
}

.login-space .group .check:checked+label .icon:after {
    transform: scale(1) rotate(-45deg);
}

.login-snip .sign-in:checked+.tab+.sign-up+.tab+.login-space .login {
    transform: rotate(0);
}

.login-snip .sign-up:checked+.tab+.login-space .sign-up-form {
    transform: rotate(0);
}

.touch-home {
    font-size: 30px;
    line-height: 1.33em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.touch-para {
    /*  */
    font-size: 20px;
    line-height: 1.42em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
}

 ::selection {
    background: #c19d56;
    color: #fff;
}


/* ------------------------------------------------------------------------ */


/* END INDEX CSS FILE */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */


/* ---------------SHOP PAGE CSS------------------------------ */


/* -------------------------------------------------------------------------------- */

.shop-text-1 {
    position: relative;
    top: 40%;
    left: 12%;
}

.shop-para-2 {
    font-size: 45px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}

.menu-hd-1 {
    font-size: 40px;
    letter-spacing: 0.08em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.cake-one {
    font-size: 18px;
    line-height: 1.33em;
    /*  */
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cake-one:hover {
    border-bottom: 1px solid #c19d56;
}

.cake-two {
    font-style: italic;
    font-size: 18px;
}

.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 5em;
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
    height: 0;
    overflow: hidden;
    transition: height 1.25s;
}


/* -------------------------------------------------------------------------- */


/* ---------------END SHOP PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ----------------CART PAGE------------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------END CART PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------SERVICES PAGE------------------ */


/* ------------------------------------------------------------------------- */

.services-hd {
    font-size: 60px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}

.accordion-srv:hover .accordion-item-srv:hover .accordion-item-content-srv,
.accordion-srv .accordion-item-srv--default .accordion-item-content-srv {
    height: 8.5em;
}

.accordion-item-content-srv,
.accordion-srv:hover .accordion-item-content-srv {
    height: 0;
    overflow: hidden;
    transition: height 1.25s;
}

.footer {
    background-color: #000000;
    padding: 30px;
    color: #c8c8c8;
}

.footer-para1 {
    margin: 0;
    /* font-family: "Great Vibes", cursive; */
    font-size: 30px;
    line-height: 0.8em;
    color: #c19d56;
    font-style: normal;
}

.footer-hd1 {
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.25em;
    letter-spacing: 0.07em;
    color: #fff;
}

.footer-hd-2 {
    /*  */
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33em;
    color: #fff;
}

.footer-pr2 {
    font-style: italic;
    font-size: 18px;
    color: #c8c8c8;
}


/* -------------------------------------------------------------------------- */


/* ---------------END SERVICES PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------WHOLESALE PAGE------------------ */


/* ------------------------------------------------------------------------- */

.wholesale-hd {
    text-align: center;
    font-size: 36px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    /*  */
    font-style: normal;
    font-weight: 600;
}

.wholesale-para {
    text-align: justify;
    font-style: italic;
    font-size: 20px;
}

.wholesale-bg-hd {
    font-size: 50px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    /*  */
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}


/* -------------------------------------------------------------------------- */


/* ---------------END WHOLESALE PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------WEDDING PROGRAM PAGE------------------ */


/* ------------------------------------------------------------------------- */

.wedding-hd {
    text-align: center;
    font-size: 36px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    /*  */
    font-style: normal;
    font-weight: 600;
}

.wedding-para {
    text-align: justify;
    font-style: italic;
    font-size: 20px;
}

.wedding-bg-hd {
    font-size: 50px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}


/* -------------------------------------------------------------------------- */


/* ---------------END WEDDING PROGRAM PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------MEETING/EVENTS/CELEBRATIONS PAGE------------------ */


/* ------------------------------------------------------------------------- */

.celebrations-hd {
    text-align: center;
    font-size: 36px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}

.celebrations-para {
    text-align: justify;
    font-style: italic;
    font-size: 20px;
}

.celebrations-bg-hd {
    font-size: 45px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}


/* -------------------------------------------------------------------------- */


/* ---------------END MEETING/EVENTS/CELEBRATIONS PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------ABOUT PAGE------------------ */


/* ------------------------------------------------------------------------- */

.about-hd1 {
    font-size: 25px;
    letter-spacing: 0.08em;
    font-style: normal;
    font-weight: 600;
}

.about-para {
    font-size: 22px;
    line-height: 1.42em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    text-align: justify;
}

.about-bg-hd {
    font-size: 57px;
    line-height: 1.14em;
    letter-spacing: 0.12em;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}

.about-two {
    background-color: #fbf6f3;
    padding: 30px;
}


/* -------------------------------------------------------------------------- */


/* ---------------END ABOUT PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------WEDDING PROGRAM PAGE------------------ */


/* ------------------------------------------------------------------------- */

.cupcake-hd {
    text-align: center;
    font-size: 30px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}

.cupcake-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: 0.5s ease;
    backface-visibility: hidden;
}

.cupcake1 {
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    position: relative;
    width: 100%;
}

.cupcake1:hover {
    transform: scale(1.1);
    transition: ease-in-out 0.5s;
}

.cupcake-middle {
    transition: 0.5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.cupcake1:hover .cupcake-image {
    opacity: 1;
}

.cupcake1:hover .cupcake-middle {
    opacity: 2;
}

.cupcake-text {
    padding: 30px;
}

.cupcake-two {
    height: 200px;
    width: 200px;
    background: #fff;
    border-radius: 10px;
}

.cupcake-three {
    border: 1px solid #c19d56;
    height: 150px;
    color: #c19d56;
    padding: 65px 20px;
}

.buy-now {
    color: #c19d56;
}

.cupcake-hd-2 {
    font-size: 17px;
    line-height: 1.33em;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}

.cupcake-hd-2:hover {
    color: #c19d56;
}

.cupcake-para1 {
    line-height: 1;
    color: #000;
    font-size: 22px;
    text-align: center;
    font-style: italic;
}


/* -------------------------------------------------------------------------- */


/* ---------------END WEDDING PROGRAM PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------FRENCH DESERT PAGE------------------ */


/* ------------------------------------------------------------------------- */

.frenchdesert-hd {
    text-align: center;
    font-size: 70px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}


/* -------------------------------------------------------------------------- */


/* ---------------END FRENCH DESERT PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------TART & COOKIES PAGE------------------ */


/* ------------------------------------------------------------------------- */

.tart-cookies-hd {
    text-align: center;
    font-size: 70px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}


/* -------------------------------------------------------------------------- */


/* ---------------END TART & COOKIES PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/* ---------------MINI PASRIES & SAVORIES PAGE------------------ */


/* ------------------------------------------------------------------------- */

.mini-pastries-hd {
    text-align: center;
    font-size: 50px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}

.sacories-hd1 {
    text-align: center;
    font-size: 30px;
    line-height: 1.14em;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: 600;
}


/* -------------------------------------------------------------------------- */


/* ---------------END MINI PASRIES & SAVORIES PAGE------------------ */


/* ------------------------------------------------------------------------- */


/* menu */

.shop-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 55vh; */
}

.shop-two {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 140vh; */
}

@media(max-width: 500px) {
    .shop-two {
        /* height: 200vh; */
    }
}

@media(max-width: 772px) {
    .shop-two {
        /* height: 200vh; */
    }
}

.shop-three {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
}

/* @media(max-width: 500px) {
    .shop-three {
        height: 160vh;
    }
}

@media(max-width: 772px) {
    .shop-three {
        height: 160vh;
    }
} */

.shop-four {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
}

.shop-five {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
}

.shop-six {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80vh;
}

@media(max-width: 500px) {
    .shop-six {
        height: 100vh;
    }
}

@media(max-width: 772px) {
    .shop-six {
        height: 100vh;
    }
}


/* end menu */


/* home page */

.two {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    /* border-radius: 10px; */
}

.five {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    /* border-radius: 10px; */
}


/* end home page */


/* services */

.services-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* end services */


/* start meeting */

.wholesale-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* end meeting event celebrations */


/* cakes & cupcakes */

.cupcake-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* end cup cakes */


/* mini pastries sacories */

.mini-pastries-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

.navbar-toggler {
    background-image: url('/assets/images/menu-icon.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    border: 2px solid #c19d56;
}


/* end */


/* french desert */

.frenchdeserts-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

.navbar-toggler {
    background-image: url('/assets/images/menu-icon.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    border: 2px solid #c19d56;
}


/* french desert end */


/* tarts and cookies */

.tart-cookies-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* end tarts  */


/* about */

.about-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

#pageup {
    position: fixed;
    right: 40px;
    bottom: 60px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    display: none;
    cursor: pointer;
}

.login-box {
    width: 100%;
    margin: auto;
    max-width: 525px;
    min-height: 594px;
    position: relative;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}


/* end about */


/* services */

.services-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* wedding */

.wedding-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}


/* for product */

.cupcake-one {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

img1 {
    vertical-align: middle;
}


/* Position the image container (needed to position the left and right arrows) */

.container1 {
    position: relative;
}


/* Hide the images by default */

.mySlides {
    display: none;
}


/* Add a pointer when hovering over the thumbnail images */

.cursor {
    cursor: pointer;
}


/* Next & previous buttons */

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}


/* Position the "next button" to the right */

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}


/* Container for image text */

.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}


/* Six columns side by side */

.column {
    float: left;
    width: 100%;
}


/* Add a transparency effect for thumnbail images */

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

.cls-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 200px;
}

.view-gallery {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.product-hd1 {
    font-size: 40px;
    line-height: 1.1em;
    letter-spacing: 0.08em;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.product-price {
    font-size: 21px;
    font-style: italic;
}

.btn-add-cart {
    color: #fff;
    border: 1px solid transparent;
    outline: #c19d56 solid 1px;
    outline-offset: 2px;
    background-color: #c19d56;
    font-size: 13px;
    line-height: 2em;
    font-style: normal;
    letter-spacing: 0.19em;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 0;
}

.btn-add-cart:hover {
    background-color: #fff;
    color: #c19d56;
    border: 1px solid #c19d56;
    outline: #c19d56 solid 1px;
}

.product-para-1 {
    font-size: 21px;
    font-style: italic;
}

.nav-pills-product .nav-item-product .nav-link-product a {
    text-align: center;
    font-size: 28px;
    line-height: 46px;
    color: #f27a0c;
    cursor: pointer;
    background-color: #f9f9f9;
    padding: 15px 0;
    text-transform: uppercase;
    margin-bottom: -3px;
}

.nav-pills-product .nav-link-product.active {
    color: #030303 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.19em;
    background-color: #fff !important;
    border-bottom: 1px solid #c19d56;
    border-radius: 0 !important;
}

.nav-pills-product .nav-item-product {
    width: 22%;
    text-align: center;
    color: #000000;
}

.nav-pills-product .nav-link-product {
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.19em;
}

.nav-link-product:hover {
    text-decoration: none;
    color: #c19d56;
}

.product-para-2 {
    font-style: italic;
    font-size: 21px;
    font-weight: 400;
}

.product-para-3 {
    color: #787878;
    font-size: 17px;
    font-style: italic;
}

.product-price-1 {
    color: rgb(95, 87, 87);
    font-size: 20px;
    font-style: italic;
}

.product-review {
    font-size: 18px;
    line-height: 1.33em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
}

.product-review-para {
    /* font-family: Cormorant, serif; */
    font-size: 21px;
    font-weight: 400;
    font-style: italic;
    color: rgb(95, 87, 87);
}

.product-related {
    text-align: left;
    font-size: 24px;
    line-height: 1.25em;
    letter-spacing: 0.07em;
    width: 100%;
    font-style: normal;
    font-weight: 600;
}


/* orders */

.orders {
    font-size: 18px !important;
}


/* suss of faile popup  */

.successresponse {
    font-family: 'Varela Round', sans-serif;
}

.successresponse .modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
}

.successresponse .modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}

.successresponse .modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.successresponse .modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

.successresponse .modal-confirm .form-control,
.modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
}

.successresponse .modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.successresponse .modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.successresponse .modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #82ce34;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.successresponse .modal-confirm .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}

.successresponse .modal-confirm.modal-dialog {
    margin-top: 80px;
}

.successresponse .modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #82ce34;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}

.successresponse .modal-confirm .btn:hover,
.modal-confirm .btn:focus {
    background: #6fb32b;
    outline: none;
}

.successresponse .trigger-btn {
    display: inline-block;
    margin: 100px auto;
}


/* meterial */


/* fallback */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v82/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.successresponse .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    /* -webkit-font-feature-settings: 'liga'; */
    -webkit-font-smoothing: antialiased;
}


/* removing spinner in input type number */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/* My Account */

.payments-item img.mr-3 {
    width: 47px;
}

.order-list .btn {
    border-radius: 2px;
    min-width: 121px;
    font-size: 13px;
    padding: 7px 0 7px 0;
}

.osahan-account-page-left .nav-link {
    padding: 18px 20px;
    border: none;
    font-weight: 600;
    /* color: #535665; */
}

.osahan-account-page-left .nav-link i {
    width: 28px;
    height: 28px;
    /* background: #535665; */
    display: inline-block;
    text-align: center;
    line-height: 29px;
    font-size: 15px;
    border-radius: 50px;
    margin: 0 7px 0 0px;
    color: #fff;
}

.osahan-account-page-left .nav-link.active {
    background: #f3f7f8;
    color: #282c3f !important;
}

.osahan-account-page-left .nav-link.active i {
    background: #282c3f !important;
}

.osahan-user-media img {
    width: 90px;
}

.card offer-card h5.card-title {
    border: 2px dotted #000;
}

.card.offer-card h5 {
    border: 1px dotted #daceb7;
    display: inline-table;
    color: #17a2b8;
    margin: 0 0 19px 0;
    font-size: 15px;
    padding: 6px 10px 6px 6px;
    border-radius: 2px;
    background: #fffae6;
    position: relative;
}

.card.offer-card h5 img {
    height: 22px;
    object-fit: cover;
    width: 22px;
    margin: 0 8px 0 0;
    border-radius: 2px;
}

.card.offer-card h5:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #daceb7;
    content: "";
    left: 30px;
    position: absolute;
    bottom: 0;
}

.card.offer-card h5:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #daceb7;
    content: "";
    left: 30px;
    position: absolute;
    top: 0;
}

.payments-item .media {
    align-items: center;
}

.payments-item .media img {
    margin: 0 40px 0 11px !important;
}

.reviews-members .media .mr-3 {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.order-list img.mr-4 {
    width: 70px;
    height: 70px;
    object-fit: cover;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    border-radius: 2px;
}

.osahan-cart-item p.text-gray.float-right {
    margin: 3px 0 0 0;
    font-size: 12px;
}

.osahan-cart-item .food-item {
    vertical-align: bottom;
}


/* .address .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #000000;
} */

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}

.rounded-pill {
    border-radius: 50rem!important;
}

.address a:hover {
    text-decoration: none;
}


/* payment failed css */

.failed .modal-confirm {
    color: #636363;
    width: 325px;
}

.failed .modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}

.failed .modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.failed .modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

.failed .modal-confirm .form-control,
.modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
}

.failed .modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.failed .modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.failed .modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #ef513a;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.failed .modal-confirm .icon-box i {
    font-size: 56px;
    position: relative;
    top: 4px;
}

.failed .modal-confirm.modal-dialog {
    margin-top: 80px;
}

.failed .modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #ef513a;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}

.failed .modal-confirm .btn:hover,
.modal-confirm .btn:focus {
    background: #da2c12;
    outline: none;
}

.failed .trigger-btn {
    display: inline-block;
    margin: 100px auto;
}


/* end payment failed css */


/*--thank you pop starts here--*/

.thank-you-pop {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.thank-you-pop img {
    width: 76px;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}

.thank-you-pop h1 {
    font-size: 42px;
    margin-bottom: 25px;
    color: #5C5C5C;
}

.thank-you-pop p {
    font-size: 20px;
    margin-bottom: 27px;
    color: #5C5C5C;
}

.thank-you-pop h3.cupon-pop {
    font-size: 25px;
    margin-bottom: 40px;
    color: #222;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border: 2px dashed #222;
    clear: both;
    font-weight: normal;
}

.thank-you-pop h3.cupon-pop span {
    color: #03A9F4;
}

.thank-you-pop a {
    display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}

.thank-you-pop a i {
    margin-right: 5px;
    color: #fff;
}

#ignismyModal .modal-header {
    border: 0px;
}


/*--thank you pop ends here--*/


/* item carousel */

.stretch-card>.card {
    width: 100%;
    min-width: 100%;
    border: none;
}

.productcar {
    background-color: #f9f9fa
}

.productcar .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:991.98px) {
    .productcar .padding {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .productcar .padding {
        padding: 1rem
    }
}

.productcar .padding {
    padding: 3rem
}

.owl-carousel .item {
    margin: 3px
}

.owl-carousel .item img {
    display: block;
    width: 100%;
    height: auto
}

.owl-carousel .item {
    margin: 5px
}

.owl-carousel {
    margin-bottom: 15px
}

.productcar img {
    width: 350px !important;
    height: 223.45px !important;
    border-radius: 10px;
}


/* end item carousel */

#loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
}


/* nav active style */

.nav-item .active {
    background-color: rgb(193, 157, 86);
    border-radius: 12px;
}


/* for lighting box style */

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}

.online .active {
    background-color: #C09C56 !important;
    color: white !important
}

.address-icon i {
    font-size: 36px;
    line-height: 32px;
}

.icons i {
    color: #fff;
    padding: 8px 0px;
    text-align: center;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}

#shoplist {
    text-transform: lowercase !important;
}

#shoplist:first-letter {
    text-transform: uppercase !important;
}


/* media quries */


/* For mobile phones: */

[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {
        width: 8.33%;
    }
    .col-s-2 {
        width: 16.66%;
    }
    .col-s-3 {
        width: 25%;
    }
    .col-s-4 {
        width: 33.33%;
    }
    .col-s-5 {
        width: 41.66%;
    }
    .col-s-6 {
        width: 50%;
    }
    .col-s-7 {
        width: 58.33%;
    }
    .col-s-8 {
        width: 66.66%;
    }
    .col-s-9 {
        width: 75%;
    }
    .col-s-10 {
        width: 83.33%;
    }
    .col-s-11 {
        width: 91.66%;
    }
    .col-s-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
}


/* For mobile phones: */

[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
}

.datepicker table tr td.new {
    color: green !important
}


/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    .cupcake-one {
        height: auto !important
    }
    .shop-one {
        height: auto !important;
   }
   .wish-list .w-50{
    width: auto !important;
   }
}


/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
    .cupcake-one {
        height: auto !important
    }
    .shop-one {
        height: auto !important;
   }
}


/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
    .carousel-caption h3 {
        font-size: 45px;
    }
    .cupcake-one {
        height: 70vh !important
    }
    .shop-one {
        height: 55vh !important;
   }
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
    .carousel-caption h3 {
        font-size: 45px;
    }
    .cupcake-one {
        height: 50vh !important
    }
    .shop-one {
        height: 55vh !important;
   }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    .carousel-caption h3 {
        font-size: 45px;
    }
    .cupcake-one {
        height: 50vh !important
    }
    .shop-one {
         height: 55vh !important;
    }
}

/* Login and Registration Form Error Styles */
.input-error {
    border: 2px solid #dc3545 !important;
    background-color: #fff5f5 !important;
}

.input-error:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
    border-color: #dc3545 !important;
}

#login-errors, #register-errors {
    border-left: 4px solid #dc3545;
    background-color: #f8d7da;
    color: #721c24;
}

#login-errors div, #register-errors div {
    margin-bottom: 5px;
    font-size: 14px;
}

#login-errors div:last-child, #register-errors div:last-child {
    margin-bottom: 0;
}

.text-danger {
    font-size: 13px;
    margin-top: 5px;
    display: block;
}

#passerror {
    font-size: 13px;
    margin-top: 5px;
    display: block;
}