﻿:root{
--clr-foreground:#FFFFFF;
--clr-site-red:#d71921;
--clr-site-yellow:#d2a73a;

--clr-text-heading:#0e1317;
--clr-text-para:#393939;

--clr-bdr-l-grey:#e7e8e8;

/*--font-heading:"Outfit", sans-serif;*/
--font-heading:"Roboto Condensed", sans-serif;
--font-heading-stylish2:"Lavishly Yours", cursive;
--font-site:"Open Sans", serif;
--font-icon:"Material Symbols Rounded";

--bs-border-color:#aeb2b6;
}

body{background-color:var(--clr-foreground);font-family:var(--font-site);font-size:16px;line-height:1.7}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--clr-text-heading);line-height:1.4;font-weight:400 !important;}
h1{font-weight:500 !important;}
h2,h3,h4,h5,h6{font-weight:500 !important;}
p{color:var(--clr-text-para);}

a{text-decoration:none}
button{cursor:pointer;background-color:transparent;border:none;font-family:var(--font-site);}

.stylish-btn{background-color:var(--clr-site-red);color:#ffffff;display:inline-flex;align-items:center;min-height:48px;padding:8px 20px;text-transform:uppercase;font-weight:600;letter-spacing:2px;margin:0 4px;line-height:1.3;}
.stylish-btn.back-btn::before{content:"\f1e6";font-family:var(--font-icon);margin-right:10px;font-weight:400;}
.stylish-btn.start-btn{padding:0 14px 0 20px;}
.stylish-btn.start-btn::after{content:"\e037";font-family:var(--font-icon);margin-left:6px;font-weight:400;font-size:20px;}
.stylish-btn:hover{background-color:var(--clr-site-yellow)}
/* -------------- Common -------------- */


#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:99999;display:block;}
#preloader .airplane img{height:300px;width:auto;position:absolute;top:52%;left:50%;transform: translate(-50%, -50%);}
#preloader .logo img{height:80px;width:auto;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}

/*left Area*/
#welcomeScreenSec > .container > .row{min-height:100vh;}
#welcomeScreenSec .circles{position:relative;margin-top:90px;}
#welcomeScreenSec .circles::before,
#welcomeScreenSec .circles::after{content:"";display:inline-block;border-radius:50%;border:1px solid var(--clr-site-red);position:absolute;z-index:-1;}
#welcomeScreenSec .circles::before{bottom:30px;left:-25px;width:calc(100% + 20px);height:calc(100% + 20px);}
#welcomeScreenSec .circles::after{bottom:30px;left:-65px;width:calc(100% + 60px);height:calc(100% + 60px);z-index:-2;}
#welcomeScreenSec .circles .img-box{width:495px;height:495px;border-radius:50%;overflow:hidden;}
/**/
#welcomeScreenSec .circles .quality-food-text .text{width:130px;height:130px;border-radius:50%;border:2px dashed #fff;display:flex;text-align:center;align-items:center;position:absolute;right:33px;bottom:33px;font-family:var(--font-heading);color:#fff;font-size:30px;font-weight:600;line-height:1.3;}
#welcomeScreenSec .circles .quality-food-text .cc{display:inline-block;width:176px;height:176px;mask-image:url(../images/ft-top.svg);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:var(--clr-site-red);position:absolute;right:10px;bottom:10px;   
animation:pxl_spin 15s linear infinite;animation-play-state:running;animation-play-state:running;}
@keyframes pxl_spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/**/
#welcomeScreenSec .circles .very-good-food{position:absolute;top:20px;right:-70px;display:flex;align-items:center;font-family:var(--font-heading);font-weight:500;color:var(--clr-site-red);line-height:1.3;border:1px solid var(--clr-site-red);border-radius:50px;
    padding:0 26px 0 26px;box-shadow:0 10px 60px rgba(35, 116, 231, .3);background:#fff;font-size:16px;height:82px;text-align:center;}
#welcomeScreenSec .circles .very-good-food .img{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;margin-right:10px;display:none}
/*Right Area*/
#branding img{height:120px;width:auto;}
.welcome-text{font-size:120px;font-family:var(--font-heading-stylish2);line-height:1;}


#thankyouScreenSec{/*background-color:#f9f5ef;*/background-image:url(../images/thankyou-screen-bg.png);background-repeat:no-repeat;background-position:left bottom;background-size:50%;}



#cuisineTypes .tiles-wrap a.box{display:block;height:100%;border:1px solid rgba(210,167,58,.3);padding:40px 20px 30px 20px;}
#cuisineTypes .tiles-wrap a.box .img{position:relative;width:160px;height:160px;}
#cuisineTypes .tiles-wrap a.box .img::after{content:"";display:inline-block;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;border-radius:50%;border:1px dashed var(--clr-site-red);animation:cir36 20s linear infinite;}
#cuisineTypes .tiles-wrap a.box .img img{height:160px;/*width:auto;*/width:160px;border-radius:50%;}
#cuisineTypes .tiles-wrap a.box .sign-text{font-family:var(--font-heading-stylish2);font-size:3rem;line-height:.9;color:var(--clr-site-red);padding-top:10px;}
#cuisineTypes .tiles-wrap a.box .title{font-size:1.875rem;font-weight:500 !important}
/*hover*/
#cuisineTypes .tiles-wrap a.box:hover{background-color:var(--clr-site-red)}
#cuisineTypes .tiles-wrap a.box:hover .sign-text{color:#fff;}
#cuisineTypes .tiles-wrap a.box:hover .title{color:#fff;}
#cuisineTypes .tiles-wrap a.box:hover .img::after{border-color:#fff;}
@keyframes cir36{
	100% {transform: rotate(360deg);}
}


#foodItems .tiles-wrap .box{height:calc(100% - 48px);border:1px dashed rgba(23,26,33,.15);background-color:#f4f1ea;}
#foodItems .tiles-wrap .box .loop-box{border-top:1px dashed rgba(23,26,33,.15);}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn{/*padding:24px 36px;cursor:pointer;*/padding:24px 36px 16px 36px;}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn .title{display:flex;align-items:center;justify-content:space-between}
/*#foodItems .tiles-wrap .box .loop-box .title-expand-btn .title::after{content:"\e145";font-family:var(--font-icon);font-size:1.375rem;}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn.open .title::after{content:"\e15b";color:var(--clr-site-red)}*/
#foodItems .tiles-wrap .box .loop-box .title-expand-btn .title h4{font-size:1.375rem;margin-bottom:0;}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn:hover .title h4{color:var(--clr-site-red);}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn.open .title h4{color:var(--clr-site-red);}
#foodItems .tiles-wrap .box .loop-box .title-expand-btn .sub-title{font-size:1rem;margin-bottom:0;font-family:var(--font-heading)}

#foodItems .tiles-wrap .box .loop-box .title-expand-desp{padding:0px 36px 24px 36px;}


.table-selected-items,.table-selected-items th,
.table-selected-items td{border:solid 1px #ddd;}

#yourPreferenceSec{background-color:#f4f1ea;overflow:hidden;}
/*#yourPreferenceSec .loop-box-wrap .cuisine{height:48px;margin:0;}*/
#yourPreferenceSec .loop-box-wrap .box{/*height:calc(100% - 48px);*/border:1px dashed rgba(23, 26, 33, .15);background-color:#fff;padding:10px 0 14px 0;box-shadow:15px 15px 30px 0 rgba(0,0,0,.15);/*border-radius:10px;*/}
#yourPreferenceSec .loop-box-wrap .box .foodCategory{color:#fff;padding:6px 20px;display:inline-block;margin:16px 0 0 0;background-color:var(--clr-site-yellow);}
/*#yourPreferenceSec .loop-box-wrap .box .foodCategory.breakfast-text{background-color:var(--clr-site-yellow);}
#yourPreferenceSec .loop-box-wrap .box .foodCategory.lunch-text{background-color:var(--clr-site-red);}*/
#yourPreferenceSec .loop-box-wrap .box .foodItem{padding:0 30px 0 30px;}
#yourPreferenceSec .loop-box-wrap .box .foodItem .foodHeading{color:var(--clr-site-red);}
#yourPreferenceSec .loop-box-wrap .box .foodItem .foodSubHeading{font-weight:600;}
#yourPreferenceSec .loop-box-wrap .box .foodItem .foodText{font-size:.875rem;color:#757575;}


.red-chilli-sabut-shape{position:absolute;top:40px;right:0px;z-index:1}
.green-leaf-shape{position:absolute;bottom:10px;left:0px;z-index:1}
.onion-and-mushroom-shape{position:absolute;top:50%;right:-210px;z-index:1;margin-top:-166px;}
.float-bob-y{animation:float-bob-y 3s infinite linear}




@keyframes float-bob-y {
	0% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	50% {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
}


@media(max-width:1399.98px){        /* "xxl" (less than 1400px)*/

}


@media(max-width:1199.98px){        /* "xl" (less than 1200px)*/

}


@media(max-width:991.98px){         /* "lg" (less than 992px)*/
    #welcomeScreenSec .circles{margin-top:0;}
    #welcomeScreenSec .circles::before{display:none}
    #welcomeScreenSec .circles::after{display:none}
    #welcomeScreenSec .circles .img-box{width:420px;height:420px;}
    /**/
    #welcomeScreenSec .circles .quality-food-text .text{width:120px;height:120px;right:20px;bottom:20px;font-size:28px;}
    #welcomeScreenSec .circles .quality-food-text .cc{width:160px;height:160px;right:0px;bottom:0px;}
    /**/
    #welcomeScreenSec .circles .very-good-food{display:none;}

    #thankyouScreenSec{background-size:70%;}
}


@media(max-width:767.98px){         /* "md" (less than 768px)*/
}


@media(max-width:575.98px){         /* "SM" (less than 576px)*/
    #welcomeScreenSec .circles .img-box{width:320px;height:320px;}
    /**/
    #welcomeScreenSec .circles .quality-food-text .text{width:90px;height:90px;right:2px;bottom:17px;font-size:20px;}
    #welcomeScreenSec .circles .quality-food-text .cc{width:124px;height:124px;right:-15px;bottom:0px;}
    /**/
    #branding img{height:100px;}

    .welcome-text{font-size:90px;}

    #thankyouScreenSec{background-size:100%;}
}