@charset "utf-8";
/*..............Embaded fonts..............*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
    --white: #fff;
    --font-awesome: 'Font Awesome 5 Free';
    --grey: #AAAAAA;
    --primary: #FEC200;
    --yellow: #FEC200;
    --black: #000;
    --common-transition: all 0.3s ease 0s;

}

/*..............common styles..............*/
body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
    margin: 0 0 25px;
    padding: 0;
    font-family: "Poppins", sans-serif;
    
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0 0 25px;
    line-height: 1.5;
    font-size: 18px;
    color: var(--grey);
    font-family: "Poppins", sans-serif;
}
.cmn-tag{font-size: 14px;}
img {
    max-width: 100%;
}

a,
img {
    border: 0;
    text-decoration: none;
    outline: none;
}

a,
a:link,
a:visited,
a:focus,
a:hover {
    color: var(--body-font-color);
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    display: block;
}

a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container-fluid {
    padding: 0;
}

input,
textarea,
select {
    outline: none;
}

input[type="submit"] {
    font-weight: 500;
    transition: all 0.3s ease 0s;
    outline: none;
    border: 0;
    color: var(--white);
    padding: 12px 25px;
    border-radius: 35px;
}

input:focus {
    outline: 0 !important;
    box-shadow: inherit !important;
}

b {
    font-weight: 600;
    color: var(--black);
}


.common-padding {
    padding: 100px 0;
}

.common-padding-top-bottom {
    padding-top: 100px;
    padding-bottom: 100px;
}

.common-padding-left-right {
    padding-left: 100px;
    padding-right: 100px;
}

.pad-top {
    padding-top: 180px;
}

.pad-bottom {
    padding-bottom: 250px;
}

/* -- Container adjustment -- */


/* -- Container adjustment -- */


/* --- for placeholder color --- */

.form-control::-moz-placeholder {
    color: #7D7D7D;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #7D7D7D;
}

.form-control::-webkit-input-placeholder {
    color: #7D7D7D;
}

/* --- for placeholder color --- */


/* --- Button Styles --- */
a.btn, .btn { display: inline-block; font-size: 24px; line-height: 1; text-transform: capitalize; border-radius: 50px; background: var(--primary); color: var(--black); position: relative; padding: 17px 11px; border-radius: 10px; border: 1px solid transparent; font-weight: 700; text-transform: uppercase; }

a.btn:hover,
.btn:hover, :not(.btn-check)+.btn:active {
    background: var(--primary);
    color: var(--white);
    
}

a.btn.white,
.btn.white {
    background: var(--white);
    color: var(--yellow);
    border: 1px solid var(--yellow);
}

a.btn.white:hover,
.btn.white:hover {
    background: linear-gradient(180deg, #E5B63A 0%, #BC9328 100%);
    color: var(--white);
    border: 1px solid var(--yellow);
}

a.btn.black,
.btn.black {
    background: #696969;
    color: var(--white);
    border: 1px solid transparent;
    padding: 17px 54px
}

a.btn.black:hover,
.btn.black:hover {
    background: linear-gradient(180deg, #E5B63A 0%, #BC9328 100%);
    color: var(--black);
    border: 1px solid var(--secondary-color);
}

/* --- Button Styles --- */

/*..............common styles..............*/

.home-ban { position: relative; z-index: 0; height: 100vh; display: flex; align-items: center; justify-content: center; align-content: center; padding: 40px 0; }

.home-ban:before{position: absolute; content: ''; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); z-index: -1; top: 0; bottom: 0; left: 0; right: 0;
}
.banner-content { width: 100%;  max-width: 1180px; margin: 0 auto; text-align: center;} 
.banner-content h1 { color: var(--white); font-weight: 600; line-height: 1.4; margin-bottom: 60px;}
.banner-content h1 span { color: #FEC200;}
.form-waitlist .form-inline { display: flex; align-items: center; max-width: 882px; margin: 0 auto;} 
.form-waitlist .form-inline input { width: 65%; height: 60px; margin-right: 10px; border-radius: 10px;}
.form-waitlist{margin-top: 15px}
.form-waitlist .btn { color: #fff; background: #FEC200; text-transform: none;width: 35%;}

.voting-link { margin-top: 196px;}
a.vote-link { font-size: 24px; color: var(--white); font-weight: 700; /* text-decoration: underline; */ position: relative; z-index: 1; display: inline-block; }
a.vote-link:after { position: absolute; content: ''; width: 100%; height: 4px; background: var(--white); left: 0; bottom: -1px; z-index: -4; }

.thanks-bg{background: #fff url(../images/thnk-bg.png) no-repeat; background-size: cover; padding: 90px 0}
.waitlist-wrap {background: var(--white); border: 2px solid var(--primary); border-radius: 11px; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); padding: 100px 50px; max-width: 1140px; margin: 0 auto 60px; position: relative; } 
/*.waitlist-wrap:after{position: absolute; content: ''; background: url(../images/light-icon.svg); width: 383px; height: 585px; right:0}*/
.waitlist-wrap h2 { text-transform: uppercase; font-weight: 700; margin: 0; }
 .waitlist-wrap h2 a { display: inline-block; color: var(--blue); }
 .logo-light-icon { position: absolute; right: 0; top: 0; max-width: 316px; }


/*******************charity list*****************************/
.progress-list { background: #333333; padding: 147px 0 100px; } 
.thank-wrap { background: #fff; max-width: 1170px; border-radius: 20px; padding: 50px 60px; margin: 0 auto 70px; }
.thank-wrap h2 { font-weight: 400; display: inline-block; vertical-align: middle;margin-bottom: 0; } 
.thank-wrap h2 a { display: inline-block; vertical-align: middle; font-size: 28px; font-weight: 500; color: #8D8D8D; text-decoration: underline; margin-left: 35px; }

.voting-calculation { box-shadow: 0 4px 30px 0 rgb(0 0 0 / 26%); border-radius: 20px; padding: 40px 40px 10px; }
.voting-list { background: #fff; max-width: 1170px; border-radius: 20px; padding: 51px 60px 40px; margin: 0 auto; } 
.voting-list h2 { text-align: center; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 37px; font-size: 48px; }
.cssProgress .progress1{ position: relative; overflow: hidden; width: 100%; background-color: #F4F4F4}
.cssProgress .cssProgress-bar { display: block; float: left; width: 0%; height: 100%; background: #777777; box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1); transition: width 0.8s ease-in-out; }
.cssProgress .progress1 .cssProgress-bar { height: 15px; }

.voting-calculation ul li { display: flex; align-items: center; margin-bottom: 15px} 
.voting-calculation ul li .charity-name { width: 40%; flex: 0 0 40%;margin-right: 20px; } 
.voting-calculation ul li .charity-progress { width: 60%; flex: 0 0 60%; } 
.voting-calculation ul li .charity-progress .cssProgress { display: flex; align-items: center; } 
.voting-calculation ul li .charity-name h4 { font-size: 24px; font-weight: 300; margin: 0; } 
.cssProgress-label2 { width: 20%; font-size: 20px; font-family: 'Open Sans'; font-weight: 400; text-align: left; margin-left: 20px; }

.pagination-custom { margin-top: 30px; }
.pagination-custom ul.pagination { justify-content: center; } 
.pagination li:not(:last-child) {margin-right: 8px;}
.pagination li a { border: 0; background: transparent; padding: 0; font-size: 14px; font-weight: 600; font-family: 'Open Sans'; color: #AAAAAA; position: relative;     padding-right: 10px;}
.pagination li a.active { background: transparent; color: #000; }
.pagination-custom ul.pagination li { position: relative; } 
.pagination-custom ul.pagination li a:after { position: absolute; content: ''; width: 6px; height: 2px; background: #AAAAAA; top: 50%; transform: translateY(-50%); right: 0; } 
.pagination li a.active:after { background: #000  !important; } 
.pagination li:last-child a:after { display: none; }


.charity-selection{background: url(../images/charity-bg.jpg) no-repeat center center; background-size: cover; padding: 100px 0 180px}

.charity-text { text-align: center; } 
.charity-text h2 { font-size: 100px; font-weight: 800; color: #000000; margin-bottom: 35px; } 
.charity-text p { font-size: 40px; font-weight: 300; font-family: 'Open Sans'; color: var(--black); }

.profit-two { width: 35%; padding: 0 70px;}
.profit-select {margin-top: 80px;display: flex;justify-content: center;} 
.profit-one { width: 35%;  padding: 0 70px;} 
.profit-one a { font-size: 28px; box-shadow: 0px 4px 40px 0px #0000001A; background: #fff; padding: 25px 20px; position: relative;} 
.profit-select  span { margin-left: auto; text-align: right; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); } 
.profit-select span svg { font-size: 16px; }

.custom-select {position: relative;/* display: inline-block; */} 
.select-selected {background-color: #ffffff;padding: 10px;border-radius: 4px;cursor: pointer;height: 100%;padding: 25px 20px;width: 100%;font-size: 28px;box-shadow: 0px 4px 30px 0px #0000001A;} 
.select-items {display: none;position: absolute;background-color: #fff;width: 100%;border: 1px solid #ccc;border-top: none;border-radius: 0 0 4px 4px;z-index: 1;box-shadow: 0px 4px 30px 0px #0000001A;padding: 35px 30px 30px 30px; height: 580px;  overflow-y: scroll;} 
.select-items::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #E2E2E2;}

.select-items::-webkit-scrollbar{ width: 5px; background-color: #E2E2E2;}
.select-items::-webkit-scrollbar-thumb{ background-color: #AAAAAA;}
.select-items div {padding: 32px 40px;cursor: pointer;background: #EEEEEE;margin-bottom: 20px;font-size: 30px;font-weight: 600;} .select-items div:hover { background-color: #ddd; }
.profit-select .profit-two:last-child span { display: none;}
.profit-two h4 { text-transform: uppercase; font-size: 20px; }
.submit-btn { background: #444444; width: fit-content; color: #fff; padding: 15px 101px; text-transform: uppercase; font-size: 36px; font-weight: 700; border-radius: 10px; margin: 100px auto 0; border: 0; }

.profile-time-wrap { margin-top: 110px; } 
.profile-time-wrap h3 { text-align: center; font-weight: 700; font-size: 48px; }


.timer-countdown { background: #FEC200; padding: 70px 30px 40px; box-shadow: 0 30px 50px #cccc; margin-bottom: 100px}
.timer-countdown h3 { font-size: 70px; font-family: 'Open Sans'; letter-spacing: 15px; text-transform: uppercase; font-weight: 400; }

#countdown { max-width: 912px; margin: 0 auto; } 
#countdown ul { display: flex; justify-content: center; align-items: center; } 
#countdown ul li span { background: #fff; padding: 52px 76px; font-size: 87px; font-weight: 700; display: block; border: 2px solid #000; margin-bottom: 20px; } 
#countdown ul li { text-align: center; margin: 0 13px; position: relative; font-size: 30px; text-transform: capitalize; } 
#countdown ul li:after { position: absolute; content: ':'; font-size: 30px; color: #000; right: -6%; top: 44%; transform: translateY(-50%); }
#countdown ul li:last-child:after{display: none;}

.sclmedia {display: flex; align-items: center; justify-content: center; max-width: 730px; margin: 0 auto;}
.sclmedia h6 { font-size: 42px; font-weight: 400; font-family: 'Open Sans'; margin-bottom: 0;margin-right: 30px; } 
.vote-share .sclmedia ul { display: flex; align-items: center; justify-content: center;}
.vote-share ul li:not(:last-child) { margin-right: 20px; } 
.vote-share ul li span { width: 98px; height: 98px; border-radius: 50%; background: #FEC200; display: flex; align-items: center; justify-content: center; margin-bottom: 7px; } 
.vote-share ul li p { margin: 0; color: #000; font-size: 14px; text-align: center; }

.vote-share { text-align: center; } 
.vote-share h4{font-size: 30px; font-weight: 600; font-family: 'Open Sans'; margin-bottom: 24px}
.vote-share h5 { font-size: 42px; color: #777777; font-weight: 400; font-family: 'Open Sans'; margin-top: 28px;     margin-bottom: 20px;} 
.site-link a { font-size: 24px; color: #777777; font-weight: 400; font-family: 'Open Sans'; }

.share-modal .modal-content {max-width: 1300px}
.share-modal .vote-share{padding: 126px 82px 101px}
button.btn-close {right: 30px; position: absolute; top: 30px;  opacity: 1;}
.share-modal .vote-share > p { font-size: 30px; color: #000; line-height: 1.6; margin-bottom: 94px; }

/* after dev 21.03.2024 */

.profit-select h4 {text-transform: uppercase;}

/* .profit-two.type-sec { margin: 0 20px; } */
.profit-two.type-sec .select-items div { padding: 8px 10px; font-size: 20px; }
.profit-two.type-sec .select-items { height: inherit; overflow-y: inherit; }
.profit-two.type-sec .select-items .allcat:last-child { margin-bottom: 0; }

.profit-two.type-sec .select-selected { font-size: 20px; padding: 30px; }

.entryrestaurant input { background-color: #fff !important; width: 100%; border: 1px solid #ccc; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0px 4px 30px 0px #0000001A; padding: 30px; font-size: 30px; }

#restaurantResults, #cityResults { background-color: #fff; width: 100%; border: 1px solid #ccc; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0px 4px 30px 0px #0000001A; padding: 35px 30px 30px 30px; opacity: 0; }
#restaurantResults .suggestion.restaurantsuggestion, #cityResults .suggestion.citysuggestion { padding: 8px 10px;  margin-bottom: 20px; font-weight: 600; }
#restaurantResults .suggestion.restaurantsuggestion:last-child, #cityResults .suggestion.citysuggestion:last-child {margin-bottom: 0;}

.entryrestaurant.typingsuggest #restaurantResults, .entryrestaurant.typingsuggest #cityResults {opacity: 1;}

.entryrestaurant.typingsuggest #cityResults {max-height: 400px;overflow-y: auto;}

.error-sec .container { text-align: center; color: #fff; }
.error-sec .container h1 { line-height: 1.2; margin-bottom: 20px; }
.error-sec .container .btn.white {width: auto;font-size: 16px;}

li.mobile-scl { display: none; }

.page-link:focus { background-color: transparent; box-shadow: none; }
div#loader {
    background: #ffffffb0;
    width: 100%;
    height: 100%;
    position: fixed;
    /* display: flex; */
    z-index: 99;
}
/* after dev 21.03.2024 */

/* -- Container adjustment -- */
@media screen and (min-width: 1601px) {

    .container{max-width: 1600px;}
}

@media screen and (max-width: 1799px) {

    h1 {font-size: 45px;}
    
    .entryrestaurant input, .profit-two.type-sec .select-selected {padding: 20px;font-size: 18px;}

    .banner-content { margin-bottom: 40px; }
    .banner-content h1 { margin-bottom: 40px; }

    .voting-link { margin: 0; position: absolute; bottom: 40px; }


}

@media screen and (max-width: 1440px) {
    h1 {font-size: 40px;}
    h3 {font-size: 28px;}

    .banner-content{max-width: 829px;}

    a.btn, .btn{ font-size: 16px; padding: 18px 34px; }

    .form-waitlist .form-inline input { height: 54px; }

    .charity-text h2 { font-size: 70px; }
    .charity-text p { font-size: 45px; }
    
}

@media screen and (max-width: 1199px) {

    h2 {font-size: 30px;}

    .charity-text h2 {font-size: 60px;}
    .charity-text p {font-size: 40px;}

    .voting-calculation ul li .charity-name h4 { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 50px; }
    a.vote-link {font-size: 26px;}
    .profit-one { width: 50%; padding: 0 50px; }
    .profit-two { width: 50%; padding: 0 50px; }
}

@media screen and (max-width: 991px) {
    h1 {font-size: 42px;}
    h3 {font-size: 24px;}

    a.btn, .btn {font-size: 14px; padding: 18px 28px;}

    .banner-content { max-width: 660px;}

    .form-waitlist .form-inline input { height: 52px;}

    .progress-list { padding: 80px 0; }

    .thank-wrap { margin: 0 auto 60px; padding: 40px 30px; }

    .voting-list { padding: 40px 30px; }
    .voting-list h2 { font-size: 40px; }
    
    .voting-calculation ul li .charity-name h4 { font-size: 18px; }
    
    .charity-selection { padding: 80px 0; }

    .charity-text h2 { font-size: 50px; }
    .charity-text p { font-size: 33px; }
    
    
    .entryrestaurant input, .profit-two.type-sec .select-selected { font-size: 14px; }
    
    .individual-suggestion { word-break: break-all; font-size: 14px; }
    
    .profit-two.type-sec .select-items div { font-size: 14px; }

    .timer-countdown h3 { font-size: 50px; }

    #countdown ul li span { padding: 30px 40px; font-size: 60px; }

    .submit-btn {font-size: 30px;}

    .sclmedia h6 {font-size: 35px;}
    .voting-link { margin: 0; position: relative; bottom: 0px;}
    a.vote-link {font-size: 23px;}
    .banner-content h1{line-height: 1.2; font-size: 32px;}
    .thank-wrap h2 a{display: block; margin-left: 0;}
    .home-ban{padding: 40px 0; }
    .banner-content { margin-bottom: 20px; }
    .share-modal .vote-share {padding: 60px 24px 60px;}
    .share-modal .vote-share > p {font-size: 22px; margin-bottom: 30px;}
    .sclmedia { flex-direction: column; }
    .sclmedia h6 { font-size: 19px; margin: 0 0 20px;}

    .vote-share ul li:not(:last-child) {margin-right: 10px;}
    .vote-share ul li span { width: 50px; height: 50px; margin: 0 auto; }
    .vote-share ul li span img { width: 25px; height: 25px; }
    .vote-share ul li p { display: none; }
    .vote-share ul li a { display: block; margin: 0 auto; }

    .vote-share h5 { font-size: 25px; }
    
    .site-link a { font-size: 18px;     word-break: break-word;}


}
@media screen and (max-width: 767px) {

    h1 { font-size: 30px;}
    h2 {font-size: 24px;}
    h3 {font-size: 21px;}

    .form-waitlist .form-inline{flex-wrap: wrap;}
    .form-waitlist .form-inline input {width: 100%; margin-bottom: 15px; margin-right: 0;font-size: 14px; }
    .form-waitlist .btn { width: 100%; }

    a.btn, .btn {width: 100%;}

    .home-ban {  height: 100vh; overflow: hidden;} 

    .banner-content .logo-icon{margin-bottom: 22px;}

    .banner-content { max-width: 100%; }
    .banner-content .form-waitlist .form-inline { justify-content: center; }
    .banner-content h1 { margin-bottom: 22px; font-size: 21px;}
    .banner-content .form-waitlist .btn { margin-bottom: 10px; }

    /* .voting-link { position: absolute; bottom: 30px; right: 0; left: 12px; margin: 0; } */

    a.vote-link { font-size: 15px; }

    .voting-list { padding:50px 20px; }
    .voting-list h2 { font-size: 24px; margin-bottom: 30px; }
    
    .voting-calculation { padding: 30px 20px 10px; }
    .voting-calculation ul li { flex-direction: column; align-items: flex-start; }
    .voting-calculation ul li .charity-name { padding-bottom: 10px; }
    .voting-calculation ul li .charity-name, .voting-calculation ul li .charity-progress { width: 100%; flex: 0 0 100%; margin: 0; }
    
    .charity-text h2 { font-size: 38px; }
    .charity-text p { font-size: 26px; }

    .progress-list, .charity-selection { padding: 60px 0; }

    .profit-one, .profit-two { width: 100%; padding: 0;     margin-bottom: 20px;}
    
    .submit-btn { font-size: 18px; margin: 60px auto 0; }
    
    .profile-time-wrap h3 { font-size: 32px; }
    .profile-time-wrap { margin-top: 60px; }

    .timer-countdown h3 { font-size: 24px; }
    .timer-countdown { padding: 40px 12px 40px;margin-bottom: 60px; }
    
    #countdown { max-width: 100%; }
    #countdown ul li span { padding: 20px 20px; font-size: 20px; }
    #countdown ul li { font-size: 16px; width: 33.33%; }
    #countdown ul li:after { font-size: 20px; top: 30%; right: -20%; }

    

    li.mobile-scl { display: block; }

    li.desktop-scl { display: none; }

    .thank-wrap { margin: 0 auto 40px; padding:25px 20px; }

    .profit-select { margin-top: 50px; flex-wrap: wrap;}

    .thank-wrap h2 a{font-size: 24px; }
    .voting-calculation ul li .charity-name h4{min-height: auto;}
    .cssProgress-label2{font-size: 18px;}
    button.btn-close { right: 20px; position: absolute; top: 20px; opacity: 1; }
    .profit-select h4{margin-bottom: 16px;}
    


}
@media screen and (max-width: 390px) {
    h2 {font-size: 18px;}
    .thank-wrap h2 a{font-size: 18px; display: block; margin-left: 0;}
}