@import url('https://fonts.googleapis.com/css2?family=David+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
table.dataTable thead .sorting{background-image:none !Important;}
table.dataTable thead .sorting_asc{background-image:none !Important;}
table.dataTable thead .sorting_desc{background-image:none !Important;}
@font-face{

	font-family: "Perpetua";
	src:url("../fonts/PER.TTF");
}

@font-face{

	font-family: "Perpetua";
	src:url("../fonts/PER.eot");
}
 @font-face{

	font-family: "RustlingTrees";
	src:url("../fonts/RustlingTrees-Regular.otf");
}
body{overflow-x: hidden;font-family: 'David Libre', serif; /*background:#ffffe6 url("../images/pattern-bg.png");*/position: relative;
    font-size: 18px;
}

html{

	scroll-behavior: smooth;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}
/*PACKAGES CSS STARTS HERE*/
.form-check-input{margin-left: -16px !important;}
.modal-dialog{max-width:550px !important;}
.m-1{height:400px;overflow-y:scroll;width:500px !important;}
.radio-inline{font-size:17px;margin-right:5px;}
.package-list-3 li:nth-child(odd){background:#e27b2c url(../images/plus-icon.png);background-repeat: no-repeat;
    background-position: right 10px center;color:#fff;}
.package-list-3 li:nth-child(even){background:#4d1133 url(../images/plus-icon.png);background-repeat: no-repeat;
    background-position: right 10px center;color:#fff;}
.banner-content{padding-top:0px;}
.center-icon{margin-top:-15px;}
.package-list-2 li:hover img {transform: translateY(-5px);}
.package-list-2 li img{transition: 0.5s ease;}
.package-list-2 li p{    transition: 0.5s}
.package-list-2 li:hover p{letter-spacing: 1px;}
.start-btn{padding: 4px 20px !important;font-size:28px !important;}
.package-div{background:url(../images/bg-1.jpg);background-repeat:no-repeat;padding:80px 0px !important;background-size:cover;}
.package-title{font-size:34px !important; text-transform:uppercase;margin-bottom:30px;}
.pack-1{-webkit-box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);
box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);}
.package-list{padding:0px;}
.modal-title{background:url('../images/underline.jpg');font-size: 26px;background-repeat: repeat-x;display: inline-block;background-position: bottom 1px center;margin-bottom:20px;}
.package-list li{list-style-type:none;float:left;padding:20px 30px;text-align:center;}
.package-list li h4{margin:10px 0px 0px 0px;}
.pack-title-1{font-size:30px;color:#fff;text-align:center;padding:30px;margin:0px;}
.package-section-2{padding:20px 30px 0px 30px;width:100%;}
.package-section-2 h3{text-align:center !important;font-weight:600;font-size:32px;}
.package-section-2 h4{text-align:center !important;font-weight:600;font-size:24px;}
.package-list-1{padding:0px;width:100%;margin:0px;}
.package-list-1 li{list-style-type:none;float: left;margin: 20px;background: #ebebeb;width: 28.8%;padding-bottom:10px;}
.package-list-1 li .pack-list-1{background:#ffbf00;padding:10px;text-align:center;margin: 0px 0px 15px 0px;font-size:30px;}
.package-list-1 li .pack-list-2{background:#82c91e;padding:10px;text-align:center;margin: 0px 0px 15px 0px;font-size:30px;}
.package-list-1 li .pack-list-3{background:#20c4de;padding:10px;text-align:center;margin: 0px 0px 15px 0px;font-size:30px;}
.package-list-1 li p{text-align:center;font-size:20px;margin:0px;font-weight:600;}
.duration-title{font-size:24px;font-weight:600;text-align:center;}
.package-list-2 li{list-style-type:none;float: left;margin: 10px 40px;text-align:center;}
.package-list-2 li p{font-size:20px;margin:0px;}
.package-list-2{padding:0px;width:100%;margin:0px;}
.s-11{-webkit-box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);
box-shadow: 0px 0px 5px 0px rgba(122,121,122,1);background:#fff;margin-top:50px;}
.package-section-3{width:100%;background:#ebebeb;padding:10px 0px;}
.package-section-3 p{font-size:24px;font-weight:500;line-height:33px;margin:0px;}
.package-section-3 p a{background:#ff0000;color:#fff;font-size:24px;padding:8px 20px;margin-left:40px;}
.s-11 h5{background:#ffbf00;padding:8px 0px;color:#000;font-size:24px;width:100%;margin:0px;text-align:center;}
.package-list-3 {padding:0px;margin:0px;}
.package-list-3 li{list-style-type:none;float: left;margin: 20px 15px ;text-align:center;font-size:24px;background: #ebebeb url(../images/plus-icon.png);background-repeat: no-repeat;
    background-position: right 10px center;
padding: 5px 30px;border:1px solid #000;border-radius:3px;cursor:pointer;width:46.6%;}
.pack-list-3{padding:0px}
.pack-list-3 li{list-style-type:none;font-size:24px;}
#myModal11 .modal-dialog {max-width: 785px;}
#myModal22 .modal-dialog {max-width: 785px;}
#myModal33 .modal-dialog {max-width: 785px;}
.n-1{padding-top:13px !important;}
.banner-head{line-height:55px !important;margin-bottom:30px;}
@media (max-width:1024px)
{
	.package-list li{padding: 20px ;}
	.pack-title-1{padding: 20px ;}
	.package-list-1 li{margin:18px;}
	.package-list-2 li{    margin: 10px 28px;}
	.package-list-3 li{margin: 20px 10px;padding: 5px 16px;}
	.package-section-3 p a{padding: 8px 15px;}
	.love-item{font-size:40px !important;}
	.banner-head{font-size:20px !important;}
}
@media (max-width: 768px)
{
.package-list li {padding: 10px 46px;}
.package-list-1 li{width: 43.8%;}
.ex-1{text-align:center;}
.navbar-nav .nav-item .nav-link{font-size:14px !important;padding-top:11px !Important;}

.n-1{padding-top:0px !important;}
.package-list-3 li{width:100%;}
.nav-list{margin-top:0px !important;}
.nav-list-2{margin-top:0px !Important;}
.list-workinghour-bg{font-size:14px !Important;    background-position: 0px 3px !important;}
.list-phone-bg span{font-size:14px !Important;}
.list-phone-bg{background-size: 17px 17px !important;}
.nav-list{width:100% !important;}
}
@media (max-width: 425px)
{
.package-title{font-size:20px !important;}
.pack-1{margin:20px;}
.package-list li {padding: 10px 55px !important;}
.package-list-1 li {width: 100% !important;margin: 20px 0px;}
.s-11{width:100%;margin:50px 0px;}
.package-list-2 li{width:100%;margin:10px 0px;}
.package-list-3 li{font-size:18px;}
.package-list li {padding: 10px 46px;width:100%;}
.package-list-1 li{width: 43.8%;}
.ex-1{text-align:center;}
.nav-list li{width:100%;}
.nav-list-2 li{width:auto;text-align:center;}
.package-div{padding:20px 0px!important;}
.navbar{padding: 10px 20px 10px 20px !important;}
.center-icon{margin-top:0px;}
.nav-list-2{margin-top:20px !important;}
.list-workinghour-bg{background-position: 0px 6px !important;}

}
/*PACKAGES CSS ENDS HERE*/

.love-item{font-family: "RustlingTrees" !important;color:#ff0101 !important;font-weight:500 !important;font-size:58px !important;}
.section-header{font-family: 'PT Serif', serif;font-weight: bold;font-size: 34px;text-transform:uppercase;}

/* .section-text{font-family: "Perpetua";} */

.btn-green{background:#60ba62;color: #fff;margin: 10px 0px; font-size: 15px;}

.btn-green:hover{color: #fff;}

.btn-black{background:#000; color: #fff;margin: 10px 0px;}

.btn-black:hover{color: #fff;}


.thank_you{font-size: 24px;}

.close{padding:5px;margin-left: 10px;}

/*---------------------- Top Bar -----------------------------------------------------------------*/

#top-bar{background: #ffffff75;padding:0px;overflow: hidden;position: absolute;width: 100%;top:0;}

#top-bar .top-work-details-list{float: right; list-style-type: none; margin-bottom: 0px;padding-right: 50px;padding-top: 1px;}

#top-bar .top-work-details-list li{margin:0; display: inline-block;color: #000;}

#top-bar .top-work-details-list li span{border-right: 2px solid #00000047;padding-right: 15px;}

#top-bar .top-work-details-list li a{color: #000;}

#top-bar .top-work-details-list li i{padding: 0 5px;}

.contact-us{padding-left: 5px; vertical-align: text-bottom;}

.contact-us a{padding-right: 10px;text-decoration: none; color:#000;}

.list-workinghour-bg{background: url("../images/list-bg-clock.png")  no-repeat !important;padding: 0px 0px 0px 35px;margin: 0px 0px; background-size: 15px 15px !important;background-position: 0px 6px !important;box-shadow: none !important;vertical-align: text-bottom;font-size: 16.5px;padding-left:22px !important}

.list-phone-bg{background: url("../images/list-bg-phone.png")  no-repeat !important;padding: 0px 0px 0px 30px;margin: 0px 0px; background-size: 17px 17px !important;background-position: 0px 4px !important;box-shadow: none !important;vertical-align: text-bottom;padding-left:22px !important}

.list-phone-bg span{font-size: 16.5px;}

.list-phone-bg a img{padding: 0px 10px;width: 40px;height: auto;}

.signup-login-section{padding-right: 10px;}

.height{height: auto;}

/*------------------------- Nav-bar ----------------------------------------------------------------------*/

.toggler-1{top: 0 !important;}

.navbar{
    /*position: fixed;*/
    right: 0;top:0px;width: 100%;background: #ffffff;z-index: 999;transition: 0.5s ease;padding:10px 20px 0px 20px; border-bottom: 1px solid #ccc;}

.navbar-brand{visibility: hidden;text-transform: uppercase;
    letter-spacing: 5px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
font-size: 16px;
text-align: center;
position: relative;}

.home-fifth-section{padding: 0px 0px 20px !important;}

.navbar-brand span{font-size: 10px;text-transform: capitalize !important;letter-spacing: 1.3px;position: absolute;left: 48%;bottom: -4px;transform: translateX(-50%);}

.navbar-nav .nav-item .nav-link{color: #000000;text-transform: uppercase;font-size: 16.5px;font-weight: bold;position: relative;padding:20px 0px 0px 0px;}

.navbar-nav .nav-item .nav-link::after{position: absolute;bottom: 0px;left: 0;height: 2px;width: 0%;background: #000;content: '';transition: 0.5s ease;}

.navbar-nav .nav-item .nav-link:focus{outline: none !important;box-shadow: none;}

.navbar-nav .nav-item .nav-link:hover::after{width: 100%;}

.navbar-nav .nav-item:first-child .nav-link{position: relative;right: calc(100% - 100%) !important;top: -10px;}

.navbar-nav .nav-item .nav-link img{width: 51px;height: auto;}

.navbar-nav .nav-item:first-child .nav-link:hover::after{width: 0px !important;}

.nav-list-2{margin-left: 15px;top:-2px;display: block;width:100%;text-align:right;border-bottom:1px solid #ccc;}


.nav-list-2 .nav-item:first-child .nav-link::after{position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: #000;content: '';display: none;}

.nav-list-2 .nav-item:nth-child(2) .nav-link::after{position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: #000;content: '';display: none;}

.nav-list-3{position: absolute;left: 50%;top: 12px;transform: translateX(-50%);visibility: visible;}

.center-icon-display{visibility: visible;}

.nav-list-3 .center-icon{width: 150px;height: auto;margin-top: 6px;}

.nav-list-3 a{text-transform: uppercase;letter-spacing: 5px;text-decoration: none;color:#000;font-weight: bold;position: relative;font-size: 20px;}

.nav-list-3 a span{font-size: 12px;text-transform: capitalize !important;letter-spacing: 1.3px;position: absolute;left: 51%;bottom: -8px;transform: translateX(-50%);width: 100%}

.navbar-toggler{background: #ffffff75;}

.navbar-toggler-icon{background: #ffffe6;width: 20px;height: 2px;display: block;margin: 5px;}
.home-img{padding-top:0px;}
.fixed{position: fixed;top:0;z-index: 999;box-shadow: 0px 2px 10px #5555556b;-ms-box-shadow: 0px 2px 10px #5555556b;animation-name: slidein;animation-duration: 1s;animation-iteration-count: 1;border-collapse: separate;
}

/*@keyframes slidein{

	0%{top:-50px;}

	100%{top:0;}
}*/

.pt-70{padding-top: 50px;}

/*--------------------------- Banner Section ---------------------------------------------------------*/

/* .banner-content-bar{
    margin-top: 50px;
    
} */

.home-first-section{background: url("../images/home-banner-bg-3.jpg");/* IE6-9 */
 width: 100%;background-size: cover;background-repeat: no-repeat;height:auto;background-position: center;background-attachment: scroll;}

#form-1 select{padding: 10px 10px 10px 10px; width: 260px;border: 1px solid #ecece9;border-radius: 5px; position: relative;background: transparent;}

#form-1 .form-section{position: relative;display: inline-block;padding-right: 5px;}

.banner-img-left{padding-right: 0px;padding-left: 28px;}

.banner-img-left img{width: 100%;height: auto;margin: 0px auto 0px;display: table;}

.banner-img-right img{width: 100%;height: auto;margin: 70px auto 20px;display: table;}

.site-logo{padding: 18px 50px;display: none;}
.site-logo.text-center{padding: 18px 50px;display: block;}

.last-text-1{margin-top: 30px;font-size: 22px;}
.list-workinghour-bg span{border-right:1px solid #333;padding-right: 20px;}
.last-text-2{margin-top: 20px;font-size: 22px;}

.banner-top-form-bar{margin: 10px 0px;}

.btn-custom{background: #efece8;color: #333;padding: 5px 15px;border-radius: 5px;text-transform: uppercase;}

.btn-custom:hover{color: #769f50;background: #fff;}

.btn-custom i{padding-right: 10px;}

.nav-list{list-style-type: none; margin-bottom: 0px;position: relative;}

.nav-list li b{font-size: 19px !important;padding-right: 20px;}

.nav-list li{display: inline-block;padding: 0px 15px 0px;}

.nav-list li a{font-size: 20px;color: #fff;padding:0px;text-decoration: none;transition: 0.5s ease;}


/*.btn-signup{text-transform: uppercase;}

.btn-login{text-transform: uppercase;}*/

.app-stores img{display: inline-block;width: 100px;height: auto;padding-right: 0px;border-radius: 0px;}

.app-stores .img-2{padding-right: 0px;}

.logo-container{display: table;margin: 0px auto 0px;}

.logo-container img{width: 140px;height: auto;margin-bottom: 0px;transform: translateY(0px);}

.banner-text-section .section-header{transform: translateY(0px);font-size: 34px !important;margin-top: 40px;color: #000;text-transform:capitalize;}

.banner-text-section .section-text{font-size: 40px;font-weight: 600; color: #000;transform: translateY(0px);margin-bottom: 0px;}

.banner-text-section .section-text span{font-weight: bold;font-size: 22px;}


.back-over{ display: none; position:fixed; overflow-y:auto; width: 100%; height: 100%; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.5);  }
.back-over2{ display: none; position:fixed; overflow-y:auto; width: 100%; height: 100%; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.5);  }
.back-over3{ display: none; position:fixed; overflow-y:auto; width: 100%; height: 100%; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.5);  }
/*--#signupModal,#loginModal{ display: none; position:fixed; overflow-y:auto; width:600px; height: 100%; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0;    margin: auto;   }
--*/
.modal0-content{ width: 100%; }
.modal0-dialog{ position: absolute;display: none; width: 500px; z-index: 999; top: 89px; background:#fff url("../images/pattern-bg.png");background-size: cover; left: 0; right: 0; margin:-20px auto 0px;   }

/*.modal0-dialog .left-login-form{background:url("../images/pattern-bg.png");background-size: cover;}*/

#signupModal .modal-body{padding: 60px 16px 15px; background: url("../images/pattern-bg.png") repeat;background-size: cover;}

#loginModal .modal-body{padding: 60px 16px 15px; background: url("../images/pattern-bg.png") repeat;background-size: cover;}

.form-end-section{padding: 22px 0px;display: block !important;}

.form-end-section h3{font-size: 16px;}

.modal0-footer{ text-align: right; padding: 0 10px; }

 /*.right-register-form .phone label{width: 210px !important;}

 .right-register-form .phone input{width: 60% !important;}

 .right-register-form .password label{width: 160px !important;}

 .right-register-form .password input{width: 70% !important;}

.right-register-form .birthday label{width: 138px !important;}

 .right-register-form .birthday input{width: 74% !important;}*/

 #log-btn{color: #82827a;}

 #reg-btn{color: #82827a;}

 .emirateId input[type="file"]:placeholder{color: blue !important;}

  .emirateId input[type="file"]::-ms-input-placeholder{color: blue !important;}


  .modal-header{padding: 10px;}

 .modal-header .close i{color: #000;}

 .close:focus{outline: none;}

.left-login-form .alert-success{margin-top: 45px;}


.user-type{
	border-radius: 5px;
    border: 1px solid #49505787;
    padding: 5px 5px;
    background: transparent;
    display: block;
   width: 100%;
}

.address-textfield{

	width: 100% !important;
    border-radius: 5px;
    border: 1px solid #49505787;
    padding: 5px 5px;
    background: transparent;
    display: table;
    margin: 0px auto;
    font-size: 17px;
}

/*---------- Added CSS 2020 ---------*/

.get-started{transform: translateY(0px);}

.get-started-btn{margin: 20px 0px;}

.btn-custom{padding: 10px 30px;border-radius: 35px;background: #ff0000;color: #fff;border: 3px solid #000;transition: 0.5s ease;font-weight: 600;letter-spacing: 2px;}

.btn-custom:hover{background: #ff0000;
    color: #fff;
    border:3px solid #ffffff;}

    .btn-custom:focus{background: #ff0000;
    color: #fff;
    border: 3px solid #ffffff;}

/*------------------------------ Why Us Section ----------------------------------------------------------------*/


#home .container-fluid{/*background:url("../images/pattern-bg.png") ;*/}
#home .container-fluid .row-banner{/*background:url("../images/home-banner-bg-4.png") no-repeat ; */background-size: 100%;}

.home-second-section{padding: 20px 0px 20px;width: 100%;/*--background:url("../images/pattern-bg.png") no-repeat;--*/background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}

.why-us-section .section-header{margin-bottom: 0px;}

.why-us-section {margin: 0 auto;padding: 0 25px;}

.why-us-section .section-text{font-size: 21px;padding: 0px 0px 15px;}

.separator-section{margin: 0px 0px;padding: 0px;}

.separator-section img{max-width: 20vw;height: auto;opacity: 0.9;}


/*----------------------------------- Registration Drop Kit --------------------------------------------------------*/



.home-third-section{padding: 20px 0px;/*--background:url("../images/pattern-bg-2.jpg") no-repeat;--*/width: 100%;background-size: cover;background-position: center;background-attachment: fixed;display: none;}

.register-drop-kit-left-section .section-text{font-size: 21px;}

.row-2{margin-top: 0px;}

#register-drop-kit .row-2{margin-top: 30px !important;}

.lunch-bag{padding-right: 0px;}

.lunch-bag img,.number-lock img{width: 150px;height: auto;padding-left: 20px;}

.lunch-bag .section-text{display: inline-block; font-size: 20px;vertical-align: bottom;margin:0 5px 35px;} 

.number-lock{padding-right: 0px;padding-left: 0px;}

.number-lock .section-text{display: inline-block; font-size: 20px;vertical-align: bottom;margin:0 5px 35px;} 

.register-drop-kit-right-section{margin-bottom: 60px;}

/*---------------------------- Four Simple Steps  --------------------------------------------------------------------------------*/


.home-fourth-section{padding: 20px 0px;/*-- background: url("../images/pattern-bg-2.jpg");--*/width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;position: relative;}

.home-fourth-section .section-header{position: relative;margin-bottom: 10px;}

..home-fourth-section .last-text-2{margin-top: 5px !important;}

.simple-step-bar{margin: 20px 0px 20px;}

.steps img{width: 60px;height: auto;margin: 15px;transition: 0.5s ease;}

.steps{padding: 0px;}

.end-text{margin-bottom: 30px;}

.steps .section-text{font-size: 20px;transition: 0.5s;margin-bottom:30px;font-weight:700;}

.step-box a{text-decoration: none;color: #000;}

.step-box{cursor: pointer;padding: 15px;transition: 0.5s ease;position: relative;}

.step-box::after{

	content: '';
	position: absolute;
	background: url("../images/step-arrow.png") no-repeat;
	width: 113px;
	height: 20px;
	top:80px;
	right: -40px;
}

.step-box:last-child::after{

	content: '';
	position: absolute;
	background: url("../images/step-arrow.png") no-repeat;
	width: 113px;
	height: 20px;
	top:80px;
	right: -40px;
	display: none;
}

.step-box:hover{border-radius: 10px;box-shadow: 0px 2px 10px 0px #e8e8e8;}

.step-box:hover .section-text{letter-spacing: 1px;}

.step-box:hover img{transform: translateY(-5px);}

.step-4 img{margin: 15px 0px;}

/*------ New Portion ----------*/

.simple-step-tree{width: 100%;}

.simple-step-tree-container{height: auto;display: flex;justify-content: center;width: 100;}

.simple-step-tree-left{width: 50%;display: flex;align-items: flex-end;}

.simple-step-tree-right{width: 50%;display: flex;align-items: flex-end;}

.simple-step-tree-right{width: 50%;}

.simple-step-box{width: 100%;}

.simple-step-box a{text-decoration: none;color: #000;}

.simple-step-box .steps{border-bottom: none;}

.simple-step-box .step-box{padding: 0;}

.simple-step-box .step-box .steps{width: 50%;position: relative;}

.simple-step-box .step-box .step-1{float: right;}

.simple-step-box .step-box .step-1::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 84%;
	right: 0;
	bottom: 0;
}

.simple-step-box .step-box .step-2{float: left;}

.simple-step-box .step-box .step-2::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 90%;
	left: 0;
	bottom: 0;
}

.simple-step-box .step-box .step-3{float: right;}

.simple-step-box .step-box .step-3::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 84%;
	right: 0;
	bottom: 0;

}

.simple-step-box .step-box .step-4{float: left;}

.simple-step-box .step-box .step-4::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 90%;
	left: 0;
	bottom: 0;

}

/*.simple-step-tree-middle{height: 280px;}*/

.first-row{margin-top: 30px;}

.second-row{margin-bottom: 70px;}

.first-row .simple-step-tree-left{height: 190px;}

.first-row .simple-step-tree-right{height: 310px;}



.second-row .simple-step-tree-left{height: 130px;}

.second-row .simple-step-tree-right{height: 288px;}

.simple-step-tree-middle{height: 310px;border: 1px solid #000;position: relative;}

.tree-icon{position: absolute;z-index: 9;}

.tree-icon img{width: 45px;height: auto;}

.tree-icon-1{left: -47px;width:100px;}

.tree-icon-2{left: 14px; top: 46px;width:100px;}

.tree-icon-2 img{width: 40px;}

.tree-icon-3{left: -32px; top: 34%;width:100px;}

.tree-icon-4{left: -56px; top: 63%;}

.tree-icon-5{left: 3px; top: 82%;width:100px;}

.tree-icon-6{left: -55px; top: 26%;}

.tree-icon-7{left: 1px; top: 80.5%;}

.tree-icon-8{left: -22px; top: 100%;}

.tree-icon-4 img{transform: rotate(40deg);}

.tree-icon-5 img{transform: rotate(20deg);}

.tree-icon-6 img{width: 50px;}

.tree-icon-7 img{width: 45px;transform: rotate(5deg);}

.tree-icon-8 img{width: 45px;display:none;}

.tree-icon-1 img{transform: rotate(-20deg);}

/*------------------------  Pacakge Section -----------------------------------------------------------------------------*/

.home-fifth-section{padding:20px 0px;/*background: url("../images/pattern-bg.png");*/width: 100%;background-size: cover;background-repeat: no-repeat;position: relative;background-attachment: fixed;}

.overlay{position: absolute;background: #ffffe6e0;top:0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}

.home-fifth-section .section-header{position: relative;}

.package-bar{margin-top: 20px;}

.package-box{position: relative;max-width:100%;min-height: 315px;overflow: hidden; margin-bottom: 20px !important;transition: 0.5s ease;padding: 0px;border:2px solid #000;}

.package-bar .section-text{font-size: 20px;margin-bottom: 0px;font-weight: bold;}

.package-bar .section-text span{font-size: 20px;}

.package-box:hover{border-radius: 10px; box-shadow: 0px 2px 10px 0px #e8e8e8;}

.package-box .overlay-2{opacity: 0;transition: 0.3s ease;}

.package-box h3{text-align:center ;opacity:1;transition: 0.3s ease-in;font-weight: 700;border-bottom: none;padding: 5px 0px;margin-bottom: 0px;position: relative; display: inline-block;color: #000;}

.package-box h3::after{

	position: absolute;
	content: '';
	left: 0;
	bottom: 10px;
	height: 2px;
	width: 100%;
	background: #000;
}

.child{transition: 0.5s ease;padding: 0px 15px;}

.child ul{text-align: left;list-style-type: none; padding-left: 0px;}

.child ul li{font-size: 22px;padding: 5px 10px;background: #e6e6e6; margin: 5px 0px;border-left:3px solid #000;overflow: hidden;}

.child ul li span{float: right;}

.child ul li span img{width: 30px;height: auto;}

.child .section-text{padding: 10px;font-weight: 600;font-size: 20px;background: #e6e6e6;margin-bottom: 10px;}

.child-3 ul li{display: inline-block;width: 146px;margin-right: 5px;}

.package-selection-box{background: #e6e6e6;padding: 0px;box-shadow: 2px 4px 5px #ababab;transition: 0.5s ease;}

.package-selection-box:hover{transform: translateY(-5px);}

.package-end-note{padding: 20px 0px 0;}

.offer-btn{margin: 0 5px;background: #000 !important;color: #fff !important;border: 2px solid #000 !important;padding:10px 20px !important;font-size: 12px !important;transition: 0.5s ease;}

.offer-btn:hover{background: transparent !important;color: #000 !important;border: 2px solid #000 !important;}

.package-selection-box-header{padding: 10px;color: #000;}

.box-header-1{background: #ffbf00;}

.box-header-2{background: #82c91e;}

.box-header-3{background: #20c4de;}

.package-selection-box-text .section-text{font-size: 20px;}

.package-selection-box-text .section-text.part-2{font-size: 16px !important;font-weight: 800 !important;}

.package-selection-box-text .section-text.part-3{font-size: 20px !important;font-weight: 800 !important;position: relative;padding-bottom: 12px;color: #000;margin-right: 0px;}

.package-selection-box-text .section-text.part-3 span{position: relative;right: -4px;font-size: 14px;bottom: 0;top:0;display: none;}

.subscription-box img{width: 35px;height: auto;}

/*.package-box:hover{box-shadow: 0px 7px 10px 0px #212529a6;transform: translateY(-10px);}*/

/*.package-box .child{border-radius: 10px;}*/

/*.package-box:hover .overlay-2{opacity: 1;}

.package-box:hover h3{opacity: 1;}*/

/*.package-box .child-1{background: url("../images/package-box-img-4.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 0 auto;height: 100%;}

.package-box .child-2{background: url("../images/package-box-img-5.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 0 auto;height: 100%;}

.package-box .child-3{background: url("../images/package-box-img-6.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;background-position: 70% 100%;margin: 0 auto;height: 100%;}*/

/*.package-box .section-text{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;color: #fff !important;text-transform: uppercase;}*/
.last-section{background:#87ceff;padding:20px 0px !important;}
.last-section h2{text-transform:uppercase;font-size:34px;margin:0px !Important;font-weight:600;}
.b-para{font-size:22px;text-align:center;font-weight:600;}
.package-box-right{padding: 0px 0px;}
.how-para{font-size:24px;font-weight:500;}
.h-1{font-size:34px;text-transform:uppercase;margin:20px 0px !important;word-spacing:5px;}
.overlay-2{position: absolute;background: rgb(0,0,0,0.5);top:0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}

.order-desc-bar{padding-top: 20px;position: relative;display: none;}

.order-desc-bar .section-text{font-size: 21px;padding: 0px 70px;}

.order-desc-bar .section-text span{border-bottom: 2px solid #000;}

.order-desc-bar .section-text span{font-size: 22px; font-weight: bold}

.order-desc-bar .highlight{padding-top: 20px;font-weight: normal;font-size: 21px;text-align: center;padding-bottom: 50px;}

.subscription-bar{margin-top: 0px;margin-bottom: 0px;}

.subscription-box-button{margin: 15px 0px 35px;}

.subscription-bar .section-text{font-weight: 600;}

.subscription-box{margin: 25px 0px 35px;margin: 25px 0px 10px;
    border: none;
    padding: 10px;}

.home-content-img{margin:10px auto;display:block;width:100%}
.most-popular{transform: scale(1.1);}

.subscription-box .section-text{margin-top: 15px;font-size: 17px;font-weight: bold;}

.btn-custom {
    padding: 0px 20px;
    border-radius: 3px;
    background: #ff0000;
    color: #fff;
    border: 3px solid #000;
    transition: 0.5s ease;
    font-weight: 600;
    letter-spacing: 2px;
	font-size:16px;
	margin:10px 0px 0px 0px;
	text-transform:capitalize;
}
.feedback-right-contact .section-header{font-family: 'David Libre', serif;}
.btn-custom:hover{background: #ff0000;
    color: #fff;
    border:3px solid #ffffff;}

    .btn-custom:focus{background: #ff0000;
    color: #fff;
    border: 3px solid #ffffff;}

/*---------------------------------- Benefits -------------------------------------------------------------------------*/

.home-sixth-section{padding:20px 0px;/*--background: url("../images/pattern-bg-2.jpg");--*/width: 100%;background-size: cover;background-position: center;background-attachment: fixed;}

.benefit-bar{margin: 25px 0 50px;}

.benefit-bar .col-md-3{padding: 5px; display: flex;border-radius: 10px;transition:all 0.5s ease;}

.benefit-bar .col-md-3:hover{box-shadow: 0px 2px 10px 0px #e8e8e8;transform: translateY(-15px);}

.benefit-box {background: #ffffe6;border:none;padding:10px;transition:all 0.5s ease;}

.benefit-bar .col-md-3:hover .benefit-box{border-radius: 10px;background:transparent;}

.benefit-box img{width: 100px;height: auto;display: inline-block;}

.benefit-box .section-text{display: inline-block;width: 50% !important;width: 45%;vertical-align: middle; margin-bottom: 0px; margin-left: 15px; font-weight: bold;line-height: 18px;font-size: 18px;}


/*--------------------------------- APP Background --------------------------------------------------------------------------------------------------*/

.home-seventh-section{padding: 20px 0px 0px;/*-- background: url("../images/pattern-bg-2.jpg");--*/width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;background-attachment: fixed;}

.home-seventh-section .section-header{position: relative;}

.delivery-app-bar{margin: 40px 0px 0px;}

.delivery-app-box{border: 1px dashed #0000001f;}

.delivery-app-box img{width: 80px;height: auto;margin:15px auto;display: table;}

.delivery-app-box .section-text{font-size: 22px;} 

.app-box-2{margin: 20px 0px;}

.app-box-5{margin: 20px 0px;}


.pull-right{align-content: flex-end;justify-content: right;}

.app-box-3 img{max-width: 20vw !important;height: auto;padding: 20px 0px 0px;margin-top: 30px;}


.minimal.form-control{ font-size: 17px;}
.section-2 input {font-size: 17px;}
.section_for_regular_party ul li{font-size:17px;}


/*------------------------------------- Footer --------------------------------------------------*/

footer{padding: 45px 0px 0px 0px;/*box-shadow:inset 0 0 10px #00000045; background: url("../images/pattern-bg-2.jpg");*/width: 100%;background:#333333;position: relative;}



footer .separator-section{padding: 20px 0 40px;}

.footer-contact-list{list-style-type: none; padding-left: 0px;}

.footer-contact-list li{margin: 5px 0;font-size: 16px;}

.footer-box{padding: 0px 15px;}

.footer-box .section-text{font-size: 20px;text-transform: uppercase;color:#fff;font-size: 18px;font-family: 'PT Serif';}

/* .footer-box{border-right: 1px solid #dff1e0;} */

.footer-logo img{
    width: 250px;
    height: auto;
    max-width: 100%;
    padding-bottom: 45px;
    margin-top: 5px;
}

.footer-nav-menu{list-style-type: none;padding-left: 0px;}

.footer-nav-menu li{margin: 5px 0px 7px;font-size: 16px; }

.footer-box-3{border:none !important;padding-left: 0px;text-align:right;}

/*.display-block{display: block !important;}*/
 
.footer-nav-menu li:hover a{letter-spacing: 2px;}

.footer-nav-menu li a{text-decoration: none;color: #fff;transition: 0.5s ease;}

.footer-contact{padding: 0px;}

.footer-contact-list span{display: inline-block;color:#fff;font-size:16px;}

.footer-contact-list li{width: 115px !important; display: inline-block;color:#fff;}

.payment-method-list{list-style-type: none;padding-left: 0px;margin-bottom:0px;}

.payment-method-list li{display: inline-block;padding-right: 5px;margin: 0px 0px;}

.payment-method-list li img{max-width: 100px;height: auto;}

.social-media-list{list-style-type: none;padding-left: 10px;}

.social-media-list li{display: inline-block;padding:0px 12px; /*font-size: 25px;*/}

.footer-contact-list span a img{width: 22px !important;height: auto;margin-right: 15px;}

/*.social-media-list li span a img{color: #000;transition: 0.5s ease;width: 22px;height: auto;}*/

.social-media-list li a:hover{color:#749d4e;}

.footer-box-4{padding-right: 0 !important;border: none !important;}

.lunch-list{list-style-type: none;padding-left: 0px;width: 256px;}

.lunch-list li{font-size: 16px;display: inline-block;width: 110px;color:#fff;}

.lunch-list li:first-child{color: #000;font-size: 21px !important; margin-top: 20px;display: block !important;}

.lunch-list li:first-child span{border-bottom:none;position:relative;color:#fff;}

.lunch-list li:first-child span::after{

	position: absolute;
	content: '';
	background: #fff;
	height: 2px;
	width: 100%;
	left:0;
	bottom: 0px;
}

.extra{display: inline-block;color:#fff;font-size:16px;}

.dinner-list{list-style-type: none;padding-left: 0px;width: 256px;}

.dinner-list li{font-size: 16px;display: inline-block;width: 110px;color:#fff;}

.dinner-list li:first-child{color: #000;font-size: 21px !important; margin-top: 20px;display: block !important;}

.dinner-list li:first-child span{border-bottom: none;position: relative;color:#fff;}

.dinner-list li:first-child span::after{


	position: absolute;
	content: '';
	background: #fff;
	height: 2px;
	width: 100%;
	left:0;
	bottom: 0px;

}
.h-3{text-align:left !important;font-size:18px;}
.copyright-bar{background: #ffff00;padding:10px 0px;}

.copyright-bar .section-text{font-size: 18px;margin-bottom: 0px;color: #000;padding-top:10px;}



/*----------------------------- Check Out Page ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------- Banner ------------------------------------------------------------------------------------------*/

.checkout-first-section{background: url("../images/home-banner-bg-3.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;height:auto;background-position: center;background-attachment: scroll;padding-top: 80px;}

.check-out-banner-header{margin-top: 70px;}

.checkout-second-section{padding: 133px 0px 75px 0px !important;}

.check-out-left-box{border: 1px solid #000;padding: 15px;position: relative;}

.order-selection .section-header{font-size: 20px;background:#ffff00;color: #000;padding: 10px 25px 10px 45px;border-radius: 35px; display: inline-block;letter-spacing: 1.5px;position: absolute;margin-left: 35px;bottom:-12px;}

.order-selection .section-header::before{position: absolute;content: '';background:url("../images/check-out-price.png") no-repeat;width: 80px;height: 80px;left:-40px;top:-15px;background-size: 100%;background-position: 0px -3px;}

.order-selection-number .input-group{width: 5%;}

.order-selection-number .input-group input{width: 50px;padding: 5px;background:#60ba62;color: #fff;font-size: 20px !important; text-align: center;box-shadow: none;border:none;}

.order-selection-number .input-group input:focus{outline: none;}

.order-selection-number .input-group input::placeholder{color: #fff;}

.order-selection-number .input-group>.form-control:not(:last-child){width: 10%;margin-top: 5px;background:#60ba62;color: #fff; text-align: center;font-size: 16px;font-weight: bold;}

.icon-control i{background: #000;color: #fff;padding: 10px;}

.input-group-btn .btn-number{box-shadow: none;padding:5px 0;}

.order-selection-number .section-text{color: #000;display: inline-block;margin-bottom: 0px;vertical-align: middle;margin: 12px 12px 0px 0px;font-weight: bold;}

.delivery-details{border: 1px solid #000;padding: 0px 15px;margin-top: 70px;}

.delivery-details .img-container{padding: 15px;overflow: hidden;}

.delivery-details .img-container img{width: 150px;height: auto;border:1px solid #000;}

.delivery-details-text-box{border-right: 1px solid #000;}

.delivery-details-text-box:nth-child(4){border: none;}

.delivery-details-text-box .section-text{font-size: 25px;margin: 50px auto;}

.delivery-details-text-box .section-text .span1{font-size: 18px;color:#067fa4;font-weight: bold;letter-spacing: 1.2px;margin-bottom: 5px;}

.delivery-details-text-box .section-text .span2{font-size: 18px;color:#067fa4;letter-spacing: 1.2px;font-weight: bold;}

.delivery-details-text-box .section-text .span3{font-size: 18px;color:#067fa4;letter-spacing: 1.2px;font-weight: bold;}

.date-seclection {margin-top: 0px;}

.date-seclection .section-text{font-size: 17px;font-weight: bold;}

.check-out-right-box{border: 1px solid #000;padding: 15px;position: relative;}

.check-out-right-box .section-header{font-size: 20px;background:#ffff00;color: #000;padding: 10px 25px 10px 25px;border-radius: 35px; display: inline-block;letter-spacing: 1.5px;position: absolute;margin-left: 0px;top:-26px;}

.price-details .section-text{font-size: 22px;margin: 25px 0px;}

.price-details .section-text .span1{float: right; color: #495057;}

.price-details .section-text .btn-custom{background:#ffff00; padding: 10px 20px;border-radius: 35px;color: #000;}

.price-details .section-text .text-input input{margin: 12px 10px 0 0; border-bottom: 1px #c1c3c5;border-style: dotted;border-left: none;border-right: none;border-top:none;}
 
 .total-price .section-text{color: #000;background:linear-gradient(to bottom, #ffff00, #e1f443);padding: 10px 15px; border-radius: 10px;letter-spacing: 1.2px; }

 .total-price .section-text .span1{color: #000;}

 .payment-method .section-text{font-weight: bold;}

 /*.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch span{padding: 5px 5px 5px 7px;color: #fff}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left:4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2eb0d8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2eb0d8;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(25px);
}

 Rounded sliders 
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}*/

.switch {
  position: relative;
  display: inline-block;
  height: 26px;
}

.ui-datepicker-trigger {
    float: right;
    margin-top: -28px;
    width: 20px;
    margin-right: 10px;
    /* top: 11px; */
}

.form-control{background: transparent;font-family: 'David Libre', serif;font-size:17px;color:#000 !Important;padding:6px 5px !important;}

.switchh{font-size: 20px;margin-right: 0px;}

.section_for_regular_party{padding-left: 0px !important;margin-bottom: 20px;}

.section_for_regular_party .order-form-header{padding-top: 0px !important;}

.switch input {display:none;}

.switchh input {display:inline-block;margin-top: 5px;}

.switchh .slider{display: none;}

.switchh .slider:before{display: none;}

.inactive{filter: grayscale(1);}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .8s;
  transition: .8s;
 
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .6s;
  transition: .6s;
  top:6px;
 
}

.online-payment .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 7px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.online-payment .switch input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

input:checked + .slider {
  background-color: #000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.switch-11 .off{ transform: translate(-19%,-50%);width: 100%;-ms-transform: translate(-28%,-50%);font-size: 12px;}

.switch-3 .offf{transform: translate(-8%,-50%) !important;}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-5%,-50%);
  top: 50%;
  left: 50%;
  font-size: 17px !important;
  font-weight: bold;
}

input:checked + .slider .on
{display: block;transform: translate(-100%,-50%);color: #fff;font-weight: bold;}

input:checked + .slider .onn
{display: block;transform: translate(-105%,-50%) !important;color: #fff;font-weight: bold;}

input:checked + .slider .onnn
{display: block;transform: translate(-90%,-50%) !important;color: #fff;font-weight: bold;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}

.online-offline-payment{padding: 10px 0px;border-bottom: 1px solid #e6e6e6;border-top:1px solid #e6e6e6;}

.online-payment{display: inline-block;padding-right: 5px}

.online-payment .section-text{display: inline-block;padding: 0px 0px 0px 0px;vertical-align: -webkit-baseline-middle;font-size: 16px;margin: 10px 0px;vertical-align: top}

.payment-method .btn-custom{color: #000;background:linear-gradient(to bottom, #ffff00, #e1f443);padding: 6px 20px; border-radius: 10px;margin: 0 auto;display: table;font-weight: bold;letter-spacing: 1.5px;border:none;}


#datepicker{background: #ffffff;padding: 5px; z-index: 9999999; }

.birthday .input-group{ display: inline-flex; }

.gj-datepicker-bootstrap [role=right-icon] button .far.fa-calendar-alt, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 9px;
    left: 9px;
    color: #000;
   
}

.gj-datepicker-bootstrap [role=right-icon] button{ border-left: 1px solid #ced4da !important;}

.gj-datepicker-bootstrap [role=right-icon] button .fa-calendar-alt, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 9px;
    left: 9px;
    color: #000;
}
.gj-datepicker-bootstrap [role=right-icon] button .fa-calendar-alt, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 9px;
    left: 9px;
}
.fa-calendar-alt{
    font-family: "Font Awesome 5 Free" !important;
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.end-date{padding-right: 0px;}

.section-2 input{padding: 6px !important;border-radius: 5px;background:transparent !important;border: 1px solid #ecece9;width: 215px !important; }

.end-date .section-2 input{width: 222px !important;height: calc(1.5em + .75rem + 2px);border-radius: 5px;}

.price-details 	input[type="number"]{width: 50px;margin-left: 10px; text-align: center;border: none;}

.price-details input[type="number"]{background-color: #ffff00;color: #000;}

.price-details input[type="number"]::placeholder{color: #000 !important;}

.price-details 	input[type="number"]:focus{outline: none;}

.price-details 	input[type="number"]::placeholder{color: #fff;}

.birthday{position: relative;}

.birthday i{position: absolute;right: 6px;top: 6px;}


#ui-datepicker-div{width:360px;z-index: 999 !important;}

/*--------------------------------------------- LOgin-Register ------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------- Banner -------------------------------------------------------------------------*/

.login-register-first-section{background: url("../images/home-banner-bg-3.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;height:auto;background-position: center;background-attachment: scroll;padding-top: 80px;}

.login-register-banner-header{margin-top: 50px;}

.login-register-second-section{padding: 20px 0;}

/*--------------------------- Login FOrm ---------------------------------------------------------------------*/

.login-register-third-section{padding: 20px 0;}

.left-login-form-box{position: relative;}

.left-login-form{padding: 15px;position: relative;/*background:linear-gradient(to bottom, #8bca05, #3cb600);*/background: transparent;}

.left-login-form-box .section-header{width:69%;font-size: 16px;background:#ff0;color: #000;padding: 10px 20px 10px 42px;border-radius: 35px; display: inline-block;letter-spacing: 1.5px;position: absolute;margin-left: 0px;top:-25px;z-index: 999;left: 57%;transform: translateX(-55%);text-transform:capitalize;}

.left-login-form-box .section-header::before{position: absolute;content: '';background:url("../images/login-lock.png") no-repeat;width: 80px;height: 80px;left:-40px;top:-15px;background-size: 100%;background-position: 0px 0px;}

.left-login-form form{margin-top: 0px;padding:30px 15px 15px;}

.left-login-form form label{padding: 4px 10px; font-weight: 300;vertical-align: text-top; font-size: 20px;color:#000;}

.left-login-form form input{border: 1px solid #4950576e;background: transparent;padding: 5px 5px;width:91%;margin-bottom: 5px;}

.left-login-form form input:focus{outline: none;}

.form-section{margin: 5px 0px;overflow: hidden;}

.left-login-form form .btn-custom{background: #ff0;color:#000;padding: 10px 40px;border-radius: 35px;position: absolute;bottom: -20px;transition: 0.5s ease;border: 2px solid #fff;left: 50%;transform: translateX(-50%);}

.left-login-form form .btn-custom:hover{background: #fff;color:#000;border: 2px solid #000;}

.login-register-third-section{padding: 50px 0;}

.right-register-form-box{position: relative;}

.right-register-form{padding: 15px;position: relative;/*background:linear-gradient(to bottom, #8bca05, #3cb600);*/background: transparent;}

.right-register-form-box .section-header{font-size: 16px;background:#ff0;color: #000;text-transform:capitalize;padding: 10px 20px 10px 43px;border-radius: 35px; display: inline-block;letter-spacing: 1.5px;position: absolute;margin-left: 0px;top:-25px;left:55%;transform:translateX(-50%);z-index: 999;width: 68%;}

.right-register-form-box .section-header::before{position: absolute;content: '';background:url("../images/registration-lock.png") no-repeat;width: 80px;height: 80px;left:-40px;top:-20px;background-size: 100%;background-position: 0px 0px;}

.right-register-form form{margin-top: 10px;padding: 10px 10px 10px;}

.right-register-form form label{padding: 0px 0px; font-weight: 300;vertical-align: text-top; font-size: 20px;width: 29%; color: #000;}

.right-register-form form input{
    border: 1px solid #6c757d3b;
    background: transparent;
    padding: 0px 5px;
    width: 84% !important;
    /* float: left; */
    margin-bottom: 5px;
	font-size:17.4px;
}

.right-register-form form select{border: 1px solid #6c757d3b;background: transparent;padding: 5px 1px;width:84%;margin-bottom: 0px;color: #000;}

.right-register-form form input:focus{outline: none;}

.right-register-form form .btn-custom{background: #ff0;color:#000;padding: 7px 40px;border-radius: 35px;position: absolute;bottom: -6px;right: 25px;transition: 0.5s ease;border: 2px solid #fff;left:50%;transform: translateX(-50%);}

.right-register-form form .btn-custom:hover{background: #fff;color:#000;border: 2px solid #000;}

.left-login-form-img{margin-top: 50px;padding: 0;}

.left-login-form-img img{width: 100%;height: auto;}

.lost-pass{position: absolute;left: 7%;bottom: -12px;font-size: 18px;color: #000;}

.emirateId{position: relative;}

.emirateId input{color: #fff;}

.emirateId span p{position: absolute;left: calc(45% - 100px);top:14%;color:#8c8c8c;}

.right-register-form .input-zone option:first-child{color: #e6e6e6 !important;}

.right-register-form .prefix option:first-child{color: #000 !important;}

.fadeInUp{

	animation-name: fadeinUp;
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes fadeinUp{

	0%{transform: translateY(-20px);opacity: 0;}

	100%{transform: translateY(0px);opacity: 1;}
}

.fadeInDown{

	animation-name: fadeinDown;
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes fadeinDown{

	0%{transform: translateY(20px);opacity: 0;}

	100%{transform: translateY(0px);opacity: 1;}
}

.right-register-form .form-section select{
  color: #7d7d7d;
}

.right-register-form .form-section select option{color: #000;}
/*.right-register-form .form-section select option:first-child {
  color: green;
}*/


.right-register-form .form-section{position: relative;}

/*.float-text{position: absolute;top: 5px;left: 7px;color: #6b6666;}*/

/*-------------------------------- Meal Type & Adress Selection -------------------------------------------------------------------------*/

.area-avail-second-section{padding: 133px 0px 75px 0px !important;}

.area-avail-third-section{padding: 133px 0px 75px 0px !important;}

.area-avail-order-box{border: 1px solid #000000;position: relative;margin: 0 auto 50px auto;padding: 10px 17px 30px;}

.area-avail-order-box .section-header{font-size: 18px;background:#ffff00;color: #000;padding: 9px 16px 10px 44px;border-radius: 35px; display: table;letter-spacing: 1.5px;position: relative;margin: 0px auto;top:-25px;z-index: 9;text-transform:capitalize;}

.area-avail-order-box .section-header::before{position: absolute;content: '';background:url("../images/login-lock.png") no-repeat;width: 80px;height: 80px;left:-40px;top:-15px;background-size: 100%;background-position: 0px -1px;}

.area-avail-order-box .order-form-header{font-size: 17px;padding: 10px 0px 0px;font-weight: bold;}

.pick-up-section .order-form-header{display: inline-block;border-bottom: none;font-size: 18px;position: relative;}

.pick-up-section .order-form-header::after{

		position: absolute;
	content: '';
	left: 0;
	bottom:-1px;
	background: #000;
	width: 100%;
	height: 2px;
	z-index: 99;
}

.drop-section .order-form-header{display: inline-block;border-bottom: none;margin-bottom: 15px;font-size: 18px;position: relative;}
.div-1 {padding: 5px 20px !important;}
.div-1 .section-text{    display: inline-block;
    border-bottom: none;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    position: relative;}
.div-1 .section-text::after{position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    background: #000;
    width: 100%;
    height: 2px;
    z-index: 99;}
.drop-section .order-form-header::after{

		position: absolute;
	content: '';
	left: 0;
	bottom:-1px;
	background: #000;
	width: 100%;
	height: 2px;
	z-index: 99;
}

.area-avail-order-box:nth-child(2) .order-form-header{font-size: 25px;padding: 0px 0px 10px;font-weight: bold;}

.area-avail-order-form{padding: 10px 17px 30px;}

.city label{padding-left: 0px !important;}

.area-avail-order-form label{padding: 0px 10px 0px 0px;vertical-align: middle; font-size: 17px; font-weight: bold;}

.area-avail-order-form input{border: none;border: 1px solid #e4e4e4;background: transparent;padding: 5px;width:50%;margin: 5px 0px;font-size:16px;}

.drop-section{padding-top: 20px;}

.address-details .form-header{background:#ff0;padding: 5px 15px;border-radius: 35px;color: #000;margin: 10px 0px; display: inline-block;font-size: 18px;}

.street-no input{width: 76% !important;}

.area{width: 100% !important;}

.area input{width: 85% !important;}

.area textarea{width: 85%;background: transparent;border:1px solid #e6e6e6;border-radius: 0px;padding: 0px 5px;height: 60px;font-size: 17px;}

.contact-person-details input:last-child{margin-right: 0 !important; width: 22% !important;}

.villa-2 .area textarea{width: 85%;}

.area label{vertical-align: top;}

.landmark{width: 100% !important}

.landmark input{width: 76.5% !important;font-size: 17px;margin-left: 0px;}

.area-avail-order-form form input:focus{outline: none;}

.area-avail-order-form select{padding: 5px 10px 5px 6px; width: 200px;border:none;border: 1px solid #ecece9;border-radius: 0px; position: relative;background: transparent;width:85%;font-size: 17px;}

.area-avail-order-form select:focus{outline: none;border-bottom: 1px solid #000;}

.area-avail-order-form  input:focus{outline: none;border-bottom: 1px solid #000;}

.area-avail-order-form .form-input{display: inline-block;margin-top: 2px !important;}

.pick-up-section .form-input{width:49%;margin: 0px 0px;}

.pickup-address-type{padding-top: 10px;}

.city{width: 43% !important}

.city-1{display: block !important;}

.zone{width: 55.7% !important}

.zone select{width: 86.6%;position: relative;right: -5px;}

.pickup-address-type .section-text{display: inline-block;margin-bottom: 0;vertical-align: -webkit-baseline-middle;font-size: 17px;padding: 8px 8px 8px 0px;font-weight: bold;}

.pickup-address-type .switch{width: 84px;margin-right: 25px;}

.pickup-address-type label{margin-bottom: 0px;}

.pickup-address-type input:checked + .slider:before{transform: translateX(57px);}

.pickup-address-type .slider span{color: #000;padding: 5px 5px !important;}

.drop-section .form-input{width:100%;margin: 0px 0px;}

.order-type{margin-top: 20px;}

.company-name input{width: 85% !important;font-size: 17px;}

.villa-2{padding: 0px 0px !important;}

.villa-2 .city label{padding-left: 0px !important;}

.drop-section .order-form-header{padding-top: 0;}

.drop-address-type{padding-top: 25px;}

.drop-address-type .section-text{display: inline-block;margin-bottom: 0;vertical-align: super;font-size: 20px;padding-right: 20px;}

.drop-address-type .switch{width: 84px;margin-right: 25px;}

.drop-address-type label{margin-bottom: 0px;}

.drop-address-type input:checked + .slider:before{transform: translateX(50px);}

.drop-address-type .slider span{color: #000;padding: 5px 5px !important;}

.address-details{padding: 0px 0px;}

/*.form-input:last-child input{border: none;}*/

.villa{display: none;}

.flat-2{display: none;}

.villa .street-no{width: 100% !important; }

.villa .street-no input{width: 76% !important;}

#meal_type_area{display: inline-block;}

#meal_package_area{display: inline-block;vertical-align: super;}

.villa-2 .street-no{width: 100% !important; }

.villa-2 .street-no input{width: 76% !important;}

.order-type .switch{width: 150px;margin-right: 35px;}

.order-type .order-form-header{padding-top: 0px !important; display: inline-block;vertical-align: top;margin-right: 14px;}

.order-type label input:checked + .slider:before {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(123px) !important;
}

.order-type label input:checked + .slider .on {
    display: block;
    transform: translate(-42%,-50%);
    color: #fff;
    font-weight: bold;
    width: 100% !important;
    font-size: 12px;
}

.meal-type label{font-size: 12px;vertical-align: middle;padding-left: 16px !important;	}

.meal-type input{padding-right: 5px;margin: 5px 8px 0px 0px !important;}

.meal-type .order-form-header{padding-top: 12px !important;display: inline-block;margin-right: 15px;}

.meal-type .meal-box{display: inline-block;padding-right: 10px;}

.select-package{margin-bottom: 0px;margin-top: 10px;padding: 0px;}

.select-package-right-box h4{display: inline-block;border-bottom: none;font-size: 17px;position: relative;}

.select-package-right-box h4::after{

	position: absolute;
	content: '';
	background: #000;
	height: 1px;
	width: 100%;
	left:0;
	bottom: 2px;

}

.select-package .switch{width: auto;padding-left: 16px;vertical-align: bottom;margin-right: 12px;font-size: 17px;}

.select-package label input:checked + .slider:before {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(100px) !important;
}

.select-package .order-form-header{padding-top: 5px !important;display: inline-block;vertical-align: text-bottom;padding-right: 0px;margin-right: 15px;}

.select-package label .off:first-child(){transform: translate(47%,-50%);}

.switch-1 .off{transform: translate(2%,-50%) !important;}

.switch-2 .off{transform: translate(-14%,-50%) !important;}

.switch-6 .off{transform: translate(50%,-50%) !important;}

.switch-12 .off{transform: translate(-13%,-50%) !important;width: 100%;}

.switch-2 input:checked + .slider .on {
    display: block;
    transform: translate(-88%,-50%) !important;
    color: #fff;
    font-weight: bold;
}

.switch-6 input:checked + .slider .on {
    display: block;
    transform: translate(-150%,-50%) !important;
    color: #fff;
    font-weight: bold;
}

.switch-1 

.main-form {position: relative;}

.emirateId label{vertical-align: text-top !important;}

.area-avail-order-box .btn-end{background:#ff0 !important;padding: 7px 40px;color: #000;border: 2px solid #ff0;border-radius: 35px !important; font-size: 17px;position: absolute;right: 40px;bottom: -20px;transition: 0.5s ease;}


.area-avail-order-box .btn-end:hover{border: 2px solid #000;background: #ffffe6 !important;color:#000; }
/*.address-details .form-input{width: 48% !important;}

.address-details .form-input input{width: 68% !important;}*/

.flat-name{width: 25% !important;}

.building-name{width: 74% !important;}

.building-name input{width: 65% !important; }

.street-no{width: 100% !important;}

.villa-name{width: 100% !important;}

.villa-name input{width: 77% !important;}

.contact-person-details{width: 100% !important;}

.contact-person-details .section-text{font-size: 20px;color:#000;font-weight: bold;margin-bottom: 5px;margin-top: 30px;}

.textarea{font-size: 17px;}

.contact-person-details input{width: 21% !important;margin-right: 13px;font-size: 17px;}

/*.date-seclection .row{padding-bottom: 00px;}*/

.start-date .form-section{position: relative;}

.start-date .form-section i{position: absolute;right: 13px;top:7px;}

.multi-select-button-group{display: none;}

.multi-select-list{background: transparent;border: 1px solid #ecece9;}

.multi-select-list li{margin: 5px 0px;}

.multi-select-list li a{font-size: 16px;text-decoration: none;color: #000;}

#form-1 .section-1{position: relative;}

#form-1 .section-1 p{position: absolute;left: 10px;top:10px;font-weight: normal;font-size: 16px;}

#pickup_emirate_area{display: inline-block;width: 60%;margin-left: 18px;}

#drop_emirate_area{display: inline-block;width: 60%;margin-left: 4px;}

#pickup_emirate_area .meal-box{display: inline-block;margin-right: 30px;vertical-align: text-bottom;}

#drop_emirate_area .meal-box{display: inline-block;margin-right: 30px;vertical-align: text-bottom;}



.drop-type-address .order-form-header{margin-right: 30px;}

.select-package-right{padding-left: 15px;}

.select-package-right-box{padding-left: 7px;margin-right: 15px;}

 .order-form-header{width: 150px !important;}

 .width-auto{width: auto !important;}

 .pickup-drop-address-details .address-details-text{background: transparent;border:1px solid #00000054;padding: 5px;font-size: 17px;}

.distance-box{display: inline-block;width: 15%;}

.distance-box-pickup-drop .order-form-header{vertical-align: baseline;}

.within-20{margin-left: 0px;}

.bike-no{display: inline-block;width: 50px; background: transparent;padding: 5px 0px;font-size: 17px;}

/*.one{margin-left: 21px;}*/

.bike-box .order-form-header{vertical-align: baseline;}

.end-note{display: none;}

.end-note .section-text{padding-top: 30px;}

.end-text-area{margin: 30px 0px 10px 0px; padding:15px;border:1px solid #000;}

.end-text-area .section-text{font-size: 20px; display: inline-block;float: left;border-bottom: none;position: relative;}

.end-text-area .section-text::after{

	position: absolute;
	content: '';
	left: 0;
	bottom:4px;
	background: #000;
	width: 100%;
	height: 2px;
	z-index: 99;

}

.modal-footer{border: none;}

.end-text-area{width: 100%;}

.end-text-area ul{padding-left: 15px;}

.end-text-area ul li{font-size: 17px;}



.end-text-area ul li:nth-child(3){/* list-style-type: none;display: inline-block; */width: 100%;}

.end-text-area table{margin-top: 15px;margin-bottom: 15px; width: 86%;float: left;}

.end-text-area table,td{border: 1px solid #555;}

.end-note-text{font-size: 20px;padding: 0px 15px;}

.end-note-section{width: 100%;padding: 0px 15px;}

/*--------------------------------------------- Cart Page ------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/


.cart-second-section{padding: 50px 0 20px;}

.cart-details .order-selection-number .cart-group{width: 100% !important;margin-top: 50px;}

.cart-box{border-right: 1px solid #60ba62 !important;}

.cart-box:last-child{border: none !important;position: relative;}

.cart-box:last-child .section-text{font-size: 17px;padding: 65px 0px;margin: 0px auto;display: table;}

.cart-box:last-child .del-icon{background:#dc3545; border-radius:0px;padding: 10px 15px;color: #fff;position: absolute;right: -1px;top:49%;transform: translateY(-50%); }

.cart-header{bottom: -12px !important;}

.cart-page-btn .btn-custom{display: inline-block !important;float: right;margin-right: 8px;}

.cart-page-btn .btn-custom:first-child{margin-right: 0px !important;}

.cart-page-btn .btn-custom .span2{float: left;}

.cart-page-btn .btn-custom .span3{float: right;padding-left: 25px;}


/*-----------------------------------------------   Dashboard   ------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.dashboard-second-section{display: flex;padding:105px 0px 0px 0px !important;}

.left-control-bar{width:20%;height:600px;background: transparent;padding: 0px 0px;display: inline-block;vertical-align: top;border:1px solid #000;}

.left-control-bar-list{list-style-type: none;padding-left: 0;width: 100%;margin: 0 auto;display: block;}

.left-control-bar-list li:first-child{padding: 0;border-bottom: 2px solid #000;background: #000;}

.left-control-bar-list li:first-child:hover{background:#000;box-shadow: none; }

.left-control-bar-list li:first-child a{color: #fff;}

.left-control-bar-list li{padding: 10px 0px 10px 15px;transition: 0.5s ease}

.left-control-bar-list li:hover{background: #ffff00; box-shadow: 0px 2px 5px 0px #383636;}

.left-control-bar-list li:hover a{color: #000;}

.left-control-bar-list li .img-container img{width: 80px;height: auto;max-width: 100%;margin: 0 auto;display: table;border-radius: 50%;border: 5px solid #fff;}

.left-control-bar-list li .user-name{ padding:20px 0px; color: #fff;}

.left-control-bar-list li .icon-container{padding-right: 15px;vertical-align: middle;}

.left-control-bar-list li .icon-container i{font-size: 22px;}

.left-control-bar-list li a{color: #000;font-size: 18px;text-decoration: none;}

.left-control-bar-list li:nth-child(3){padding: 10px 0px !important;cursor: pointer;}

.left-control-bar-list li:nth-child(3) a{padding-left: 15px;}

.left-control-bar-list li .sub-list:nth-child(3) a{padding-left: 25px;}

/*---------- Mobile menu ----------------------------*/


.left-control-list-mobile{position:absolute;left:-100%;list-style-type: none;padding-left: 0px;width: 70%;margin: 0 auto;background:#ffffe6;transition:0.75s;z-index: 9999;
    box-shadow: 2px 2px 7px #00000047;/*animation-name: slideIn;animation-duration: 0.75s;animation-timing-function: linear;animation-fill-mode: both;*/top:100%;}

.slideIn{left: 0% !important;}

.left-control-list-mobile li{padding: 15px 5px 15px 10px;transition: 0.5s ease}

.left-control-list-mobile li:hover{background: #ffff00; box-shadow: 0px 2px 5px 0px #383636;}

.left-control-list-mobile li:hover a{color: #000;}

.left-control-list-mobile .sub-list{background: #ffffe6 !important;}

.left-control-list-mobile .sub-list li{padding: 10px 0px !important;}

.left-control-list-mobile li .img-container img{width: 80px !important;height: auto;max-width: 100%;margin: 0 auto;display: table;border-radius: 50%;border: 5px solid #fff;}

.left-control-list-mobile li .user-name{ padding:20px 0px; color: #fff;}

.left-control-list-mobile li .icon-container{padding-right: 20px;vertical-align: text-top;}

.left-control-list-mobile li .icon-container i{font-size: 22px;}

.left-control-list-mobile li a{color: #000;font-size: 20px;text-decoration: none;}

.mobile-menu{padding: 20px;}

.user-info {position: relative;}

.navbar-toggler{position: absolute;right: 0;top:10%;}

.mobile-menu{display: none;}

.left-control-list-mobile .sub-list li{padding: 10px 0px 0px 35px !important;}

 .user-info .user-name{color: #fff;}

.user-info .img-container img{width: 80px !important;height: auto;max-width: 100%;margin: 0 auto;display: table;border-radius: 50%;border: 5px solid #fff;}

.user-info .section-text{color: #000;padding-top: 30px;}

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

.right-information-bar{width: 80%;padding: 15px;display: inline-block;vertical-align: top;}

.info-section table{vertical-align: middle;text-align: center;}

.info-section table th{background:  #000;color: #ffff00;font-size: 15px;letter-spacing: 2px;}

.info-section table th,td{padding: 5px 5px !important;}

.info-section table td a{color: #000;}

.status-text{color: #47a84b;display: none;}


/*------------------------------------------   Account INformation --------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------*/

.dashboard-logo{display: table;margin: 0 auto;transform: translateY(46px);}

.proflie-box{border: 1px solid #a9a9a9;border-radius: 10px;padding:10px 20px 2px;background: transparent;box-shadow: 0px 4px 6px #afa9a9;}

.profile-img-container img{width:80px;height: auto;max-width: 100%; margin-top: 0px;}

.proflie-box-text .section-header{font-size: 22px;
    margin-bottom: 0px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #000;
    display: inline-block;}

    .proflie-box .section-header{font-size: 22px;color: #000; border-bottom: 2px solid #000;margin-bottom: 10px;display: block;text-align: left;}

.proflie-box-text .section-text{margin-bottom: 5px; color: #000;font-size: 22px;}

.current-order{border: 1px solid #a9a9a9;border-radius: 10px;padding: 10px;background: transparent;box-shadow: 0px 4px 6px #afa9a9;display: table;margin: 0 auto;text-align: center;}

.current-order .section-header{font-size: 22px;color: #000; margin-bottom: 10px;display: inline-block;position: relative;}

.update-info-form-pass .section-header:after{
    position: absolute;
    content: '';
    background: #000;
    height: 2px;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.current-order .section-header span{float: right;}


.current-order-list{list-style-type: none;padding-left: 10px;margin-top: 20px;}

.current-order-list li{color: #000;display: inline-block;padding: 3px 10px;width: 180px;background: #ffff00;margin: 5px 0px;border-radius: 25px;text-align: center;font-size: 16px;}

.update-info-form{background:transparent;padding: 12px 20px; border-radius: 10px;text-align:center;/*box-shadow: 0px 4px 6px #afa9a9;border: 1px solid #a9a9a9;*/
}

/*.update-info-form .text-center{text-align: left !important;}*/

.update-info-form .form-input{margin: 0px 0px;}

.update-info-form .section-text{color: #000;padding-bottom: 0px;border-bottom: 2px solid #49505787;}

.update-info-form .first-header{border-bottom: none;margin-bottom: 20px;display: inline-block;font-size: 26px;font-weight: 600;letter-spacing: 1px;position: relative;}

.update-info-form .first-header::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 100%;
	left: 0px;
	bottom: 4px;
}

.update-info-form .first-header-1::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 100%;
	left: 0px;
	bottom: 6px;
}

.address-change-form .personal-info .first-header::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 100%;
	left: 0px;
	bottom: 4px;
}

.update-info-form .form-input label{font-size: 18px !important;color: #000;margin-bottom: 0px;}

.update-info-form .form-input input{width: 100% !important;border-radius: 5px;border:1px solid #49505787;padding: 5px 5px;background: transparent;display: table;margin: 2px auto;font-size: 17px;}

.update-info-form .form-input select{width: 100% !important;border-radius: 5px;border:1px solid #49505787;padding: 6.5px 5px;background: transparent;display: table;margin: 2px auto;font-size: 17px;}

.update-info-form .form-input input:focus{outline: none;}

.control-btn .btn{color:#000;font-size: 18px;padding: 5px 20px;border-radius: 35px;border: 2px solid #000;transition: 0.5s ease;display: table;margin: 0 auto;}

.control-btn .btn i{padding: 0px 5px;display: none;}

.control-btn .btn:hover{background: #000;color: #fff;}

.control-btn .btn:focus{box-shadow:none !important;}

.avatar{border-bottom: 2px solid #7dcc8054; padding-bottom: 10px;}

.avatar img{width: 98px;height: auto;max-width: 100%;padding: 8px;}


.custom-file {
    position: relative;
    display: inline-block;
    width: 64%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 145px;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
    text-align: center;
}

.custom-file-label{
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #47a84b;
    content: "Choose Your Avatar";
    background-color: #fff;
    border-left: inherit;
    border-radius: 5px;
    width: 75%;
    text-align: center;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: none;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.update-info-form .form-input{margin-bottom: 10px;text-align: left;}

.update-info-form .pick-up-address textarea{border-radius: 10px;width: 90%;padding: 5px 10px;}

.update-info-form .drop-address textarea{border-radius: 10px;width: 90%;padding: 5px 10px;}

.address-info{border-left: 2px solid #7dcc8054;border-right: 2px solid #7dcc8054;}

.address-info:nth-child(3){border: none;}

.pick-up-address-list{list-style-type: none;padding-left: 10px;background: #fff;border-radius: 10px; padding: 15px;}

.pick-up-address-list li{color: #fff;font-size: 18px; color: #47a84b;}

.pick-up-address label{font-size: 16px !important;}

.control-btn{margin-top: 15px;margin-bottom: 15px;}

.update-info-form-pass .form-input input {
    width: 60% !important;
    border-radius: 5px;
    border: 1px solid #49505787;
    padding: 5px 5px;
    background: transparent;
    margin: 10px auto;
    display: table;
    font-size: 17px;
}

/*.personal-info{padding: 10px 20px 20px;}*/

.update-info-form-pass .form-input label {
    font-size: 20px !important;
    color: #000;
    margin-bottom: 5px;
}

.right-information-bar .row-2{padding: 0px 0px 0px 0px;}

.home-address{border: 1px solid #47a84b;border-radius: 10px;padding: 49px 20px 20px;background: #47a84b;box-shadow: 0px 4px 6px #afa9a9;margin: 0px 0px 15px;}

.office-address{border: 1px solid #47a84b;border-radius: 10px;padding: 49px 20px 20px;background: #47a84b;box-shadow: 0px 4px 6px #afa9a9;}

.right-information-bar .row-3{margin-top: 20px;}

.home-address .control-btn{border: none;}

.office-address .control-btn{border: none;}


/*---------------------------------------- Delivery Boy login --------------------------------------------------------------------*/

.delivery-login-form-section{max-width: 800px;height:auto;position: absolute;left: 50%;top:50%; background:transparent;/*--transform: translate(-50%,-50%);--*/;transform: translate(-50%,-50%);box-shadow: 2px 5px 10px #7b79799c;border-radius: 5px;}

.delivery-login-form-left{padding: 20px;background:#ffff00;border-bottom-left-radius:5px;border-top-left-radius:5px; display: flex;}

.delivery-login-form-right{background:#ffffe6;border:2px solid #ffff00;border-top-right-radius: 5px;border-bottom-right-radius: 5px;display: flex;}

.delivery-login-form-left img{width: 150px;height:auto;max-width:100%;margin: 0 auto;}

.delivery-login-form{padding: 15px 20px 10px;}

.delivery-login-form .section-text{color:#000; padding-bottom: 25px;}

.delivery-login-form form input{padding: 5px;width: 100%;border: 1px solid #000; margin: 5px 0px;border-radius: 5px;background:transparent;padding: 5px 10px;}

.delivery-login-form form input:focus{outline: none;border: 1px solid #60ba6275 }

.delivery-login-form form .btn-custom {background: #ffff00;color: #000;padding: 10px 40px;border-radius: 35px;transition: 0.5s ease;border: 2px solid #ffff00;margin: 20px auto;display: table;}

.delivery-login-form form .btn-custom:hover{background:transparent;color:#000; border: 2px solid #000}

.multi-select-button-group{display: none;}

.multi-select-list{background: transparent;border: 1px solid #ecece9;}

.multi-select-list li{margin: 5px 0px;}

.multi-select-list li a{font-size: 16px;text-decoration: none;color: #000;}

.form-1 .section-1{position: relative;}

.form-1 .section-1 p{position: absolute;left: 10px;top:10px;font-weight: normal;font-size: 16px;}


/*--------------------- About Us -------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.about-us-second-section{padding: 50px 0px 0px;}

.about-us-second-section .header-1{font-weight: 300; position: relative;display: inline-block;}


.section-header.header-1{font-size: 50px;}
.about-us-second-section .section-header.header-1 {
    font-size: 28px;
}
.about-us-second-section .header-1::after{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    background: #000;
    width: 100%;
    height: 2px;
    content: '';
    border-radius: 35px;
}



.section-header.header-3{font-size: 20px;position: relative;}
.section-header.header-3::after{
    position: absolute;
    content: '';
    background: #000;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 3px;
}


.section-header.header-4{
    font-size: 20px !important;
    position: relative;
    margin: 0 !important;
}
.section-header.header-4::after{
    position: absolute;
    content: '';
    background: #000;
    height: 2px !important;
    width: 100%;
    left: 0;
    bottom: 5px !important;
}

.vision-mission{margin: 0px;}

.desc-bar{margin-top: 50px;border: 1px solid #000; margin-bottom: 60px;}

.up-section{border-bottom: 1px solid #55555524;}

.about-us-desc-text{position: relative;padding: 50px 10px;}

.up-down-section{position: relative;top:50%;transform: translateY(-50%);padding:0px 15px;}

.about-us-desc-text .header-2{font-size: 30px;text-transform: capitalize;text-align: left;font-weight: bold;}

.about-us-desc-text .section-text-1{color: #555;font-size: 18px;text-align: left;font-weight: 600;}

.about-us-desc-text .section-text-2{color: #000;font-size: 22px;text-align: left;font-weight: 500;}

.down-section{padding: 20px 0px;}

.about-us-desc-img{background:url("../images/img-2.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}

/*.about-us-desc-img img{left: -50px;position: relative;margin: 0 auto;display: table;width: 555px;}*/

.about-us-third-section{padding-top: 50px;}

.about-us-third-section .section-header{text-align: center;}

.about-us-third-section .header-2{font-weight: 300; position: relative;display: table;margin: auto;}

.about-us-third-section .header-2::after{position: absolute;left:50%;transform: translateX(-50%);bottom: 13px;background: #000;width: 100%;height:3px;content: '';border-radius: 35px;}

.team-box-row{padding-top: 80px;}

.team-box{border: 1px solid #5555553d;overflow: hidden;position: relative;padding: 0;transition:all 0.5s ease;height: 450px;box-shadow: 0px 2px 10px #55555585;}

.team-img-container{overflow: hidden;padding: 20px 0px;background: #fff;}

.team-img-container img{width: 200px;height: auto;}

.team-content{padding: 15px;background:#efefe1; z-index: 2;transition:all 0.5s ease;}

.team-info{position: relative;transition: 0.5s ease;}

.team-box:hover .team-content{transform: translateY(-70px);}

.team-info::after{position: absolute;left:50%;transform: translateX(-50%);bottom: -10px;background: #000;width: 60px;height:3px;content: '';border-radius: 35px; }

.team-name{font-weight: 600;font-size: 22px;color: #000;letter-spacing: 1px;}

.team-designation{font-size: 18px;font-weight: normal;text-transform: uppercase;color: #000}

.team-desc{padding: 20px 0px;}

.team-desc p{color: #000;font-size: 18px;margin-bottom: 0px;}

.team-follow{list-style-type: none;padding-left: 0px;width: 100%;margin: 20px auto 20px;position: relative;bottom: 0px;left: 50%;transform: translateX(-50%);padding-bottom: 10px; text-align: center;}

.team-follow li{display: inline-block;padding:8px 15px; background: #000;margin: 0 5px}

.team-follow li i{color: #fff;transition: 0.2s ease;}

.team-follow li i:hover{color:#ff0; }

/*----------------------------------------------- FAQ -----------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.faq-second-section{padding: 50px 0px 0px;}

.contact-hightlight{padding: 20px 0px 30px;}

.contact-hightlight-box{display: table; text-align: left;width: 100%;}

.contact-icon{display: table-cell;vertical-align: middle;padding-right: 25px;}

.contact-text{display: inline-block;}

.contact-text h4{font-weight: 700;}

.contact-text .section-text{font-size: 18px;}

.contact-icon i{font-size: 60px;color:#000; }

.faq-second-section .header-1{font-weight: 300; position: relative;}

.faq-second-section .header-1::after{position: absolute;left:50%;transform: translateX(-50%);bottom: -10px;background: #000;width: 50px;height:3px;content: '';border-radius: 35px;}

.faq-accordion-bar{padding-top: 35px;}

#accordion .card .card-header span{float: right;}

.card{background: transparent;}

.card-header{
    font-size: 22px;
    text-decoration: none;
    color: #000;
    background: transparent;
    border-bottom: 1px solid rgb(0, 0, 0);
    padding: .25rem 1.25rem;
}

.card-header:hover{color:#ff5200; }

.card-header:focus{color:#ff5200; }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(0, 0, 0);
    border-radius: .25rem;
    margin: 5px 0;
}

.blank{padding: 25px;}

.faq-item-list{list-style-type: none;padding-left: 10px;position: sticky;}

.faq-item-list li{background:#efefdd;padding: 8px 15px;margin: 5px 0px;border-left: 3px solid #000;}

.faq-item-list li a{color: #555;font-size: 22px;text-decoration: none;text-transform: uppercase;}

.faq-item-list li a img{width: 35px;height: auto;float: right;display: block;}

.faq-item-list li a span i{color:#000;font-size: 18px;float: right;margin: 10px;}

.sticky{top: 55px;left: 883px;position: fixed;z-index: 99999;width: 24%;}


/*-------------------------------------- Term & Condition ------------------------------------------------------------*/

.term-condition-second-section .section-header{font-weight: 300; position: relative;text-align: center; display: table;margin: auto;font-size: 28px;}

.term-condition-second-section .section-header::after{position: absolute;left:50%;transform: translateX(-50%);bottom: 6px;background: #000;width: 100%;height:3px;content: '';border-radius: 35px;}

.term-condition-second-section{padding: 50px 0px;}

.term-list-container{border:1px solid #000;display: table;margin: 50px auto 0px;padding: 25px;}

.term-list{list-style-type: none;padding-left: 0px;}

.list-bg{font-size: 17px;    text-align: justify;}

.term-list .list-header{
    display: inline-block;
    font-weight: 700;
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
}

.term-list .list-header::after{

	position: absolute;
	background: #000;
	content: '';
	height: 1px;
	width: 100%;
	left:0px;
	bottom: 3px;
}

.term-list ul{text-align: justify;}

/*---------------------------------- Feed BAck  ----------------------------------------------------------*/

.feedback-second-section{padding: 80px 0px 50px 0px;}

.feedback-left .section-header{font-weight: normal;font-size: 22px;text-align: center;margin-bottom: 20px;text-transform:capitalize;}

.feedback-form form{background:transparent;padding: 25px;border:2px solid black;}

.feedback-form form input{padding: 5px 10px;margin: 9px 0px;background: transparent;border: 1px solid #555;color: #000;font-size: 20px;vertical-align: top;}

.feedback-form form input:focus{outline:none;}

.feedback-form form input::placeholder{color: #000;font-size: 16px;}

.feedback-form form textarea{padding: 15px 10px;margin: 5px 0px;background: transparent;border: 1px solid #555;color: #000;}

.feedback-form form textarea::placeholder{color: #000 !important;}

.feedback-form form textarea:focus{outline:none;}

.feed-back-phone{display: inline-block;width: 49%;margin-right: 7px;}

.feed-back-email{display: inline-block;width: 49%;}

.prefix{display: inline-block;width: 50px !important;padding: 4px;margin-right: 7px;}

.name input{width: 100% !important;}

.nationality input{width: 100% !important;}

.feed-back-phone input{width: 100%;}

.feed-back-email input{width: 100%;}

.message{width: 100%;}

.message textarea{width: 100%;}

.feedback-left{border-right: 1px solid #555;border-right: 2px solid #53565330;}

.feedback-left p{font-size: 22px;}

.feedback-form form textarea::placeholder{color: #fff;font-size: 16px;}

.feedback-form .btn-custom{background:#ffff00;color:#000;padding: 10px 30px;font-size: 18px;border-radius: 25px;transition: 0.5s ease;border:2px solid #fff; text-transform:uppercase;}

.feedback-form .btn-custom:hover{background:transparent; color: #000;border:2px solid #000;}

.feedback-form form h3{color: #000;text-align: center;letter-spacing: 1px;font-size: 35px;}

.submit{text-align: center;}

.feedback-right-contact .section-header{font-size: 34px;position: relative;display: inline-block;text-transform:capitalize;}

.feedback-right-contact .section-header::after{position: absolute;left:50%	;transform: translateX(-50%);bottom: 3px;background: #000;width: 100%;height:3px;content: '';border-radius: 35px;}

.feedback-adress{margin-top: 15px;}

.feedback-adress ul{list-style-type: none;padding-left: 0px;}

.feedback-adress ul li{padding-left: 47px;font-size: 18px;}

.feedback-adress ul li:first-child{text-transform: uppercase;}

.list-add-bg{background: url("../images/location-bg-icon.png")  no-repeat !important;padding: 0px 0px 0px 40px !important;margin: 6px 6px; background-size: 25px 25px !important;background-position: 1px 1px !important;}

.list-ph-bg{background: url("../images/phone-bg-icon.png")  no-repeat !important;padding: 0px 0px 0px 40px !important;margin: 6px 6px; background-size: 25px 25px !important;background-position: 1px 1px !important;}

.list-mail-bg{background: url("../images/mail-bg-icon.png")  no-repeat !important;padding: 0px 0px 0px 40px !important;margin: 6px 6px; background-size: 25px 25px !important;background-position: 1px 1px !important;}

.list-time-bg{background: url("../images/clock-bg-icon.png")  no-repeat !important;padding: 0px 0px 0px 40px !important;margin: 6px 6px; background-size: 25px 25px !important;background-position: 1px 1px !important;}

.customer-box-type-1{display: inline-block;}

.customer-box-type-2{display: inline-block;}

.customer-type-box{padding: 0 25px 0 0;}

.customer-type .section-text{text-align: left;display: inline-block;padding-right: 10px;}

.feedback-form h4{text-align: center;padding: 20px 0px;}

/*--------------------------------------  Order Report -----------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/

.report-second-section{padding:50px 0px;}

.report-box{border:1px solid #000;border-radius: 5px;padding: 15px;display: table;margin: 0 auto;}

.report-box .section-text{border-bottom: 2px solid #000;}

.info-report ul{list-style-type: none;padding-left: 0;}

.info-report ul li{font-size: 20px;}

.info-report ul li strong{padding-right: 10px;}

.personal-info-row{padding: 10px 0px;}

.personal-info-row .col-md-12{padding: 0px;	}

.order-info-row{padding: 10px 0px;}

.address-info-row{padding: 10px 0px;}

.list-add{font-size: 25px; border-bottom: 2px solid #000;padding-bottom: 2px;margin-bottom: 5px;display: inline-block;margin-top: 5px;}

.order-info{width: 100% !important;}

#return-home{position: fixed;right: -13%;bottom: 20%;transition: 0.5s ease;z-index: 9999;}

.right-0{right: 0% !important;}

.return-home-btn{text-decoration: none;padding: 15px;background: #82c91e; color: #fff;}

.return-home-btn i{color:#fff;}

.health-tips{position: fixed; background:#ffffe6; border-radius: 5px;border:2px solid #7dc417;right: -100%;bottom:10%;z-index: 999;
}

.health-tips ul{padding-right: 10px;}

.move-right-0{animation: move 5s infinite ease-in-out;animation-direction: alternate;}

@keyframes move {
  0% {
    right: -30%;
  }

  20%{right: 0%}

  40%{right: 0%}

  60%{right: 0%}

  80%{right: 0%}

  100% {
    right: 0%;
  }
}

.move-right-30{animation: move 5s infinite ease-in-out;animation-direction: alternate;}

@keyframes shift {
  0% {
    right: 0%;
  }

  100% {
    right: -30%;
  }
}

.health-tips h3{padding:20px;background:#7dc417;color: #fff;text-align: center;letter-spacing: 2px;padding: 8px;}

.tips-list{list-style-type: none;padding-left: 10px;}

.tips-list li{font-size: 16px;margin:5px 0px;}

.alert-danger{margin-top: 30px; margin-bottom: 0px;}

.alert-danger p{margin-bottom: 0px;}

.profile-separator{padding: 5px 0px 15px;}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #000000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #000000;
}

.counter{margin-left: 22px !important;}

.bottom-text-box{border:1px solid #000;padding: 5px 20px;margin: 50px 0px;}

.bottom-text-box ul{padding-left: 18px;}

.bottom-text-box ul li{font-size: 17px;margin: 5px 0px 0px;text-align: justify;} 

.bottom-text-box ul li a{color: #000;}

.bottom-text-box ul li b{color: red !important;}

/*---------------------------------------------- Thanks You -------------------------------------------*/

.thank-you-content-box{margin-top:50px;padding: 25px;position: relative;left: 50%;transform: translate(-50%);box-shadow: 0px 5px 10px #00000059;}

.thank-you-content-box .section-text a{font-size: 30px; color: #47a84b;transition: 0.5s ease;}

.thank-you-content-box .section-text a:hover{letter-spacing: 2px;}

.thank-you-content-box .section-text a img{width: 140px;height: auto;margin-top: 10px;}


.sub-list{list-style: none;display: none;padding-left: 0px;margin-top: 10px;background: #ffffe6 !important; }

.sub-list li{margin: 0px 0px;background: none !important; border:none !important;padding: 10px 0px 10px 40px !important;color: #000 !important;}

.sub-list li a{color: #000 !important;}

.sub-list li:hover{box-shadow: none !important;background: #ff0 !important;}

.sub-list li:hover a{color: #000 !important;}

.sub-list li:nth-child(3){padding: 0px 0px 10px 49px !important; }



.left-control-bar-list .sub-list li:nth-child(3) {
    padding: 10px 0px 10px 38px !important;
}

.sub-list li a{color: #000;padding-left: 12px !important;}

.sub-list li a .icon-container{padding-right: 8px !important;}

.left-control-list-mobile li:nth-child(2){padding: 10px 0px !important; }

.left-control-list-mobile li:nth-child(2) a{padding: 10px 10px !important; }

.left-control-list-mobile .sub-list li a{padding-left: 17px !important;}

.left-control-list-mobile .sub-list li:nth-child(2) a{padding-left: 51px !important;}

.left-control-list-mobile .sub-list li:last-child a{padding-left: 2px !important;}

/*.left-control-bar-list li:nth-child(3):hover .sub-list{display: block;padding-left: 0px ;}*/

.you_must_know{padding-left: 15px; font-size:17px;}

.you_must_know li{text-align: left;padding-left:0px;margin: 4px 0px;}

.you_must_know li a{padding: 5px 0px;background: transparent;border-radius: 35px;}

.ul_p_tag{font-size: 20px;font-weight: bold;text-align: left;margin-bottom: 0px;margin-top: 10px;display: inline-block;
    border-bottom: none;position: relative;}

    .ul_p_tag::after{
	position: absolute;
	content: '';
	left: 0;
	bottom:5px;
	background: #000;
	width: 99%;
	height: 2px;
	z-index: 9;

}

.checkbox label{width: 100%;text-align: left;padding-left: 0px;}

.checkbox label input[type=checkbox]{vertical-align: middle;margin-bottom: 3px;}

.checkbox label .btn-custom{background:none!important; border: none !important;color: #000 !important;padding: 5px !important;width: 20px;}

.checkbox label .btn-custom:focus{box-shadow: none !important;}

.drop-holiday-form-header{display: inline-block;border-bottom: none;margin-left: 0px;position: relative; font-size: 22px;}

.drop-holiday-form-header::after{

	position: absolute;
	content: '';
	background: #000;
	height: 1px;
	width: 99%;
	left: 1px;
	bottom: 5px;

}


/*---------------- Added CSS 2020 ----------------------*/


.drop-cancelltion-form-sub-header{float: left;display: inline-block;margin-left: 0px;margin-bottom: 15px;border-bottom: none; position: relative; font-size: 22px;}


.drop-cancelltion-form-sub-header::after{

	position: absolute;
	content: '';
	height: 1px;
	width: 99%;
	background: #000;
	left: 0px;
	bottom: 5px;
}

.pickup-address-details .order-form-header{vertical-align: top;padding-top: 0px !important;}

.drop-address-details .order-form-header{vertical-align: top;padding-top: 0px !important;}

.pickup-address-details .pick-up-street{width: 66.5%;height: 60px;
 
    background: transparent;
    border: 1px solid #00000054;
    padding: 5px;margin-bottom: 10px; font-size: 17px;}

.pickup-address-details .drop-street{width: 66.5%;height: 60px;background: transparent;
    border: 1px solid #00000054;
    padding: 5px;margin-bottom: 10px;font-size: 17px;}

.cal-distance{float: right;margin-right:110px; }

 .beyond-20 label{width: 200px;}

 #myModal .modal-dialog{max-width: 785px;}

 #myModal .modal-content{padding: 10px;}

  #myModal .modal-header{padding: 10px;
    border: 1px solid #000;
    border-bottom: none;}

#myModal .modal-header .modal-title{display: inline-block;border-bottom: none;margin-left: 6px; position: relative;}

#myModal .modal-header .modal-title::after{

	position: absolute;
	content: '';
	background: #000;
	height: 2px;
	width: 100%;
	left:0;
	bottom: 8px;
}

 #myModal .modal-body{border: 1px solid #000;border-top: none;padding-top: 0px;}

 #myModal .modal-dialog .terms_condition {padding-left: 15px;}

 #myModal .modal-dialog .terms_condition  table{width: 100%;margin: 10px 0px;}

 /* #myModal .modal-dialog .modal-footer .btn-custom{border: 1px solid #000;}*/

 .switch-11 span .i-button{position: relative;float: right;right: -20px;top: 5px;}

 .order_type_modal .section-text strong{border-bottom: none;margin-right: 5px;position: relative;}

 .order_type_modal .section-text strong::after{

 	position: absolute;
 	content: '';
 	background: #000;
 	height: 2px;
 	width: 100%;
 	left: 0;
 	bottom:1px;
 }

/*------------------- Exciting Offer --------------------*/

.exciting-offers-section{padding: 125px 0px 100px 0px !important;}

.offer-content-container{border:1px solid #000;padding: 10px;}

.offer-content-container .section-header-box .section-header{font-size: 34px;text-align: center;display: table;border-bottom: none; margin: 5px auto;}

.offer-content-container .section-table-content .section-text{font-size: 26px;display: inline-block; border-bottom: none;position: relative;font-weight: bold;}

.offer-content-container .section-table-content .section-text::after{

	position: absolute;
	content: '';
	background: #000;
	z-index: 99;
	height: 2px;
	width: 100%;
	left: 0;
	bottom: 5px;
}

.offer-content-container .section-table-content table{width: 75%;}

.offer-content-container .section-table-content table th,td{border: 1px solid #555;padding: 0px 10px;font-size: 18px;}

.section-end-note-box{border: 1px solid #000;margin-top: 20px;padding: 10px;width: 81%;}

.section-end-note-box .section-text{display: inline-block;border-bottom: none;font-weight: bold;font-size: 25px;margin-left: 10px;position: relative;margin-bottom: 0px;}

.section-end-note-box .section-text::after{

	position: absolute;
	content: '';
	background: #000;
	left: 0;
	bottom: 5px;
	height: 2px;
	width: 100%;
}

.section-end-note-box ul{padding-left: 25px;}

.exciting-offers-section .offer-content-container,
.exciting-offers-section .section-end-note-box{border: 2px solid #000;margin: auto;}

.section-end-note-box ul li{margin: 6px 0px;font-size: 18px;}

.t_service_modal .section-text{font-size: 18px;position: relative;}

.section-table-content table td b{font-size: 25px;color: #000;}

.next-section-text{font-size: 16px !important;font-weight: normal !important;}

.bottom-text-box .section-text{display: inline-block;border-bottom: none;font-weight: bold;font-size: 20px;margin-bottom: 5px;position: relative;}

.bottom-text-box .section-text::after{

	position: absolute;
	content: '';
	left: 0;
	bottom:4px;
	background: #000;
	width: 100%;
	height: 2px;
	z-index: 99;
}

.bottom-text-box ul li span{margin: 0px 5px;}

#villa_street_no{width: 85% !important;}

#flat_streetno{width: 78.8% !important;}

#drop_street_no{width: 78.6% !important;}

#upcoming_zone_modal .section-text{font-size: 20px;}

#upcoming_zone_modal .modal-dialog{max-width: 565px;}

#upcoming_zone_modal .modal-dialog .modal-body table th,td{border: 1px solid #555;padding: 10px;font-size: 15px;}

.offer-content-container .section-table-content table td{font-size: 22px;}

#upcoming_zone_modal .modal-dialog .modal-body table th, td p{margin-bottom: 0rem;}

#no_bag_modal .modal-dialog .modal-body .section-text{font-size: 18px;text-align: justify;margin-bottom: 5px;}

#no_bag_modal .modal-dialog .modal-body .end-text{font-size: 16px;text-align: center;}

#no_bag_modal .modal-dialog .modal-body ul{padding-left: 15px;}

.update-info-form .end-text{display: table;margin: 10px auto;font-size: 18px;border:none;}

.order_type_modal .modal-dialog{
    position: absolute;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;}

.snacks label{font-size: 17px;}

.end-text-area ul li span{position: relative;}

.end-text-area ul li span::after{

	position: absolute;
	content: '';
	left: 0;
	bottom:3px;
	background: #000;
	width: 100%;
	height: 1px;
	z-index: 99;
}

.added-header{margin-left: 15px !important;margin-bottom: 20px;position: relative;width: auto !important;font-size: 20px !important}

.added-header::after{

	position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    background: #000;
    width: 100%;
    height: 2px;
    z-index: 99;


}
.note{color:red;text-align: left;margin-bottom: 0;margin-left: 15%;font-weight: 700;font-size:15px;}
.note1{color:red;text-align: left;margin-bottom: 0;font-weight: 700;font-size: 15px;}
.note2{color:red;text-align: left;margin-bottom: 0;margin-left: 26%;margin-top: -2%;font-weight: 700;font-size:15px;}

.zone{position: relative;}

.zone-added-text{position: absolute;z-index: 99;right: 15px;bottom: -25px;margin-bottom: 0px;}

.content-header{display: inline-block;position: relative;margin-top: 0px !important; }

.content-header-2{position: relative;}

.content-header-2::after{

	position: absolute;
    content: '';
    left: 0;
    bottom: 5px;
    background: #000;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.content-header::after{

	position: absolute;
    content: '';
    left: 0;
    bottom: 5px;
    background: #000;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.content-text{margin-top: 10px !important; }

.drop-kit-modal .modal-dialog{

	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-54%) !important;
    max-width: 1200px;
}

.drop-kit-modal .modal-dialog .modal-body{width: 638px;}

.thank-you-content-box .section-header{font-size: 26px ;}

#party_distance_area .distance_pickup_drop{display:none;}

#party_distance_area label{font-size: 17px; font-weight: bold;}

.t_service_modal .modal-dialog{margin-top: 45px;}

.call-to{color: #000;font-weight:normal;}

.call-to:hover{color: #000;}

.address-type-selector label{font-size: 17px;}

.address-type-selector .address_radio{vertical-align: middle;margin-bottom: 3px;}

.reason_chkbox{vertical-align: middle;margin-bottom: 3px;}

.second-offer{border-top: none !important;}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

.breakfast-radio{width: 70%;padding-left: 15px;}

.select-package-left{padding-left: 15px;}

.right-register-form .alert-success{margin-top: 25px;}

.update-info-form .personal-info .first-header-1 strong{font-size: 30px;text-transform: uppercase;position: relative;}

/*.address-change-form .col-md-4, .col-md-12 {padding: 0px !important;}*/

.reminder-text{color:red;text-align:center;padding:10px 10px;font-size:20px;font-weight:bold;}

.end-box{max-width:60%;}

.end-box-2{max-width:70%;}

.reloacte{text-align:left;padding-left:15px; font-size: 17px;}

.reminder-text-box {padding:0px;}

.reminder-text-box .section-text{font-size:18px;text-align:left !important;padding-left:0px;color:#000;border: none !important;}

.package-boxx{padding: 0px;}

.package-boxx .col-md-12 {padding-left: 0px;}

.drop-cancelltion-form-sub-header-box{padding-left: 0px;}

.select-address-box{padding:0px 0px;}

.select-address-box .section-text{font-size:18px;text-align:left;padding-left:0px;border: none !important;}

.address-type-selector{text-align:left;padding-left:15px;}

.end-box-3{max-width: 89%;padding-right: 0px;}

.main-box{display: flex;}

/*.pickup-address-details textarea{width: 78% !important;}

.pickup-drop-address-details .address-details-text{width: 78% !important;}*/

.pickup-address-details textarea{width: 72% !important;}

	.pickup-address-details .pick-up-street{width: 78%;}

	.pickup-address-details .drop-street{width: 78%;}

	.drop-address-details textarea{width: 72%;}

	.cal-distance {margin-right: 21px;}

	.section-22 input{width: 280px !important;}

	.end-date .section-22 input{width: 280px !important;}

	.start_end_extra_row{border-top:1px solid #000;}

	.start_end_extra_row .col-md-6{padding: 10px 0px;}

	.start_end_extra_row .col-md-6:first-child{border-right:1px solid #000;}

	/*.tick{display: none;}*/

	.ticker-bar{width: 100%;padding: 10px;margin-top: 15px;/*display: none;*/color: #007bff;}
	
	.health_popup-bar{width: 100%; padding: 10px;margin-top: 15px;/*display: none;*/color: #800000;border-radius: 10px;}
    
	.ticker-bar marquee{vertical-align: middle;}

	.ticker-bar .holiday-float-list{margin-bottom: 0;list-style-type: none;}

	.ticker-bar .holiday-float-list li{padding: 0px 10px;position: relative;display: inline-block;}

	.ticker-bar .holiday-float-list li::after{

		position: absolute;
		content: '';
		right: -3px;
		top: 4px;
		background: #fff;
		height: 15px;
		width: 2px;
	}

	.address_change_order_not_started{font-size: 18px;}

	.ticker-bar .holiday-float-list li:last-child::after{display: none;}

	.reminder-text a{text-decoration: none;/*color: #000;*/}



#ajaxmsgarea  {
    
     /* font-size: 11px !important; */
    text-align: center !important;
}
	
	
/*---------------------------------------------- Responsive ------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 992px) and (max-width: 1285px){

	.left-control-bar{width: 25%;}

	.right-information-bar{width: 75%;}

	.dashboard-second-section {display: flex;flex-wrap: wrap;}

	.left-control-bar{height: auto;}

	.update-info-form{padding: 12px 0px;}

	.personal-info{padding: 0px;}

	.update-info-form .first-header{font-size: 22px;}

	.update-info-form .first-header::after{bottom: 4px;}

	.update-info-form .first-header-1::after{bottom: 7px;}

	.package-boxx .col-md-12 {padding-left: 15px;}

	.drop-cancelltion-form-sub-header-box{padding-left: 15px;}

	.reminder-text-box{padding:0px 15px;}

	.end-box{margin-left: 15px;}

	.end-box-2{max-width: 86%;}
	/*.left-control-bar-list { display: none;}

	.mobile-menu {
    	display: block;
    	background: #000;
	}

	.toggler-2 {
    transform: translateY(10px) !important;
    margin: 0px;
    border: 1px solid #fff;
    background: #000;
}
.user-info .section-text {
    color: #fff;
    padding-top: 20px;
}

.left-control-list-mobile {
    position: absolute;
    left: -100%;
    list-style-type: none;
    padding-left: 0px;
    width: 30%;
    margin: 0 auto;
    background: #ffffe6;
    transition: 0.75s;
    z-index: 999999;
    box-shadow: 2px 2px 7px #00000047;
    top: 416px;
}

.info-section{margin-top: 10px;}*/

}

@media screen and (min-width: 1285px) and (max-width: 1326px){

	.pickup-address-details textarea{width: 72% !important;}

	.pickup-address-details .pick-up-street{width: 78%;}

	.pickup-address-details .drop-street{width: 78%;}

	.drop-address-details textarea{width: 72%;}

	.cal-distance {margin-right: 21px;}

	.zone select { position: relative;right: -5px;}

}

@media screen and (min-width: 1220px) and (max-width: 1285px){

	.select-address-box{padding: 0px 15px;}

	.pickup-address-details textarea{width: 72% !important;}

	.pickup-address-details .pick-up-street{width: 78%;}

	.pickup-address-details .drop-street{width: 78%;}

	.drop-address-details textarea{width: 72%;}

	.cal-distance {margin-right: 21px;}

	.reloacte {flex: 0 0 32% !important;max-width: 32%;}

	.zone select { position: relative;right: -5px;}
}

@media screen and (min-width: 991px) and (max-width: 1220px){

	.reloacte{flex: 0 0 35%; max-width: 33%;}

	.select-address-box{padding: 0px 15px;}

	
}

@media screen and (min-width: 991px) and (max-width: 1200px){


	.area textarea{width: 89%;}

	#flat_streetno {width: 76.8% !important;}

	.landmark input{width: 86.2% !important;}

	.zone select {width: 80%;position: relative;right: -5px;}


	.contact-person-details input{width: 19% !important;}

	.area-avail-order-form{padding: 10px 0px 30px;}

	.company-name input {width: 66% !important;}

	.villa-2 .area textarea{width: 89%;}

	#drop_street_no {width: 76.8% !important;}

	.back-btn{margin-right: 20px;}

	.pickup-address-details textarea{width: 69% !important;}

	.pickup-address-details .pick-up-street{width: 100%;}

	.pickup-address-details .drop-street{width: 100%;}

	.drop-address-details textarea{width: 69%;}

	.cal-distance {float: right; margin-right: 6px;}

	.drop-type-address .order-form-header { margin-right: 26px !important;}

	.select-package .order-form-header{margin-right: 12px;}

	.team-box:hover .team-content{transform: translateY(-90px);}

	.feed-back-phone{width: 100%;}

	.feed-back-email{width: 100%;}

	.feedback-right-contact .section-header{font-size: 35px;}

	.feedback-right-contact .section-header::after {bottom: 7px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){

	.area-avail-order-box{max-width: 100%;}

	.navbar-brand{visibility: visible;display: none;}

	.left-control-bar{width: 100%;}

	.right-information-bar{width: 100%;}

	.dashboard-second-section {display: flex;flex-wrap: wrap;}

	.left-control-bar{height: auto;}

	.nav-list{position: relative;width: auto;margin:  20px auto 10px;padding-bottom: 0px !important;}

	.nav-list-2{position: relative;width: 100%;margin: 50px auto 0px;top: 10px;text-align: center;}

	.nav-list-2 li{display: inline-block;}

	.nav-list-3{visibility: visible;
    top: 20px;
    left: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
    position: absolute;}

	.navbar-expand-md .navbar-collapse{display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;flex-wrap: wrap;flex-direction: column;}

	.left-control-bar{height: auto;}

	.left-control-bar-list { display: none;}

	.mobile-menu {
    	display: block;
    	background: #000;
    	margin-top: 77px;
	}

	.toggler-2 {
    transform: translateY(10px) !important;
    margin: 0px;
    border: 1px solid #fff;
    background: #000;
}
.user-info .section-text {
    color: #fff;
    padding-top: 20px;
}

.left-control-list-mobile {
    position: absolute;
    left: -100%;
    list-style-type: none;
    padding-left: 0px;
    width: 30%;
    margin: 0 auto;
    background: #ffffe6;
    transition: 0.75s;
    z-index: 99;
    box-shadow: 2px 2px 7px #00000047;
    top: 303px;
}

.info-section{margin-top: 10px;}

.package-selection-box {margin-bottom: 30px;}

.most-popular {transform: scale(1);}

.tree-icon-6 {top: 35%;}

.breakfast-radio{width: 70%;padding-left: 0px;}

#party_delivery_time_area .row .col-md-3{max-width: 50%;}

.select-package-right-box{margin-right: 0px;padding-left: 20px;}

.update-info-form .first-header{font-size: 20px;}

/*.address-change-form .col-md-4 {padding: 0px !important;}*/

.reloacte{padding: 0px 15px !important;}

.reminder-text{padding: 10px 0px;}

.drop-cancelltion-form-sub-header{margin-left: 0px;}

.reminder-text-box .section-text{padding-left: 0px !important;}

.navbar-nav .nav-item:first-child .nav-link {top: -15px !important;}

.end-box {max-width: 92%;}

.update-info-form .section-text{text-align: left;padding: 0 0px;}

.main-box:nth-child(2) {margin-top: 40px;}

.area-avail-order-form {padding: 10px 0px 30px;}

.back-btn{margin-right: 20px;}

.step-box::after{top: 80px;right: -55px;transform: scale(0.6);}

.pickup-address-details textarea{width: 72%;}

	.pickup-address-details .pick-up-street{width: 100%;}

	.pickup-address-details .drop-street{width: 100%;}

	.drop-address-details textarea{width:72%;}

	.cal-distance {float: right; margin-right: 10px;}

	.team-box:hover .team-content{transform: translateY(-100px);}

	.team-follow li{padding: 5px 8px;}

	.team-img-container img {width: 160px;height: auto;}

	.term-condition-second-section {padding: 30px 0px;margin-top: 100px;}

	.feedback-second-section{margin-top: 100px;}

	.feed-back-phone{width: 100%;}

	.feed-back-email{width: 100%;}

	.feedback-right-contact .section-header{font-size: 28px;}

	.feedback-right-contact{padding: 0;}

	.feedback-right-contact .section-header::after{bottom: 5px;}

	.banner-text-section .section-header{margin-top: 125px;}

	.banner-img-left{display: none;}

	.zone select {width: 83%;position: relative;right: -5px;}

	.company-name input {width: 70% !important;}
  	
  	#drop_street_no {width: 79.5% !important;}

  	#flat_streetno {width: 79.5% !important;}

  	.landmark input {width: 88.1% !important;}
}

@media screen and (min-width: 240px) and (max-width: 768px){

	#top-bar .top-work-details-list{padding-left: 0px;padding-right: 0px;}

	.top-form{margin: 15px 0px;}

	.navbar-brand{visibility: visible;display: block;}

	.navbar-toggler { background: #000;transform: translateY(-6px);margin: 15px;z-index: 99;}
	.navbar-brand img{ width: 110px;}

	#signupModal .modal-header{padding: 10px 10px 30px;}

	#loginModal .modal-header{padding: 10px 10px 30px;}

	#forgetPassModal .modal-header{padding: 10px 10px 30px;}

	.signup-login-section{text-align: center;padding: 10px;}

	.signup-login-section .btn-custom{margin: 5px 0;font-size: 14px;padding: 5px 10px;}

	#resgiatration_form .referral input{margin-top: 6px !important;margin-right: 7px !important;}

	#resgiatration_form .referral label br{display: none;}

	.home-first-section{padding-top: 0px;}

	.nav-list{padding-left: 0px;padding-bottom: 20px;float: none;text-align: center;margin-top: 25px;}

	.navbar-nav .nav-item .nav-link{padding: 0px;}

	.navbar-nav .nav-item:first-child .nav-link {position: relative;left: 50% !important;top: 0px;transform: translateX(-50%);}

	.nav-list-2{position: relative;margin-top: 20px;margin-bottom: 10px;margin-left: 0px;display: flex;}

	.nav-list-3{display: none;top:4px;position: absolute;left: 50%;top: 15px;transform: translateX(-50%);}

	.nav-list-2 li{margin: 5px auto;}

	.nav-list-2 li a{padding: 0 10px;font-size: 14px}

	.nav-list li{display: block;margin: 5px auto;}

	.list-phone-bg a{padding: 0px 5px !important;}

	.app-stores{margin: 0px auto;text-align: center;}

	.app-stores img{width: 140px; margin: 10px 0px;}

	.banner-img-left{order: 2;}

	.banner-img-left img{margin: 0px auto;display: none;}

	.banner-img-right img{margin: 0px auto;display: none;}

	.logo-container img{margin-top: 25px;}

	#why-us{padding: 20px 0px;}

	.modal0-dialog{width: 90%;}

	.right-register-form form input {width: 100%;}

	.left-login-form form input {width: 100%;}

	.lost-pass {position: absolute;left: 32%; bottom: -66px; font-size: 18px;color: #555;}

	.section-header{font-size: 40px;}

	.feedback-right-contact .section-header{margin-top: 30px; font-size: 35px;}

	.feedback-right-contact .section-header::after{bottom: 6px;}

	.about-us-second-section .header-1::after{bottom: 9px;}

	.why-us-section .section-text{padding: 0px;}

	.separator-section{margin: 0px;}

	#simple-steps{padding: 20px 0px;}

	.simple-step-bar{margin: 0px;} 

	.step-box::after{right: 0;transform: rotate(90deg);left: 0;margin:auto;background-size: 50%;top:236px;bottom: -30%;}

	.steps{margin-bottom: 30px;width: 100% !important;margin-top: 50px;}

	.step-2{margin-top: 30px;}

	.step-3{margin-top: 15px;}

	.order-4{order: 1;}

	.app-box-3 img{max-width: 50vw !important;}

	.separator-section img{max-width: 70vw;height: auto;}

	.footer-box .section-text{text-align: center;}

	.footer-box{padding: 0px !important;}

	.lunch-list{display: table;margin: 0 auto;}

	.dinner-list{display: table;margin: 0 auto;padding: 0px;}

	.lunch-list li:first-child{display: table;margin: 0 auto;text-align: center;}

	.dinner-list li:first-child{display: table;margin: 0 auto;text-align: center;}

	.social-media-list {display: table;margin: 0 auto;}

	.payment-method-list{display: table;margin: 0 auto;}

	.footer-nav-menu{padding: 0;display: table;margin: 0 auto;}

	.footer-nav-menu li{text-align: center;}

	.footer-contact-list{display: table;margin: 0 auto;}

	.footer-contact-list li{text-align: center;width: auto !important;display: block;}

	.delivery-app-box img{width: 70px;}

	.home-sixth-section{padding: 20px 0px;}

	.store-app-img{width: 100px !important;}

	.app-button-box{margin-bottom:20px;}

	.subscription-box{margin: 5px 0px !important; }

	.get-started-btn {margin: 0px 0px;}

	.cart-page-btn{text-align: center;}

	.cart-page-btn .btn-custom{float: none;margin: 0px auto 5px !important;}

	.cart-box .section-text{margin: 15px auto;}

	.cart-details .order-selection-number .cart-group {margin-top: 15px;}

	.cart-box:last-child .section-text{padding: 15px 0px 70px}

	.cart-box:last-child .del-icon{transform: translate(-50%,-50%);left: 50%;margin-top: 15px;}

	.dashboard-second-section{display: flex;flex-wrap: wrap;}

	.left-control-bar{width: 100% !important;display:block;position:relative;height: auto;}

	.left-control-list{display: none;}

	.right-information-bar{width: 100% !important;display: block;padding: 0px;}

	/*.left-control-list-mobile{width: 80%;position: absolute;left: -150px; display: block;}*/

	.left-control-bar-list{display: none;}

	.toggler-2{transform: translateY(-20px) !important;margin: 0px;border:1px solid #fff;}

	.mobile-menu{display: block;background: #000;}

	.right-information-bar .row-1 .col-md-5{margin: 10px 0px;}

	.right-information-bar .row-2 {padding: 0px 15px;}

	.info-section{margin-top: 10px;}

	.current-order-list {padding-left: 0px;text-align: center;}

	.update-info-form{padding: 0px;}

	.personal-info{padding: 0px;}

	.personal-info #customer_personal_information .col-md-12{padding: 0px;}

	.address-type-selector{padding: 0 15px !important;width: 32%;margin:0;text-align: left !important;padding-right: 0px !important;}

	#address_change_area{width: 100%;margin: auto;}

	.update-info-form .section-text{text-align: left;padding: 0 0px;}

	.right-information-bar .row-3 .col-md-6{padding: 0px;}

	.right-information-bar .row-1 .col-md-5{padding: 0px;}

	.emirateId span p{left: calc(100% - 141px) !important;}

	.right-register-form-box .section-header { font-size: 15px; padding: 10px 20px 10px 20px;left: 50%; transform: translateX(-50%);width: 90%;text-align: center;}
    
    .right-register-form-box .section-header::before{display: none;}

    .left-login-form-box .section-header{width: 90%;padding: 10px 20px 10px 20px;font-size: 15px;text-align: center;left: 50%;transform: translateX(-50%);}

    .left-login-form-box .section-header::before{display: none;}

    .right-register-form form{margin-top: 0px;}

    .order-desc-bar .section-text{padding: 8px;}

    .order-desc-bar .col-md-12{padding: 0px;}

    .form-end-section{padding-top: 25px;}

    .login-end-section{padding-top: 70px;}

    .about-us-desc-img{min-height: 300px;}

    .team-box{margin-bottom: 10px;}

    .team-desc p{line-height: 1.2;}

    .team-box:hover .team-content{transform: translateY(-70px);}

    .team-follow li{margin: 0px 7px;}

    .team-follow{width: 100%;padding-top: 30px;}

    .select-package .order-form-header{display: inline-block;text-align: left;margin-bottom: 10px;margin-left: 0 !important;width: auto !important;}

    .select-package .order-form-header{margin-right: 0px;}

    .main-form{text-align: center;padding:  15px;}

    .bottom-text-box{padding: 15px !important;margin-top: 0px;}

    #drop_street_no{width: 100% !important;}

    #flat_streetno{width: 100% !important;}

    #villa_street_no{width: 100% !important;}

    .main-form .col-md-12{padding: 0px; margin-left: 0px !important;}

    .drop-address-details{padding: 0px;}

    .pickup-address-details .drop-street{width: 100% !important;}

    .cal-distance {float: left; margin-right:0px; }

    .distance-box-pickup-drop{padding: 0px;}

    .distance-pickup-drop .row{padding: 0px 15px !important;}

    .pickup-address-details .pick-up-street{width: 100%;}

    .bike-no-required{padding: 0px 24px;}

    .bike-box{padding: 0px 8px;}

    .end-text-area{width: 100% !important;}

    .end-note-text{padding: 0px 15px; text-align: center;margin-bottom: 20px !important;}

    .end-text-area table{width: 100% !important;}

    .end-text-area table td{font-size: 15px;}

    .meal-type .order-form-header{display: inline-block;}

    .order-type .order-form-header{display: block;}

   .area-avail-order-box{padding: 0px;}

   .breakfast-radio ~ .col-md-3{padding: 0px !important;}

   .section_for_party_order .col-md-3{padding: 0px 15px;margin: 0px;}

   .pickup-type-address{padding: 0px;}

   #meal_type_area{display: block;}

   .order-form-header

   .select-package-right {padding-left: 15px;}

   /*.pickup-drop-emirate-address .row {padding:0 !important;}*/

   /*.pickup-drop-emirate-address .row .col-md-12 {padding:0 !important;}*/

   #drop_emirate_area {margin-left: 25px;width: 50%;display: inline-block;}

   .pickup-drop-address-details .address-details-text{width: 100% !important;}

   .pickup-address-details{padding: 0px;}

   .pickup-drop-address-details .row{padding: 0px 15px !important;}

   .pickup-address-details .pick-up-street{width: 100% !important;}

   .select-package-right-box{padding-left: 20px;width: 50% !important; margin-right: 0;}

   #party_delivery_time_area .row{padding: 0px;margin: 0px;}

    #meal_package_area{width: 100%;}

    /*.date-seclection .row {padding: 0px 0px;}*/

    .area-avail-order-box .section-header{font-size: 14px;padding: 9px 16px 10px 15px;left:0;width: 70%;text-align: center;top:-26px;}

    .breakfast-radio {width: 100%;padding-left: 0px;}

    .area-avail-order-box .section-header::before{display: none;}

    .area-avail-second-section{padding:0px 0px;}

    .order-type {margin-top: 0px;}

    .select-package {margin-bottom: 15px;}

    .control-btn .btn {font-size: 15px;}

    .user-info .user-name{color: #fff;}

    .row-2 .col-md-5{padding: 0px;}

    .proflie-box-text .section-text{font-size: 18px !important;}

	.nav-list li b{padding-right: 0px;}

	.update-info-form-pass{margin-top: 25px;}

	.city {width: 100% !important;}

	.pickup-address-type .switch{width: 75px;margin-right: 2px;}

	.pickup-address-type input:checked + .slider:before {transform: translateX(48px);}

	.flat-name {width: 100% !important;}

	.flat-name input{width: 100%;}

	.building-name {width: 100% !important;}

	.building-name input {width: 100% !important;}

	.street-no input {width: 100% !important;}

	.landmark input {width: 100% !important;}

	.area-avail-order-form select{width: 100%;}

	.area-avail-order-form label{margin-bottom: 0px;}

	.pickup-address-type{text-align: left;}

	.order-selection .section-header::before{display: none;}

	.order-selection .section-header{

		padding: 10px 25px !important;
    	text-align: center;
    	position: absolute;
    	left: 50%;
    	width: 75%;
   		margin: 0;
   		bottom: -5px;
   		transform: translateX(-50%);
	}

	.delivery-details a{margin-top: -55px;}

	.zone select{width: 100%}

	.area input {width: 100% !important;}

	.area textarea {width: 100%;}

	.villa-2 .area textarea {width: 100% !important;}

	.company-name input { width: 100% !important;}

	.zone {width: 100% !important}

	.contact-person-details input{width: 100% !important;margin-right: 0px;}

	#flat_contact_person_relation {width: 100% !important;}

	.section_for_regular_party { padding: 0px 0px !important;margin-bottom: 5px;max-width: 100% !important;}

	.section-2 input{width: 100% !important;}

	.package-box{min-height: auto;}

	.child-3 ul li{width: 100%;margin: 0px !important;}

	.benefit-bar .col-md-3{padding: 0px 5px;}

	.benefit-box .section-text {text-align: center;}

	.address-details .form-header{float: left;}

	.area-avail-order-form .form-input{text-align: left;}

	.contact-person-details input:first-child{width: 65% !important; margin-right: 0px !important;}

	.contact-person-details input:last-child{width: 100% !important;margin-bottom: 15px;}

	.feed-back-phone{width: 100%;}

	.feed-back-email{width: 100%;}

	.customer-type .section-text{display: block;margin-bottom: 5px;}

	.feedback-form h4{font-size: 18px;}

	.footer-contact-list span {text-align: center;display: block;}

	.footer-contact-list span a img{margin: 5px 15px;}

	.package-selection-box {margin-bottom: 30px;}

	.subscription-bar .section-text{margin-bottom: 20px;}

	.best-value{margin-bottom: 0px;}

	.most-popular {transform: scale(1);}

	.package-bar .section-text {font-size: 20px;margin-bottom: 15px;}

	.package-end-note {padding: 20px 15px 20px;}

	.package-end-note .section-text{margin-bottom: 0px;}

	.tree-icon-1,.tree-icon-3{display: none;}

	.tree-icon-6{top: 25%;}

	.tree-icon-2 {top: 30px;}

	.tree-icon-4 {top: 50%;}

	.offer-content-container .section-table-content table{width: 100% !important;}

	.section-end-note-box{width: 100%;}

	.site-logo { padding: 18px 15px !important;}

	.banner-text-section .section-header {font-size: 24px !important; margin-top: 0;}

	.banner-text-section .section-text {font-size: 25px;}

	.order-type .switch { width: 137px; margin-right: 0px;transform: scale(0.85);}

	.order-type label input:checked + .slider:before {-webkit-transform: translateX(25px);-ms-transform: translateX(25px);transform: translateX(108px) !important;}

	.switch-11 .off {transform: translate(-23%,-50%);}

	.snacks label {font-size: 17px;}

	/*.select-package div{width: 100%;}*/

	.date-seclection .section-text{text-align: left !important;}

	/*.section_for_party_order .order-form-header{margin-left: -10px !important;}*/

	.select-package .switch{font-size: 17px;margin-right: 8px;}

	#pickup_emirate_area {display: inline-block;width: 50%;margin-left: 25px;}

	.order_type_modal .modal-dialog{width: 100%;margin: auto;}

	.delivery-details-text-box .section-text {font-size: 25px;margin: 10px auto 15px;}

	.check-out-left-box{margin-bottom: 40px;}

	.delivery-details-text-box{border: none;}

	.update-info-form .personal-info .first-header{font-size: 16px;margin-bottom: 10px; margin-top: 20px;padding: 0px;}

	.update-info-form .personal-info .first-header-1 strong{font-size: 20px;}

	.address-change-form .personal-info .first-header {font-size: 20px;}

	.drop-cancel-form .personal-info .first-header {font-size: 20px;}

	.update-info-form .first-header::after{bottom: 2px;}

	.update-info-form .first-header-1::after{bottom: 4px !important;}

	.left-control-list-mobile li a{font-size: 19px;}

	.address-change-form .personal-info .first-header::after{bottom: 5px;}

	.drop-holiday-form-header{font-size: 20px;margin: auto;float: none;margin-bottom: 20px;}

	.drop-cancelltion-form-sub-header{font-size: 20px;float: none;margin: auto;margin-bottom: 20px;}

	.address-change-form .col-md-4 {padding: 0px !important;}

	.address-change-form  .reloacte{padding: 0px 15px !important;max-width: 50%;}

	.checkbox label{font-size: 14px;}

	.reminder-text{padding: 10px 0px;}

	.end-box{max-width:100%;}

	.update-info-form-pass .form-input input{width: 100% !important;}

	#ui-datepicker-div {width: 100%;left:0px !important;}

	.check-out-right-box .section-header{left: 50%; width:70%; transform:translateX(-50%);text-align: center;}
	
	/*.main-box{padding-right: 0px;}*/

	.back-btn{margin-right: 20px;}

	.drop-holiday-form-header::after{bottom: 5px;}

	.referral label{width: 92% !important;}

	.meal-type .order-form-header{width: auto !important;padding-top: 0px !important;}

	#meal_type_area { display: inline-block;vertical-align: top;}

	.drop-kit-modal .modal-dialog{width: 100% !important;margin: 45px 0px;}

	.drop-kit-modal .modal-dialog .modal-body{width: 100% !important;}

	.checkout-second-section {padding: 50px 0px 50px;}

	.team-img-container img {width: 180px;height: auto;}

	.about-us-third-section .header-2::after {bottom: 9px;}

	.team-box-row {padding-top: 30px;}

	.term-condition-second-section .section-header::after{bottom: 9px;}

	.customer-type-box {padding: 0 20px 0 0;}

	.zone select {width: 100%;position: relative;right: 0px;}
}

@media screen and (min-width: 240px) and (max-width: 465px){

	.address-change-form  .reloacte{max-width: 100%;}

	.reminder-text-box .section-text{padding: 0px !important;}



}

@media screen and (min-width: 400px) and (max-width: 768px){

	#ui-datepicker-div {
    width: 70%;
    left: 50% !important;
    transform: translateX(-50%);
}


}

@media screen and (min-width: 240px) and (max-width: 322px){

	#drop_emirate_area {margin-left: 25px;width: 100%;display:block;}

	#pickup_emirate_area {display: block;width: 100%;margin-left: 25px;}
}

@media screen and (min-width: 240px) and (max-width: 420px){

.address-info{border: none;}

.emirateId span p{left: calc(100% - 10px) !important;}

}

@media screen and (max-width: 1199px){

	.simple-step-box .step-box .step-1::after{width: 100%;}

	.simple-step-box .step-box .step-2::after{width: 100%;}

	.simple-step-box .step-box .step-3::after{width: 100%;}

	.simple-step-box .step-box .step-4::after{width:100%;}
}

@media screen and (max-width: 991px){

	.simple-step-box .step-box .step-1::after{width: 100%;}

	.simple-step-box .step-box .step-2::after{width: 100%;}

	.simple-step-box .step-box .step-3::after{width: 100%;}

	.simple-step-box .step-box .step-4::after{width: 100%;}
}

@media screen and (max-width: 760px){

	.simple-step-box .step-box .step-1::after{width: 100%;}

	.simple-step-box .step-box .step-2::after{width: 100%;}

	.simple-step-box .step-box .step-3::after{width: 100%;}

	.simple-step-box .step-box .step-4::after{width: 100%;}
}

@media screen and (max-width: 480px){

	.simple-step-box .step-box .step-1::after{width: 100%;}

	.simple-step-box .step-box .step-2::after{width: 100%;}

	.simple-step-box .step-box .step-3::after{width: 100%;}

	.simple-step-box .step-box .step-4::after{width: 100%;}
}

/******** Loader CSS ******/
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader-64x/Food-Drop-Loading-Button.gif) center no-repeat #fff;
}



button.close.cancel_button{
    border: 1px solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 17px;
    padding: 1px 1px;
    margin-top: 5px;
    float: none;
    font-size:1.2rem;
}

#holiday_list th{font-size: 19px;}

#holiday_list tr td{    font-size: 18px;}











#deliveryboydashboard .proflie-box{border: none;border-radius: 10px;padding:10px 20px 2px;background: transparent;box-shadow:none;}

#deliveryboydashboard .profile-img-container img{width:80px;height: auto;max-width: 100%; margin-top: 0px;}

#deliveryboydashboard .proflie-box-text .section-header{font-size: 22px;
    margin-bottom: 0px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #000;
    display: inline-block;}

#deliveryboydashboard .proflie-box .section-header{font-size: 26px;color: #000; border-bottom: 2px solid #000;margin-bottom: 10px;display: inline-block;text-align: left;font-weight: bold;line-height: 19px;}

#deliveryboydashboard .proflie-box-text .section-text{margin-bottom: 5px; color: #000;font-size: 18px;}

#deliveryboydashboard .current-order{border: 0px solid #a9a9a9;border-radius: 10px;padding: 0px;background: transparent;box-shadow:none; display: table;margin: 0 auto;text-align: center;}

#deliveryboydashboard .current-order .section-header{font-size: 26px;color: #000; border-bottom: 2px solid #000;margin-bottom: 10px;display: inline-block;/*font-weight: normal;*/letter-spacing: 1px;line-height: 19px;padding-top: 8px;}

#deliveryboydashboard .current-order .section-header span{float: right;}

#deliveryboydashboard .current-order .section-text{
	font-size: 26px;
	color:#000;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 11px;
	line-height: 19px;
}
#deliveryboydashboard .current-order-list{list-style-type: none;padding-left: 10px;margin-top: 20px;}

#deliveryboydashboard .current-order-list li{color: #000;display: inline-block;padding: 3px 10px;width: 180px;background: #ffff00;margin: 5px 0px;border-radius: 25px;text-align: center;font-size: 16px;}

#deliveryboydashboard .update-info-form,.update-info-form1{background:transparent;padding: 0px 20px; border-radius: 10px;text-align:center;/*box-shadow: 0px 4px 6px #afa9a9;border: 1px solid #a9a9a9;*/
}



#deliveryboydashboard  .update-info-form1 .form-input input {

    width: 60% !important;
    border-radius: 5px;
    border: 1px solid #49505787;
	padding: 4px 5px;
	background:transparent;
    display: table;
    margin: 7px auto 20px;
    font-size: 17px;
}


#left-control-bar-emp{
    height: 370px;
}


#login-page .delivery-login-form-right {
    background: #ffffff;
    border: 1px solid #000000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    border-left: none;
}

#login-page .delivery-login-form-left {
    padding: 20px;
    background: #ffff00;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    display: flex;
    border: 1px solid;
}

.nav-list-4 {
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    visibility: visible;
}

.nav-list-4 .center-icon2 {
    width: 150px;
    height: auto;
    margin-top: 6px;
}


@media (min-width: 768px){
.navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
}
.nav-list {
    list-style-type: none;
    margin-bottom: 0px;
	position:relative;
}

#log_home_boy .nav-item .nav-link img {
    width: 51px;
    height: auto;
}


.log-out a {
    color: #fff !important;
    background: #000;
    padding: 5px 10px !important;
    border-radius: 4px;
}


 #log_home_boy .nav-item:first-child .nav-link {
    top: -14px;
}






#slider,  #slider .slide{
    width: 350px;
    height: 100px;
}
#slider {
  overflow: hidden;
  margin: 0 auto;
  font-size: 1.2em;
}
#slider .container {
  position: relative;
  width: 90000px; /* Assign an insanely large width */
  top: 0;
  right: 0;
  animation: slide-animation 20s infinite;
}
#slider .slide {
  position: relative;
  float: left;
  box-sizing: border-box;
}
.bl-m-2{ padding: 17px 20px;}
/* [ANIMATION] */
@keyframes slide-animation {
  0% { 
    opacity: 0;
    right: 0;
  }
  11% {
    opacity: 1;
    right: 0; 
  }
  22% { right: 100%; }
  33% { right: 100%; }
  44% { right: 200%; }
  55% { right: 200%; }
  66% { right: 300%; }
  77% { right: 300%; }
  88% {
    opacity: 1;
    right: 400%; 
  }
  100% {
    opacity: 0;
    right: 400%;
  }
}
@media (max-width:1920px)
{
	.banner-content{padding-top:100px;}
}
@media (max-width:1440px)
{
	.banner-content{padding-top:0px;}
}

@media (max-width:767px)
{
#left-control-bar-emp {
    height: auto;
}

.bl-m-1 tr td{ display:block;}
.bl-m-2{ padding: 17px 10px;}
.delivery-login-form-section {
   
    width: 88%;
}

}



#accordion .card-body ol.term-list{list-style-type: decimal; padding-left: 20px;}
#accordion .card-body ol.term-list li ul{padding: 0 20px;}

.text-left.list-header::after {
    position: absolute;
    background: #000;
    content: '';
    height: 2px;
    width: 100%;
    left: 0px;
    bottom: 6px;
}