/*---------------------------------- 
SesameRice section 
--------------------------------- */

#SesameRice {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/sesame\ rice.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#SesameRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#SesameRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #SesameRice .container {
        padding-top: 98px;
    }
}

#SesameRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#SesameRice h1 span {
    color: #cda45e;
}

#SesameRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#SesameRice .btns {
    margin-top: 30px;
}

#SesameRice .btn-menu,
#SesameRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#SesameRice .btn-menu:hover,
#SesameRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#SesameRice .btn-book {
    margin-left: 15px;
}

#SesameRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#SesameRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#SesameRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#SesameRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#SesameRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#SesameRice {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #SesameRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #SesameRice {
        height: auto;
    }
    #SesameRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #SesameRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #SesameRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* SesameRice section end  */


/* CheeseSticks section */

#CheeseSticks {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/cheese\ sticks.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#CheeseSticks:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#CheeseSticks .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #CheeseSticks .container {
        padding-top: 98px;
    }
}

#CheeseSticks h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#CheeseSticks h1 span {
    color: #cda45e;
}

#CheeseSticks h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#CheeseSticks .btns {
    margin-top: 30px;
}

#CheeseSticks .btn-menu,
#CheeseSticks .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#CheeseSticks .btn-menu:hover,
#CheeseSticks .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#CheeseSticks .btn-book {
    margin-left: 15px;
}

#CheeseSticks .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#CheeseSticks .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#CheeseSticks .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#CheeseSticks .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#CheeseSticks .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#CheeseSticks {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #CheeseSticks .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #CheeseSticks {
        height: auto;
    }
    #CheeseSticks .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #CheeseSticks h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #CheeseSticks h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* CheeseSticks section end */


/* ChineseFriedRice section*/

#ChineseFriedRice {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/littel\ Fried\ Rice.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChineseFriedRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChineseFriedRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChineseFriedRice .container {
        padding-top: 98px;
    }
}

#ChineseFriedRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChineseFriedRice h1 span {
    color: #cda45e;
}

#ChineseFriedRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChineseFriedRice .btns {
    margin-top: 30px;
}

#ChineseFriedRice .btn-menu,
#ChineseFriedRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChineseFriedRice .btn-menu:hover,
#ChineseFriedRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChineseFriedRice .btn-book {
    margin-left: 15px;
}

#ChineseFriedRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChineseFriedRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChineseFriedRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChineseFriedRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChineseFriedRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChineseFriedRice {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #ChineseFriedRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChineseFriedRice {
        height: auto;
    }
    #ChineseFriedRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChineseFriedRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChineseFriedRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChineseFriedRice */


/* AppleJam section  */

#AppleJam {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/apple\ jam.png") no-repeat top;
    background-size: cover;
    position: relative;
    padding: 0;
}

#AppleJam:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#AppleJam .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #AppleJam .container {
        padding-top: 98px;
    }
}

#AppleJam h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#AppleJam h1 span {
    color: #cda45e;
}

#AppleJam h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#AppleJam .btns {
    margin-top: 30px;
}

#AppleJam .btn-menu,
#AppleJam .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#AppleJam .btn-menu:hover,
#AppleJam .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#AppleJam .btn-book {
    margin-left: 15px;
}

#AppleJam .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#AppleJam .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#AppleJam .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#AppleJam .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#AppleJam .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#AppleJam {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #AppleJam .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #AppleJam {
        height: auto;
    }
    #AppleJam .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #AppleJam h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #AppleJam h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end AppleJam section  */


/*  MushroomBiryani section  */

#MushroomBiryani {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/mushroom\ biryani.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#MushroomBiryani:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#MushroomBiryani .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #MushroomBiryani .container {
        padding-top: 98px;
    }
}

#MushroomBiryani h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#MushroomBiryani h1 span {
    color: #cda45e;
}

#MushroomBiryani h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#MushroomBiryani .btns {
    margin-top: 30px;
}

#MushroomBiryani .btn-menu,
#MushroomBiryani .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#MushroomBiryani .btn-menu:hover,
#MushroomBiryani .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#MushroomBiryani .btn-book {
    margin-left: 15px;
}

#MushroomBiryani .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#MushroomBiryani .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#MushroomBiryani .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#MushroomBiryani .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#MushroomBiryani .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#MushroomBiryani {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #MushroomBiryani .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #MushroomBiryani {
        height: auto;
    }
    #MushroomBiryani .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #MushroomBiryani h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #MushroomBiryani h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end MushroomBiryani section  */


/* MexicanRice section */

#MexicanRice {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/mexican rice.png") no-repeat center !important;
    background-size: cover !important;
    position: relative;
    padding: 0;
}

#MexicanRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#MexicanRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #MexicanRice .container {
        padding-top: 98px;
    }
}

#MexicanRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#MexicanRice h1 span {
    color: #cda45e;
}

#MexicanRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#MexicanRice .btns {
    margin-top: 30px;
}

#MexicanRice .btn-menu,
#MexicanRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#MexicanRice .btn-menu:hover,
#MexicanRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#MexicanRice .btn-book {
    margin-left: 15px;
}

#MexicanRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#MexicanRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#MexicanRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#MexicanRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#MexicanRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#MexicanRice {
    background-attachment: fixed !important;
}


/* } */

@media (max-width: 992px) {
    #MexicanRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #MexicanRice {
        height: auto;
    }
    #MexicanRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #MexicanRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #MexicanRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end mexucan Rice section  */


/* KodoUpma junnu */

#KodoUpma {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/Kodoupama.png") no-repeat top;
    background-size: cover;
    position: relative;
    padding: 0;
}

#KodoUpma:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#KodoUpma .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #KodoUpma .container {
        padding-top: 98px;
    }
}

#KodoUpma h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#KodoUpma h1 span {
    color: #cda45e;
}

#KodoUpma h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#KodoUpma .btns {
    margin-top: 30px;
}

#KodoUpma .btn-menu,
#KodoUpma .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#KodoUpma .btn-menu:hover,
#KodoUpma .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#KodoUpma .btn-book {
    margin-left: 15px;
}

#KodoUpma .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#KodoUpma .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#KodoUpma .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#KodoUpma .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#KodoUpma .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#KodoUpma {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #KodoUpma .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #KodoUpma {
        height: auto;
    }
    #KodoUpma .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #KodoUpma h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #KodoUpma h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end KodoUpma section  */


/*  pohatikki mudde */

#PohaTikki {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/poha\ tikki.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#PohaTikki:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#PohaTikki .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #PohaTikki .container {
        padding-top: 98px;
    }
}

#PohaTikki h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#PohaTikki h1 span {
    color: #cda45e;
}

#PohaTikki h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#PohaTikki .btns {
    margin-top: 30px;
}

#PohaTikki .btn-menu,
#PohaTikki .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#PohaTikki .btn-menu:hover,
#PohaTikki .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#PohaTikki .btn-book {
    margin-left: 15px;
}

#PohaTikki .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#PohaTikki .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#PohaTikki .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#PohaTikki .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#PohaTikki .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#PohaTikki {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #PohaTikki .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #PohaTikki {
        height: auto;
    }
    #PohaTikki .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #PohaTikki h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #PohaTikki h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end poha tikki section  */


/*  Kodo Pulao  */

#KodoPulao {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/Kodo\ millet\ pulao.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#KodoPulao:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#KodoPulao .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #KodoPulao .container {
        padding-top: 98px;
    }
}

#KodoPulao h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#KodoPulao h1 span {
    color: #cda45e;
}

#KodoPulao h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#KodoPulao .btns {
    margin-top: 30px;
}

#KodoPulao .btn-menu,
#KodoPulao .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#KodoPulao .btn-menu:hover,
#KodoPulao .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#KodoPulao .btn-book {
    margin-left: 15px;
}

#KodoPulao .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#KodoPulao .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#KodoPulao .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#KodoPulao .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#KodoPulao .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#KodoPulao {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #KodoPulao .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #KodoPulao {
        height: auto;
    }
    #KodoPulao .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #KodoPulao h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #KodoPulao h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Cream Puffs */


/*  KodoPhirni*/

#KodoPhirni {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/phirni.png") no-repeat bottom;
    background-size: cover;
    position: relative;
    padding: 0;
}

#KodoPhirni:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#KodoPhirni .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #KodoPhirni .container {
        padding-top: 98px;
    }
}

#KodoPhirni h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#KodoPhirni h1 span {
    color: #cda45e;
}

#KodoPhirni h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#KodoPhirni .btns {
    margin-top: 30px;
}

#KodoPhirni .btn-menu,
#KodoPhirni .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#KodoPhirni .btn-menu:hover,
#KodoPhirni .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#KodoPhirni .btn-book {
    margin-left: 15px;
}

#KodoPhirni .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#KodoPhirni .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#KodoPhirni .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#KodoPhirni .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#KodoPhirni .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#KodoPhirni {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #KodoPhirni .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #KodoPhirni {
        height: auto;
    }
    #KodoPhirni .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #KodoPhirni h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #KodoPhirni h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end KodoPhirni  */


/*  KodoDhokla srction*/

#KodoDhokla {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/KodoDhokla.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#KodoDhokla:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#KodoDhokla .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #KodoDhokla .container {
        padding-top: 98px;
    }
}

#KodoDhokla h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#KodoDhokla h1 span {
    color: #cda45e;
}

#KodoDhokla h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#KodoDhokla .btns {
    margin-top: 30px;
}

#KodoDhokla .btn-menu,
#KodoDhokla .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#KodoDhokla .btn-menu:hover,
#KodoDhokla .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#KodoDhokla .btn-book {
    margin-left: 15px;
}

#KodoDhokla .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#KodoDhokla .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#KodoDhokla .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#KodoDhokla .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#KodoDhokla .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#KodoDhokla {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #KodoDhokla .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #KodoDhokla {
        height: auto;
    }
    #KodoDhokla .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #KodoDhokla h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #KodoDhokla h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Foxtail cutlet*/


/*  CurryLeafRice*/

#CurryLeafRice {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/curry\ leaf\ rice.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#CurryLeafRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#CurryLeafRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #CurryLeafRice .container {
        padding-top: 98px;
    }
}

#CurryLeafRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#CurryLeafRice h1 span {
    color: #cda45e;
}

#CurryLeafRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#CurryLeafRice .btns {
    margin-top: 30px;
}

#CurryLeafRice .btn-menu,
#CurryLeafRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#CurryLeafRice .btn-menu:hover,
#CurryLeafRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#CurryLeafRice .btn-book {
    margin-left: 15px;
}

#CurryLeafRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#CurryLeafRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#CurryLeafRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#CurryLeafRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#CurryLeafRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#CurryLeafRice {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #CurryLeafRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #CurryLeafRice {
        height: auto;
    }
    #CurryLeafRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #CurryLeafRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #CurryLeafRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end CurryLeafRice*/


/*  FoxtailBread */

#FoxtailBread {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/Foxtail\ Bread.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FoxtailBread:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FoxtailBread .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FoxtailBread .container {
        padding-top: 98px;
    }
}

#FoxtailBread h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FoxtailBread h1 span {
    color: #cda45e;
}

#FoxtailBread h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FoxtailBread .btns {
    margin-top: 30px;
}

#FoxtailBread .btn-menu,
#FoxtailBread .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FoxtailBread .btn-menu:hover,
#FoxtailBread .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FoxtailBread .btn-book {
    margin-left: 15px;
}

#FoxtailBread .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FoxtailBread .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FoxtailBread .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FoxtailBread .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FoxtailBread .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FoxtailBread {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #FoxtailBread .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FoxtailBread {
        height: auto;
    }
    #FoxtailBread .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FoxtailBread h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FoxtailBread h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FoxtailBread  */


/*  SwissRollCake */

#SwissRollCake {
    width: 100%;
    height: 100vh;
    background: url("../img/international/roll\ cake.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#SwissRollCake:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#SwissRollCake .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #SwissRollCake .container {
        padding-top: 98px;
    }
}

#SwissRollCake h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#SwissRollCake h1 span {
    color: #cda45e;
}

#SwissRollCake h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#SwissRollCake .btns {
    margin-top: 30px;
}

#SwissRollCake .btn-menu,
#SwissRollCake .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#SwissRollCake .btn-menu:hover,
#SwissRollCake .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#SwissRollCake .btn-book {
    margin-left: 15px;
}

#SwissRollCake .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#SwissRollCake .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#SwissRollCake .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#SwissRollCake .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#SwissRollCake .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#SwissRollCake {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #SwissRollCake .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #SwissRollCake {
        height: auto;
    }
    #SwissRollCake .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #SwissRollCake h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #SwissRollCake h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* SwissRollCake end */


/*  OliveHerb */

#OliveHerb {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Olive\ Herb\ Focaccia.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#OliveHerb:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#OliveHerb .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #OliveHerb .container {
        padding-top: 98px;
    }
}

#OliveHerb h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#OliveHerb h1 span {
    color: #cda45e;
}

#OliveHerb h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#OliveHerb .btns {
    margin-top: 30px;
}

#OliveHerb .btn-menu,
#OliveHerb .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#OliveHerb .btn-menu:hover,
#OliveHerb .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#OliveHerb .btn-book {
    margin-left: 15px;
}

#OliveHerb .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#OliveHerb .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#OliveHerb .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#OliveHerb .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#OliveHerb .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#OliveHerb {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #OliveHerb .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #OliveHerb {
        height: auto;
    }
    #OliveHerb .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #OliveHerb h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #OliveHerb h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end OliveHerb */


/*  ChickpeaSalad */

#ChickpeaSalad {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Chickpea-Salad.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChickpeaSalad:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChickpeaSalad .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChickpeaSalad .container {
        padding-top: 98px;
    }
}

#ChickpeaSalad h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChickpeaSalad h1 span {
    color: #cda45e;
}

#ChickpeaSalad h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChickpeaSalad .btns {
    margin-top: 30px;
}

#ChickpeaSalad .btn-menu,
#ChickpeaSalad .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChickpeaSalad .btn-menu:hover,
#ChickpeaSalad .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChickpeaSalad .btn-book {
    margin-left: 15px;
}

#ChickpeaSalad .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChickpeaSalad .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChickpeaSalad .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChickpeaSalad .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChickpeaSalad .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChickpeaSalad {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #ChickpeaSalad .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChickpeaSalad {
        height: auto;
    }
    #ChickpeaSalad .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChickpeaSalad h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChickpeaSalad h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChickpeaSalad */


/*  FlatBread */

#FlatBread {
    width: 100%;
    height: 100vh;
    background: url("../img/international/Flat\ Bread.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FlatBread:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FlatBread .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChickpeaSalad .container {
        padding-top: 98px;
    }
}

#FlatBread h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FlatBread h1 span {
    color: #cda45e;
}

#FlatBread h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FlatBread .btns {
    margin-top: 30px;
}

#FlatBread .btn-menu,
#FlatBread .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FlatBread .btn-menu:hover,
#FlatBread .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FlatBread .btn-book {
    margin-left: 15px;
}

#FlatBread .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FlatBread .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FlatBread .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FlatBread .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FlatBread .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FlatBread {
    background-attachment: fixed;
}


/* } */

@media (max-width: 992px) {
    #FlatBread .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FlatBread {
        height: auto;
    }
    #FlatBread .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FlatBread h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FlatBread h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FlatBread*/


/*  FoxtailCutlet section*/

#FoxtailCutlet {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/foxtail\ cutlet.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FoxtailCutlet:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FoxtailCutlet .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FoxtailCutlet .container {
        padding-top: 98px;
    }
}

#FoxtailCutlet h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FoxtailCutlet h1 span {
    color: #cda45e;
}

#FoxtailCutlet h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FoxtailCutlet .btns {
    margin-top: 30px;
}

#FoxtailCutlet .btn-menu,
#FoxtailCutlet .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FoxtailCutlet .btn-menu:hover,
#FoxtailCutlet .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FoxtailCutlet .btn-book {
    margin-left: 15px;
}

#FoxtailCutlet .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FoxtailCutlet .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FoxtailCutlet .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FoxtailCutlet .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FoxtailCutlet .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FoxtailCutlet {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #FoxtailCutlet .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FoxtailCutlet {
        height: auto;
    }
    #FoxtailCutlet .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FoxtailCutlet h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FoxtailCutlet h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FoxtailCutlet*/


/*  FoxtailBisiBeleBath section*/

#FoxtailBisiBeleBath {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/MilletBisibelebath.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FoxtailBisiBeleBath:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FoxtailBisiBeleBath .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FoxtailBisiBeleBath .container {
        padding-top: 98px;
    }
}

#FoxtailBisiBeleBath h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FoxtailBisiBeleBath h1 span {
    color: #cda45e;
}

#FoxtailBisiBeleBath h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FoxtailBisiBeleBath .btns {
    margin-top: 30px;
}

#FoxtailBisiBeleBath .btn-menu,
#FoxtailBisiBeleBath .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FoxtailBisiBeleBath .btn-menu:hover,
#FoxtailBisiBeleBath .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FoxtailBisiBeleBath .btn-book {
    margin-left: 15px;
}

#FoxtailBisiBeleBath .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FoxtailBisiBeleBath .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FoxtailBisiBeleBath .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FoxtailBisiBeleBath .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FoxtailBisiBeleBath .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FoxtailBisiBeleBath {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #FoxtailBisiBeleBath .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FoxtailBisiBeleBath {
        height: auto;
    }
    #FoxtailBisiBeleBath .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FoxtailBisiBeleBath h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FoxtailBisiBeleBath h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FoxtailBisiBeleBath */


/*  Foxtailmuruku section*/

#Foxtailmuruku {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/foxtailMurukku.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#Foxtailmuruku:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#Foxtailmuruku .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #Foxtailmuruku .container {
        padding-top: 98px;
    }
}

#Foxtailmuruku h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#Foxtailmuruku h1 span {
    color: #cda45e;
}

#Foxtailmuruku h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#Foxtailmuruku .btns {
    margin-top: 30px;
}

#Foxtailmuruku .btn-menu,
#Foxtailmuruku .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#Foxtailmuruku .btn-menu:hover,
#Foxtailmuruku .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#Foxtailmuruku .btn-book {
    margin-left: 15px;
}

#Foxtailmuruku .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#Foxtailmuruku .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#Foxtailmuruku .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#Foxtailmuruku .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#Foxtailmuruku .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#Foxtailmuruku {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #Foxtailmuruku .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #Foxtailmuruku {
        height: auto;
    }
    #Foxtailmuruku .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #Foxtailmuruku h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #Foxtailmuruku h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end Foxtailmuruku */


/*  FoxtailKachori section*/

#FoxtailKachori {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/foxtailkachori.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#FoxtailKachori:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#FoxtailKachori .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #FoxtailKachori .container {
        padding-top: 98px;
    }
}

#FoxtailKachori h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#FoxtailKachori h1 span {
    color: #cda45e;
}

#FoxtailKachori h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#FoxtailKachori .btns {
    margin-top: 30px;
}

#FoxtailKachori .btn-menu,
#FoxtailKachori .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#FoxtailKachori .btn-menu:hover,
#FoxtailKachori .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#FoxtailKachori .btn-book {
    margin-left: 15px;
}

#FoxtailKachori .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#FoxtailKachori .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#FoxtailKachori .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#FoxtailKachori .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#FoxtailKachori .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#FoxtailKachori {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #FoxtailKachori .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #FoxtailKachori {
        height: auto;
    }
    #FoxtailKachori .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #FoxtailKachori h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #FoxtailKachori h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end FoxtailKachori */


/*  ChocolateIceCream section*/

#ChocolateIceCream {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/chocolateIceCream.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChocolateIceCream:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChocolateIceCream .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChocolateIceCream .container {
        padding-top: 98px;
    }
}

#ChocolateIceCream h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChocolateIceCream h1 span {
    color: #cda45e;
}

#ChocolateIceCream h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChocolateIceCream .btns {
    margin-top: 30px;
}

#ChocolateIceCream .btn-menu,
#ChocolateIceCream .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChocolateIceCream .btn-menu:hover,
#ChocolateIceCream .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChocolateIceCream .btn-book {
    margin-left: 15px;
}

#ChocolateIceCream .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChocolateIceCream .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChocolateIceCream .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChocolateIceCream .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChocolateIceCream .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChocolateIceCream {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #ChocolateIceCream .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChocolateIceCream {
        height: auto;
    }
    #ChocolateIceCream .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChocolateIceCream h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChocolateIceCream h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChocolateIceCream */


/*  CarrotTruffles section*/

#CarrotTruffles {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/carrotTruffles.png") no-repeat top;
    background-size: cover;
    position: relative;
    padding: 0;
}

#CarrotTruffles:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#CarrotTruffles .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #CarrotTruffles .container {
        padding-top: 98px;
    }
}

#CarrotTruffles h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#CarrotTruffles h1 span {
    color: #cda45e;
}

#CarrotTruffles h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#CarrotTruffles .btns {
    margin-top: 30px;
}

#CarrotTruffles .btn-menu,
#CarrotTruffles .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#CarrotTruffles .btn-menu:hover,
#CarrotTruffles .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#CarrotTruffles .btn-book {
    margin-left: 15px;
}

#CarrotTruffles .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#CarrotTruffles .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#CarrotTruffles .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#CarrotTruffles .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#CarrotTruffles .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#CarrotTruffles {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #CarrotTruffles .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #CarrotTruffles {
        height: auto;
    }
    #CarrotTruffles .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #CarrotTruffles h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #CarrotTruffles h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end CarrotTruffles */


/*  DoraCake section*/

#DoraCake {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/doraCake.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#DoraCake:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#DoraCake .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #DoraCake .container {
        padding-top: 98px;
    }
}

#DoraCake h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#DoraCake h1 span {
    color: #cda45e;
}

#DoraCake h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#DoraCake .btns {
    margin-top: 30px;
}

#DoraCake .btn-menu,
#DoraCake .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#DoraCake .btn-menu:hover,
#DoraCake .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#DoraCake .btn-book {
    margin-left: 15px;
}

#DoraCake .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#DoraCake .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#DoraCake .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#DoraCake .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#DoraCake .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#DoraCake {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #DoraCake .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #DoraCake {
        height: auto;
    }
    #DoraCake .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #DoraCake h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #DoraCake h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end DoraCake */


/*  BarnyardCutlet section*/

#BarnyardCutlet {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/barnyardCutlet.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#BarnyardCutlet:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#BarnyardCutlet .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #BarnyardCutlet .container {
        padding-top: 98px;
    }
}

#BarnyardCutlet h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#BarnyardCutlet h1 span {
    color: #cda45e;
}

#BarnyardCutlet h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#BarnyardCutlet .btns {
    margin-top: 30px;
}

#BarnyardCutlet .btn-menu,
#BarnyardCutlet .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#BarnyardCutlet .btn-menu:hover,
#BarnyardCutlet .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#BarnyardCutlet .btn-book {
    margin-left: 15px;
}

#BarnyardCutlet .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#BarnyardCutlet .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#BarnyardCutlet .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#BarnyardCutlet .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#BarnyardCutlet .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#BarnyardCutlet {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #BarnyardCutlet .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #BarnyardCutlet {
        height: auto;
    }
    #BarnyardCutlet .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #BarnyardCutlet h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #BarnyardCutlet h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end BarnyardCutlet */


/*  BarnyardKalajamun section*/

#BarnyardKalajamun {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/kalajamun.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#BarnyardKalajamun:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#BarnyardKalajamun .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #BarnyardKalajamun .container {
        padding-top: 98px;
    }
}

#BarnyardKalajamun h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#BarnyardKalajamun h1 span {
    color: #cda45e;
}

#BarnyardKalajamun h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#BarnyardKalajamun .btns {
    margin-top: 30px;
}

#BarnyardKalajamun .btn-menu,
#BarnyardKalajamun .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#BarnyardKalajamun .btn-menu:hover,
#BarnyardKalajamun .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#BarnyardKalajamun .btn-book {
    margin-left: 15px;
}

#BarnyardKalajamun .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#BarnyardKalajamun .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#BarnyardKalajamun .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#BarnyardKalajamun .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#BarnyardKalajamun .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#BarnyardKalajamun {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #BarnyardKalajamun .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #BarnyardKalajamun {
        height: auto;
    }
    #BarnyardKalajamun .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #BarnyardKalajamun h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #BarnyardKalajamun h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end BarnyardKalajamun */


/*  BarnyardPudinaRice section*/

#BarnyardPudinaRice {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/Pudina-Rice.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#BarnyardPudinaRice:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#BarnyardPudinaRice .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #BarnyardPudinaRice .container {
        padding-top: 98px;
    }
}

#BarnyardPudinaRice h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#BarnyardPudinaRice h1 span {
    color: #cda45e;
}

#BarnyardPudinaRice h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#BarnyardPudinaRice .btns {
    margin-top: 30px;
}

#BarnyardPudinaRice .btn-menu,
#BarnyardPudinaRice .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#BarnyardPudinaRice .btn-menu:hover,
#BarnyardPudinaRice .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#BarnyardPudinaRice .btn-book {
    margin-left: 15px;
}

#BarnyardPudinaRice .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#BarnyardPudinaRice .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#BarnyardPudinaRice .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#BarnyardPudinaRice .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#BarnyardPudinaRice .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#BarnyardPudinaRice {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #BarnyardPudinaRice .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #BarnyardPudinaRice {
        height: auto;
    }
    #BarnyardPudinaRice .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #BarnyardPudinaRice h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #BarnyardPudinaRice h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end BarnyardPudinaRice */


/*  BarnyardPayasam section*/

#BarnyardPayasam {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/payasam.png") no-repeat center;
    background-size: cover;
    position: relative;
    padding: 0;
}

#BarnyardPayasam:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#BarnyardPayasam .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #BarnyardPayasam .container {
        padding-top: 98px;
    }
}

#BarnyardPayasam h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#BarnyardPayasam h1 span {
    color: #cda45e;
}

#BarnyardPayasam h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#BarnyardPayasam .btns {
    margin-top: 30px;
}

#BarnyardPayasam .btn-menu,
#BarnyardPayasam .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#BarnyardPayasam .btn-menu:hover,
#BarnyardPayasam .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#BarnyardPayasam .btn-book {
    margin-left: 15px;
}

#BarnyardPayasam .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#BarnyardPayasam .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#BarnyardPayasam .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#BarnyardPayasam .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#BarnyardPayasam .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#BarnyardPayasam {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #BarnyardPayasam .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #BarnyardPayasam {
        height: auto;
    }
    #BarnyardPayasam .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #BarnyardPayasam h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #BarnyardPayasam h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end BarnyardPayasam */


/*  ChocolateTruffleLaddu section*/

#ChocolateTruffleLaddu {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/chocolateLaddu.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#ChocolateTruffleLaddu:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#ChocolateTruffleLaddu .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #ChocolateTruffleLaddu .container {
        padding-top: 98px;
    }
}

#ChocolateTruffleLaddu h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#ChocolateTruffleLaddu h1 span {
    color: #cda45e;
}

#ChocolateTruffleLaddu h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#ChocolateTruffleLaddu .btns {
    margin-top: 30px;
}

#ChocolateTruffleLaddu .btn-menu,
#ChocolateTruffleLaddu .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#ChocolateTruffleLaddu .btn-menu:hover,
#ChocolateTruffleLaddu .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#ChocolateTruffleLaddu .btn-book {
    margin-left: 15px;
}

#ChocolateTruffleLaddu .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#ChocolateTruffleLaddu .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#ChocolateTruffleLaddu .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#ChocolateTruffleLaddu .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#ChocolateTruffleLaddu .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#ChocolateTruffleLaddu {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #ChocolateTruffleLaddu .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #ChocolateTruffleLaddu {
        height: auto;
    }
    #ChocolateTruffleLaddu .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #ChocolateTruffleLaddu h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #ChocolateTruffleLaddu h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end ChocolateTruffleLaddu */


/*  HealthMixPowder section*/

#HealthMixPowder {
    width: 100%;
    height: 100vh;
    background: url("../img/recipes/Mixhealth\ powder.png") no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
}

#HealthMixPowder:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#HealthMixPowder .container {
    padding-top: 110px;
}

@media (max-width: 992px) {
    #HealthMixPowder .container {
        padding-top: 98px;
    }
}

#HealthMixPowder h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #e5e1e1;
    font-family: "Poppins", sans-serif;
}

#HealthMixPowder h1 span {
    color: #cda45e;
}

#HealthMixPowder h2 {
    color: #eee;
    margin-bottom: 10px 0 0 0;
    font-size: 22px;
}

#HealthMixPowder .btns {
    margin-top: 30px;
}

#HealthMixPowder .btn-menu,
#HealthMixPowder .btn-book {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1;
    color: white;
    border: 2px solid #cda45e;
}

#HealthMixPowder .btn-menu:hover,
#HealthMixPowder .btn-book:hover {
    background: #cda45e;
    color: #e5e1e1;
}

#HealthMixPowder .btn-book {
    margin-left: 15px;
}

#HealthMixPowder .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#HealthMixPowder .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#HealthMixPowder .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(205, 164, 94, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#HealthMixPowder .play-btn:hover::after {
    border-left: 15px solid #cda45e;
    transform: scale(20);
}

#HealthMixPowder .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #e5e1e1;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}


/* @media (min-width: 1024px) { */

#HealthMixPowder {
    background-attachment: fixed;
}

@media (max-width: 992px) {
    #HealthMixPowder .play-btn {
        margin-top: 30px;
    }
}

@media (max-height: 500px) {
    #HealthMixPowder {
        height: auto;
    }
    #HealthMixPowder .container {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #HealthMixPowder h1 {
        font-size: 28px;
        line-height: 36px;
    }
    #HealthMixPowder h2 {
        font-size: 18px;
        line-height: 24px;
    }
}


/* end HealthMixPowder */


/*-----------------------------------------
                wrong css 
 --------------======================= */