/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght,YOPQ@100..900,300&display=swap');

:root {
    --primary-blue: #23cca5;
    --dark-blue: #183354;
    --text-muted: #6b7280;
    --rbheading: #fd751b;
    --rbsubheading: #2a8072;
    --rblightblue: #1d9378;
    --rbtext: #585b6f;
    --footer: #222222;
    --rbwhite: #fff;
    --rbblack: #000;
    --rbinfo: #0e1f32;
    --rblink: #cccccc;
    --rbicon: #211e3b;
    --rblight: #f5f6f7;
    --rbshadow: 0 4px 13px 0 rgba(0, 0, 0, 0.10);
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    --rbgradient: linear-gradient(134deg, #37c3a3 0%, #79ffe1 100%);
}

*,
body {
    margin: 0px;
    padding: 0px;
    font-family: "Kumbh Sans", sans-serif;
}

html {
    -webkit-text-size-adjust: none;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

p {
    padding: 0px;
    margin: 0px;
    box-shadow: none;
}

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

a {
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.35s ease-in-out;
    text-decoration: none;
}

.form-control {
    height: 45px;
    border: 1px solid var(--rbheading);
    margin-bottom: 15px;
    border-radius: 3px;
}

.form-control::placeholder {
    color: var(--rbheading);
    font-size: 16px;
    font-weight: 400;
}

textarea.form-control {
    height: 100px;
    min-height: 80px;
    max-height: 120px;
}

a:hover {
    cursor: pointer;
}

.equal_space {
    padding: 80px 0px;
}

.extra_equal_space {
    padding: 90px 0px;
}

.clear {
    clear: both;
}

.container-fluid {
    width: 95%;
}

@media (min-width: 1600px) {
.container {
        min-width: 1535px;
    }
}

@media (min-width: 1400px) {
.container{
    width: 1320px!important;
}
}

@media (max-width: 767px) {
    .container-fluid {
        width: 100%;
    }
}

/* Common Section Subtitle Styles */
.section-subtitle {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
}

.toggle-switch {
    width: 28px;
    height: 14px;
    background-color: var(--rbheading);
    border-radius: 10px;
    position: relative;
    margin-right: 10px;
}

.toggle-switch::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
}

.subtitle-text {
    color: var(--rbsubheading);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Common Button Styles */
.rb-btn-primary {font-size: 16px;font-weight: 600;display: inline-block;background: var(--rbsubheading);border-radius: 18px 0px;padding: 12px 28px;}
.rb-btn-primary .btn-wrap {float: left;z-index: 1;display: inline-block;position: relative;overflow: hidden;border-width: medium !important;border-style: none !important;border-color: currentcolor !important;border-image: initial !important;}
.rb-btn-primary .btn-wrap i{margin-left: 15px;}
.rb-btn-primary .btn-wrap .rb-text1 {color: var(--rbwhite);text-transform: capitalize;align-items: center;position: relative;display: flex !important;transition: 0.3s;}
.rb-btn-primary .btn-wrap .rb-text2 {color: var(--rbwhite);text-transform: capitalize;align-items: center;position: absolute;top: 100%;display: flex !important;transition: 0.3s;}
.rb-btn-primary:hover .btn-wrap .rb-text1 {transform: translateY(-150%);}
.rb-btn-primary:hover .btn-wrap .rb-text2 {top: 50%;transform: translateY(-50%);}
.rb-btn-primary:hover{background: var(--rbheading);}


.rb-btn-secondry {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    background: var(--rbwhite);
    border: 2px solid var(--rbsubheading);
    border-radius: 18px 0px;
    padding: 12px 28px;
    width: fit-content;
}

.rb-btn-secondry .btn-wrap {
    float: left;
    z-index: 1;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.rb-btn-secondry .btn-wrap .rb-text1 {
    color: var(--rbsubheading);
    text-transform: capitalize;
    align-items: center;
    position: relative;
    display: flex !important;
    transition: 0.3s;
}

.rb-btn-secondry .btn-wrap .rb-text2 {
    color: var(--rbsubheading);
    text-transform: capitalize;
    align-items: center;
    position: absolute;
    top: 100%;
    display: flex !important;
    transition: 0.3s;
}

.rb-btn-secondry:hover .btn-wrap .rb-text1 {
    transform: translateY(-150%);
}

.rb-btn-secondry:hover .btn-wrap .rb-text2 {
    top: 50%;
    transform: translateY(-50%);
}

.banner_section{background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;z-index: 1;text-transform: capitalize;padding: 120px 0;height: 100%;}
.banner_section::before {background: var(--rbblack);z-index: -1;opacity: .3;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.banner_info{padding: 30px;background: var(--rbwhite);border-left: 5px solid var(--rblightblue);}
.banner_info h1{font-size: 50px;font-weight: 700;color: var(--rbsubheading);line-height: normal;}
.banner_info h1 span{color: var(--rbheading);}
.banner_info p{font-size: 18px;font-weight: 500;color: var(--rbtext);padding-top: 10px;line-height: 32px;}
/* Banner Section End Here */

.latest_recipes{padding: 60px 0px;}
.latest_recipes h2{font-size: 30px;font-weight: 600;color: var(--rbheading);line-height: 35px;margin-bottom: 20px;}
.latest_recipes .recipe_card .card_img {border-radius: 10px;height: 150px;}
.latest_recipes .recipe_card .card_img img{border-radius: 10px;height: 100%;width: 100%;}
.latest_recipes .recipe_card .card_info {padding: 10px 5px;}
.latest_recipes .recipe_card .card_info a h3{font-size: 17px;font-weight: 500;color: var(--rbsubheading);text-align: center;}
.latest_recipes .recipe_card:hover .card_info a h3{color: var(--rbheading);}
/* Latest Recipes Section End Here */

.what_craving{padding: 60px 0px;background: #f5f6ea;}
.what_craving h2{font-size: 30px;font-weight: 600;color: var(--rbsubheading);line-height: 35px;margin-bottom: 20px;}
.what_craving .wcrav_card{position: relative;}
.what_craving .wcrav_card img{width: 100%;object-fit: cover;border-radius: 5px;position: relative;height: 570px;}
.what_craving .wcrav_card:hover img{opacity: 0.90;transition: all 0.5 ease-in-out;}
.what_craving .wcrav_card .info{position: absolute;bottom: 20px;left: 0px;z-index: 999;width: 100%;padding: 0 20px;}
.what_craving .wcrav_card .info h3{font-size: 24px;font-weight: 500;color: var(--rbwhite);background-color: var(--rbsubheading);padding: 7px 15px;border-left: 5px solid var(--rbheading);width: 100%;}
.what_craving .wcrav_list{flex-direction: column;display: flex;width: 100%;}
.what_craving .wcrav_list ul{grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;gap: 30px;}
.what_craving .wcrav_list ul li .wcrav_card img{max-height: 270px;}
.what_craving .wcrav_list ul li .wcrav_card .info h3{font-size: 18px;}
/* What Craving Section End Here */

.explore_category{padding: 60px 0px;}
.explore_category h2{font-size: 30px;font-weight: 600;color: var(--rbheading);line-height: 35px;margin-bottom: 20px;}
.explore_category .cate_card .thumb{border-radius: 100%;text-align: center;}
.explore_category .cate_card .thumb img{border-radius: 100%;width: 100%;}
.explore_category .cate_card .thumb:hover img{opacity: 0.85;}
.explore_category .cate_card h4{font-size: 17px;color: var(--rbblack);font-weight: 500;padding: 20px 10px 30px;}
.explore_category .swiper-slide:nth-child(even) .cate_card h4:hover{color: var(--rbsubheading);}
.explore_category .swiper-slide:nth-child(odd) .cate_card h4:hover{color: var(--rbheading);}
/* Pagination */
.cateSwiper .swiper-pagination {bottom: 0px !important;}
.cateSwiper .swiper-pagination-bullet {width: 10px;height: 10px;background: var(--rbsubheading);opacity: 0.3;transition: all 0.3s ease;}
.cateSwiper .swiper-pagination-bullet-active {opacity: 1;width: 30px;border-radius: 5px;background: var(--rbheading);}
/* Explore Category Section End Here */

.fan_favorites{padding: 60px 0px;background: #79ffe13d;}
.fan_favorites h2{font-size: 30px;font-weight: 600;color: var(--rbheading);line-height: 35px;margin-bottom: 20px;}
.fan_favorites .fan_card{border: 1px solid var(--rbwhite);border-radius: 5px;margin-bottom: 20px;}
.fan_favorites .fan_card .fan_img img{width: 100%;border-radius: 5px 5px 0 0;object-fit: fill;}
.fan_favorites .fan_card .fan_info {padding: 15px;background: var(--rbwhite);}
.fan_favorites .fan_card .fan_info h3 {font-size: 20px;color: var(--rbsubheading);font-weight: 500;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 35px;}
.fan_favorites .fan_card .fan_info p {font-size: 15px;font-weight: 500;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--rbinfo);}
.fan_favorites .fan_card:hover .fan_img img {opacity: 0.85;}
.fan_favorites .fan_card:hover .fan_info h3 {color: var(--rbheading);}
.fan_favorites .fan_card:hover .fan_info p {color: var(--rbblack);}
/* Fan Favorites Section End Here */

.welcome_foodoclock{padding: 60px 0px;background: #fbfdec;}

.welcome_author{padding: 20px 15px;background: var(--rbwhite);border-radius: 10px;border: 2px dashed var(--rbsubheading);}
.welcome_author h3{font-weight: 600;color: var(--rbsubheading);padding-bottom: 10px;font-size: 24px;}
.welcome_author p{font-weight: 400;color: var(--rbtext);font-size: 15px;}
.welcome_author p img{width: 100%;height: 100%;border-radius: 100%;border: 1px dotted var(--rbheading);max-height: 130px;max-width: 130px;padding: 5px;float: left;margin-right: 15px;}
    
.welcome_foodoclock .welcome_info h2{color: #1a1a1a;font-size: 30px;font-weight: 600;line-height: 35px;margin-bottom: 20px;}
.welcome_foodoclock .welcome_info p{font-size: 16px;font-weight: 500;color: var(--rbtext);padding-bottom: 15px;line-height: 28px;}
.welcome_foodoclock .welcome_info p:last-child{padding-bottom: 0px;}

.welcome_review{padding: 30px 15px;border: 2px solid var(--rbheading);border-radius: 10px;}
.review-nav-wrapper {position: relative;width: 80%;}
.nav-line {height: 1px;background-color: var(--rbsubheading);}
.review-prev, .review-next {width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;transition: all 0.3s ease;z-index: 10;}
.review-prev {border: 1px solid var(--rbheading);color: var(--rbheading);background-color: transparent;}
.review-next {background-color: var(--rbheading);color: #ffffff;border: 1px solid var(--rbheading);}
.review-prev:hover {background-color: var(--rbheading);color: #ffffff;}
.review-next:hover {background-color: transparent;color: var(--rbheading);}

/* Welcome Food o Clock Section End Here */

.dont_miss{padding: 60px 0px;}
.dont_miss .rb-btn-primary{margin-bottom: 20px;justify-content: center;}
.dont_miss h2{font-size: 30px;font-weight: 600;color: var(--rblightblue);line-height: 35px;margin-bottom: 20px;}
.dont_miss .dont_miss_list{display: flex;flex-flow: column nowrap;gap: 16px;padding-right: unset;}
.dont_miss .dont_miss_list .scrolling{overflow-x: auto;scroll-behavior: smooth;overflow-scrolling: touch;scrollbar-width: none;}
.dont_miss .dont_miss_list .scrolling .dont_body{gap: 20px;width: max-content;display: flex;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item{overflow: hidden;display: flex;flex-flow: column nowrap;background-color: #fff;border-radius: 4px;border: 2px solid #F2F2F2;position: relative;width: 66vw;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item img{width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item:hover img{opacity: 0.85;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item h4{font-size: 16px;line-height: 24px;color: var(--rbblack);padding: 10px;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item:hover h4{color: var(--rbheading);}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item h4:hover{color: var(--rbsubheading);}
/* Don't Miss Section End Here */

.recipe_video{background-color: #0e1f31;direction: ltr;display: grid;grid-template-rows: auto;grid-template-columns: 50% 1fr;}
.recipe_video figure{align-self: center;grid-column: 1;grid-row: 1;margin: 0;}
.recipe_video figure img{object-fit: cover;max-width: unset;vertical-align: middle;width: 100%;}
.recipe_video .revideo_content{direction: ltr;grid-column: 2;grid-row: 1;padding: 0 5%;word-break: break-word;align-self: center;}
.recipe_video .revideo_content h3{text-align: center;color: var(--rbwhite);font-size: 34px;}
.recipe_video .revideo_content p{text-align: center;color: var(--rbwhite);font-size: 17px;padding: 30px 0px;font-weight: 400;}
.recipe_video .revideo_content a{width: max-content;margin: 0 auto;}
/* Recipe Video Section End Here */

.more_ideas{padding: 60px 0px;}
.more_ideas h2{font-size: 30px;font-weight: 600;color: var(--rblightblue);line-height: 35px;margin-bottom: 20px;}
.more_ideas .idea_card{position: relative;margin-bottom: 20px;}
.more_ideas .idea_card img{object-fit: cover;border-radius: 5px;width: 100%;}
.more_ideas .idea_card .idea_info{color: #fff;position: absolute;width: 100%;bottom: 0;left: 0;padding: 96px 12px 16px;background: linear-gradient(to top, #000, #0000);border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.more_ideas .idea_card .idea_info h5{text-transform: uppercase;font-size: 14px;font-weight: 700;}
.more_ideas .idea_card .idea_info h3{font-weight: 600;font-size: 30px;padding-top: 10px;line-height: normal;}
/* More Ideas Section End Here */

.feature_recipe{padding: 60px 0px;}
.feature_recipe .feat_list{display: flex;flex-direction: row;border: 0;padding: 30px 0px;overflow: initial;font-weight: 500;border-bottom: 1px solid #0e1e307a;text-decoration: none;align-items: center;}
.feature_recipe .feat_list:last-child{border-bottom: none;padding-bottom: 0px;}
.feature_recipe .feat_list .feat_img{margin-right: 25px;}
.feature_recipe .feat_list .feat_img img{width: 250px;height: 166px;border-radius: 4px;}
.feature_recipe .feat_list .feat_img:hover img{opacity: 0.85;}
.feature_recipe .feat_list .feat_info{padding: 10px 0px;}
.feature_recipe .feat_list .feat_info h6 a{font-size: 18px;font-weight: 600;color: var(--rbtext);}
.feature_recipe .feat_list .feat_info h3 a{padding: 10px 0px;font-size: 24px;font-weight: 700;color: var(--dark-blue);display: block;line-height: 32px;}
.feature_recipe .feat_list .feat_info h3:hover a{color: var(--rblightblue);}
.feature_recipe .sidebar_recipe{position: sticky;top: 50px;}
.feature_recipe .sidebar_recipe img{width: 100%;object-fit: fill;border-radius: 5px;}
/* Feature Recipe Section End Here */

.normal_content{padding: 50px 0px;background: #f3f3f3;}
.normal_content h2{font-size: 28px;line-height: 35px;color: var(--rbsubheading);margin-bottom: 15px;}
.normal_content h3{font-size: 24px;line-height: 33px;color: var(--rbheading);margin-top: 5px;margin-bottom: 10px;}
.normal_content h4{font-size: 20px;line-height: 30px;color: var(--rbsubheading);margin-top: 5px;margin-bottom: 10px;}
.normal_content p{font-size: 16px;line-height: 30px;color: var(--rbtext);margin-bottom: 10px;text-align: justify;}
.normal_content ul{padding-left: 25px;list-style-type: disc;}
.normal_content ol{padding-left: 25px;list-style-type: decimal;}
.normal_content ul li, .normal_content ol li{font-size: 16px;line-height: 30px;color: var(--rbtext);margin-bottom: 10px;list-style-type: disc;text-align: justify;}
.normal_content ol li{list-style-type: decimal;}


@media (min-width: 576px) {
.dont_miss .dont_miss_list .scrolling .dont_body{display: flex;flex-flow: row wrap;gap: 30px}
.recipe_video figure img{height: 375px;}
}

@media (min-width: 767px) {
.dont_miss .dont_miss_list .scrolling {display: contents;}
.dont_miss .dont_miss_list .scrolling .dont_body{width: 100%;}
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item{width: calc((100% - (30px * 1)) / 2);}
}

@media (min-width: 992px) {
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item{width: calc((100% - (30px * 2)) / 3);}
.recipe_video figure img{height: 420px;}
}

@media (min-width: 1200px) {
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item{width: calc((100% - (30px * 3)) / 4);}
.recipe_video figure img{height: 572px;}
}

@media (min-width: 1440px) {
.dont_miss .dont_miss_list .scrolling .dont_body a.dont_item{width: calc((100% - (30px * 4)) / 5);}
.recipe_video{margin: 0 auto;width: 100%;}
}

@media (max-width: 992px) {
.banner_info h1{font-size: 36px;}
.banner_info p{font-size: 16px;}
.recipe_video{grid-template-columns: 40% auto !important;}
.recipe_video .revideo_content h3{font-size: 28px;}
.feature_recipe .feat_list .feat_img img{width: 200px;height: auto;}
.feature_recipe .feat_list .feat_info h3 a{font-size: 18px;}
.feature_recipe .sidebar_recipe{display: none;}
}

@media (max-width: 576px) {
.banner_section{padding: 120px 0px;}
.banner_section .banner_info{padding: 25px;}
.banner_info h1{font-size: 32px;}
.banner_info p{font-size: 15px;}
.what_craving .wcrav_card img{height: auto;}
.recipe_video {grid-template-columns: 0% 100% !important;}
.recipe_video .revideo_content {padding: 50px 15px;text-align: center;}
.recipe_video .revideo_content h3{font-size: 26px;}
}

@media (max-width: 480px) {
.banner_section{padding: 100px 0px;}
.banner_section .banner_info{padding: 20px;}
.banner_info h1{font-size: 24px;line-height: 36px;font-weight: 600;}
.banner_info p{font-size: 15px;line-height: 28px;}
.latest_recipes, .what_craving, .explore_category, .fan_favorites, .dont_miss, .feature_recipe {padding: 40px 0px;}
.more_ideas{padding: 40px 0;}
.feature_recipe .feat_list{padding: 20px 0px }
.latest_recipes h2, .what_craving h2, .explore_category h2, .fan_favorites h2, .dont_miss h2, .more_ideas h2{font-size: 22px;line-height: 32px;}
.what_craving .wcrav_card .info h3, .fan_favorites .fan_card .fan_info h3, .more_ideas .idea_card .idea_info h3, .recipe_video .revideo_content h3{font-size: 18px;line-height: 28px;}
.latest_recipes .recipe_card .card_info a h3, .explore_category .cate_card h4, .more_ideas .idea_card .idea_info h5, .dont_miss .dont_miss_list .scrolling .dont_body a.dont_item h4{font-size: 15px;font-weight: 500;}
.recipe_video .revideo_content p{font-size: 15px;font-weight: 500;padding: 20px;}
.what_craving .wcrav_list ul {grid-template-columns: repeat(1, minmax(0, 1fr));}
.feature_recipe .feat_list{flex-direction: column;}
.feature_recipe .feat_list .feat_img{margin-right: 0px;}
.feature_recipe .feat_list .feat_img img{width: 100%;height: auto;}
.feature_recipe .feat_list .feat_info{padding: 20px 0 0;}
.feature_recipe .feat_list .feat_info h6 a{font-size: 14px;}
.feature_recipe .feat_list .feat_info h3 a{font-size: 18px;line-height: 32px;}
}

.welcome-popup.popup-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.92);z-index: 9999;display: none;align-items: center;justify-content: center;backdrop-filter: blur(8px);animation: fadeIn 0.4s ease;}
@keyframes fadeIn {
from { opacity: 0; backdrop-filter: blur(0); }
to { opacity: 1; backdrop-filter: blur(8px); }
}
.welcome-popup .popup-content {background: #eef4e7;border-radius: 15px;padding: 0;max-width: 700px;width: 90%;max-height: 95vh;overflow-y: auto;box-shadow: 0 25px 60px rgba(0,0,0,0.4);animation: slideUp 0.5s ease;position: relative;}
@keyframes slideUp {
from { transform: translateY(60px) scale(0.9); opacity: 0; }
to { transform: translateY(0) scale(1); opacity: 1; }
}

.welcome-popup .popup-content::-webkit-scrollbar{width:5px;border-radius:30px;}
.welcome-popup .popup-content::-webkit-scrollbar-track{background:#fff7ef;border-radius:30px;}
.welcome-popup .popup-content::-webkit-scrollbar-thumb{background:#347927;border-radius:30px;}
.welcome-popup .popup-content::-webkit-scrollbar-thumb:hover{background:#ff7a00;}

.popup-close {background: #eef4e7;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #f3f7f0;transition: all 0.3s;position: absolute;right: 15px;top: 15px;z-index: 999;}
.popup-close i{font-size: 15px;}
.popup-close:hover {color: #347927;}
/* Welcome Popup - Compact Design */
.welcome-popup .popup-body {background: #fff;padding: 30px 20px;border-radius: 15px;position: relative;z-index: 0;}
.welcome-popup .popup-body:before{background-image: url(../public/assets/front/images/become_pop_img.webp);position: absolute;content: '';top: 0px;right: 0;width: 225px;height: 225px;background-position: center;background-size: cover;background-repeat: no-repeat;z-index: -1;}
.welcome-popup .popup-body .headings{padding: 20px 10px;width: 70%;}
.welcome-popup .popup-body .headings h4 {color: #1d1d1d;padding-left: 50px;font-size: 28px;font-weight: 700;line-height: 45px;position: relative;}
.welcome-popup .popup-body .headings h4:before {background-image: url(../public/assets/front/images/chef_hat.webp);position: absolute;content: '';top: 5%;left: 4px;width: 50px;height: 50px;transform: translate(0%, -50%);background-size: cover;background-repeat: no-repeat;}
.welcome-popup .popup-body .headings h2 {color: #36792b;font-size: 40px;font-weight: 700;line-height: 50px;}
.welcome-popup .popup-body .headings img {text-align: center;margin: 5px auto;display: block;}
.welcome-popup .popup-body .headings p {color: #363331;font-size: 16px;font-weight: 500;text-align: center;}
.welcome-popup .popup-body .pop_featurs {padding: 10px 5px;background: #f3f7ef;border-radius: 15px;margin: 10px 0px;border: 1px solid #ecf1e6;}
.welcome-popup .popup-body .pop_featurs ul {display: grid;grid-template-columns: repeat(5, 1fr);}
.welcome-popup .popup-body .pop_featurs ul li{border-right: 1px solid #d7d7d7;padding: 10px 0px;text-align: center;}
.welcome-popup .popup-body .pop_featurs ul li:last-child{border: none;}
.welcome-popup .popup-body .pop_featurs ul li span{display: block;color: #36792b;font-size: 17px;font-weight: 600;padding: 5px 0px;}
.welcome-popup .popup-body .pop_featurs ul li p{display: block;color: #2c2d27;font-size: 15px;font-weight: 500;}
.welcome-popup .popup-body .pop_wel_offer{display: flex;align-items: center;justify-content: space-between;background: #fdf5ea;border-radius: 15px;border: 2px dashed #fcdaac;padding: 15px;gap: 25px;}
.welcome-popup .popup-body .pop_wel_offer .offer_info h3{color: #f2932b;font-size: 24px;font-weight: 700;position: relative;padding-left: 25px;width: fit-content;}
.welcome-popup .popup-body .pop_wel_offer .offer_info h3::before{background-image: url(../public/assets/front/images/before_border.png);position: absolute;content: '';top: 50%;left: 0;width: 25px;height: 25px;transform: translate(0%, -50%);}
.welcome-popup .popup-body .pop_wel_offer .offer_info h3::after{background-image: url(../public/assets/front/images/after_border.png);position: absolute;content: '';top: 50%;right: -25px;width: 25px;height: 25px;transform: translate(0%, -50%);}
.welcome-popup .popup-body .pop_wel_offer .offer_info h5{font-size: 17px;color: #2c2d27;font-weight: 600;padding: 10px 0px;}
.welcome-popup .popup-body .pop_wel_offer .offer_info h5 span{font-size: 18px;color: #f3540c;font-weight: 800;padding: 7px 25px;background: #fff;border: 2px dashed #fcdaac;border-radius: 10px;display: inline-block;margin-left: 15px;}
.welcome-popup .popup-body .pop_wel_offer .offer_info p{font-size: 18px;color: #2c2d27;font-weight: 600;padding: 0px;}
.welcome-popup .popup-body .pop_wel_offer .offer_info p span{font-size: 19px;color: #f3540c;font-weight: 700;vertical-align: middle;}
.welcome-popup .popup-body p.pop_para_offer{font-size: 15px;color: #555;font-weight: 500;vertical-align: middle;text-align: center;padding: 15px 0px;}
.welcome-popup .popup-body .popup-buttons{display: flex;gap: 1rem;justify-content: center;}
.welcome-popup .popup-body .popup-buttons .btn {flex: 1;padding: 12px 20px;font-size: 17px;min-width: 120px;font-weight: 600;border-radius: 10px;}
.welcome-popup .popup-body .popup-buttons .later_btn{background: #f5f5f5;color: #464646;border: 2px solid #9b9b9b}
.welcome-popup .popup-body .popup-buttons .explore_btn{background: #347927;color: #ffffff;border: 2px solid #347927}
#redirectTimer {margin-top: 12px;padding: 10px;background: linear-gradient(135deg, rgba(42,92,170,0.1), rgba(32,201,151,0.1));border-radius: 8px;font-weight: 600;animation: timerBlink 1.5s infinite;font-size: 14px;text-align: center;}
@keyframes timerBlink {
0%, 100% {opacity: 1;border-color: var(--primary);color: #347927;}
50% {opacity: 0.7;border-color: var(--teal);color: #f3540c;}
}
.welcome-popup .popup_footer{display: flex;gap: 1rem;justify-content: center;padding: 15px 0;}
.welcome-popup .popup_footer .foot_info{flex: 1;border-right: 1px solid #c2cbb7;text-align: center;font-weight: 700;font-size: 16px;}
.welcome-popup .popup_footer .foot_info:last-child{border-right: none;font-weight: 500;}
.welcome-popup .popup_footer .foot_info i{color: #36792b;font-size: 24px;margin-right: 10px;}

@media (max-width: 768px) {
.welcome-popup .popup-content {width: 80%;}
.welcome-popup .popup-body{padding: 25px 15px;}
.welcome-popup .popup-body:before{width: 180px;height: 180px;}
.welcome-popup .popup-body .headings{width: 85%;}
.welcome-popup .popup-body .headings h4{padding-left: 40px;font-size: 24px;}
.welcome-popup .popup-body .headings h4:before{width: 40px;height: 40px;}
.welcome-popup .popup-body .headings h2{font-size: 32px;}
.welcome-popup .popup-body .pop_featurs ul{grid-template-columns: repeat(4, 1fr);}
.welcome-popup .popup-body .pop_featurs ul li:nth-child(4){display: none;}
.welcome-popup .popup-body .pop_featurs ul li span{font-size: 14px;}
.welcome-popup .popup-body .pop_featurs ul li p{font-size: 13px;}
.welcome-popup .popup-body .pop_wel_offer{gap: 0;justify-content: center;}
.welcome-popup .popup-body .pop_wel_offer .offer_box, .welcome-popup .popup-body .pop_wel_offer .offer_open {display: none;}
.welcome-popup .popup_footer{display: none;}
}

@media (max-width: 576px) {
.welcome-popup .popup-content {width: 95%;}
.welcome-popup .popup-body{padding: 25px 10px;}
.welcome-popup .popup-body:before{width: 125px;height: 125px;}
.welcome-popup .popup-body .headings{width: 100%;padding: 10px;}
.welcome-popup .popup-body .headings h4{padding-left: 30px;font-size: 20px;}
.welcome-popup .popup-body .headings h4:before{width: 30px;height: 30px;top: 20%;}
.welcome-popup .popup-body .headings h2{font-size: 28px;}
.welcome-popup .popup-body .pop_featurs ul{grid-template-columns: repeat(3, 1fr);}
.welcome-popup .popup-body .pop_featurs ul li:nth-child(3){display: none;}
.welcome-popup .popup-body .pop_featurs ul li:nth-child(4){display: none;}
.welcome-popup .popup-body .pop_featurs ul li span{font-size: 14px;}
.welcome-popup .popup-body .pop_featurs ul li p{font-size: 13px;}
.welcome-popup .popup-body .pop_wel_offer{gap: 0;justify-content: center;}
.welcome-popup .popup-body .pop_wel_offer .offer_box, .welcome-popup .popup-body .pop_wel_offer .offer_open {display: none;}
.welcome-popup .popup-body .popup-buttons {flex-direction: column; gap: 0.8rem;}
.welcome-popup .popup-body .popup-buttons .btn {width: 100%;text-align: center;}
.welcome-popup .popup_footer{display: none;}
}