/*------------------ # design fonts ------------------*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
@import url(line-awesome.css);

/* ----**** [ general css ] ****---- */

body { font-family: "Google Sans", sans-serif; font-weight:700; font-size: 16px; color:#1C1818;}

a { color: #1C1818; text-decoration: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
a:hover, a:active, a:focus { color: #022E85; outline: none; text-decoration: none;}

/* ----**** [ order button css ] ****---- */

.order-btn { background: #b7041e; color: #FFFFFF; padding: 0 32px; min-width: 180px; height:52px;
	font-family: "Google Sans", sans-serif; font-size:18px; font-weight:500; text-transform: uppercase;
	text-transform:capitalize; display: inline-flex; justify-content: center; align-items: center;	
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s; border:solid 2px #ffffff;}
.order-btn:hover, .order-btn:focus {  color: #FFFFFF; background:#016f3d;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0;}
h1, h2, h3, h4 { font-family: "Cinzel", serif; text-transform: uppercase;}
p { font-family: "Google Sans", sans-serif; font-weight:400; font-size:16px; margin:0 0 16px 0; color:#1C1818;}

.no-mrg { margin: 0;}

section { padding:60px 0;}

/* ----**** [ sections header ] ****---- */
.section-header { margin-bottom:36px; text-align:center;}
.section-header h1 { font-size: 60px; font-weight:600; color:#ffffff; margin: 0;}
.section-header h1.clrWhite { color:#FFFFFF;}
.section-header h2 { font-size: 52px; font-weight:500; margin: 0;}
.section-header h2 span { font-size: 36px;}
.section-header p { font-size: 18px;}

/* ----**** [ form control ] ****---- */

.form-group { margin: 0 0 20px 0;}
label { display:none;}
textarea.form-control { height: auto;}	

.form-control { font-family: "Google Sans", sans-serif; font-size:16px; font-weight:400; 
	border: 1px solid rgba(33, 40, 52, 0.25); padding: 8px 16px; height:44px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.form-control::-webkit-input-placeholder {color: #212834!important; opacity: 0.8!important;}	
.form-control::-ms-input-placeholder {color: #212834!important; opacity: 0.8!important;}
.form-control::-moz-input-placeholder {color: #212834!important; opacity: 0.8!important;}

.form-control:focus { outline:none; box-shadow:none; border-color:#212834; color: #212834;}


/* ----**** [ header section ] ****---- */
.top-area { position: relative; width: 100%; height: 100%;}

#header { background:#ffffff; z-index: 997; height:100px; top: 0px;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
#header.header-scrolled { background: #ffffff; border-bottom:0; height: 100px; top:0;
	box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 20%);}
#header .logo { margin: 0 0 6px 0; padding: 0 0 6px 0; text-align: center; display:none; /*border-bottom: 1px solid #000;*/}
#header .logo img { max-height: 60px;}

/* ----**** [ desktop navigation section ] ****---- */
.nav-wrapper { display: flex; gap: 12px; justify-content: center; align-items: center;}
.navbar ul li.navmenu-logo img { max-height: 64px;}
.navbar { padding: 0; justify-content: center;}
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar ul li { position: relative; margin:0 20px 0 0; }
.navbar ul li:nth-child(10) {
	margin:0 10px 0 0;
}
.navbar ul li:nth-child(11) {
	margin:0;
}
.navbar ul li a { font-family: "Google Sans", sans-serif; font-weight:600; font-size: 16px; 
	align-items: center; justify-content: space-between; color: #171717; white-space: nowrap; padding: 0 0;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; position:relative;}
.navbar ul li a:after {
 content: '';
    display: block;
    width: 0;
    height: 2px;
    background:#171717;
    transition: width .3s;
}
.navbar ul li a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #b7041e;}
.navbar ul li a:hover::after, .navbar .active::after, .navbar .active:focus::after, .navbar li:hover > a::after {
	width:100%;
	background:#b7041e;
}
.navbar .active {
	color:#b7041e;
}
.navbar ul li a i { margin: 0 12px 0 0; font-size: 28px;}
.navbar ul li:nth-last-child(2) a, .navbar a.nav-link.order-online-btn { border-right: 0px none;}
.navbar a.nav-link.order-online-btn { background: #171717; color: #FFFFFF;
	padding:0 16px; min-width: 120px; justify-content: center; height: 36px;
	-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; display:flex; border:solid 3px #b7041e; text-transform:capitalize;}
.navbar a.nav-link.order-online-btn:hover { background: #1C1818; color: #FFFFFF;border:solid 3px #ffffff;}
.navbar a.nav-link.order-online-btn:after {
	display:none;
}
.nav-link:focus, .nav-link:hover{ color:#ffffff;}
.navbar ul li.navmenu-logo a:after {
	display:none;
}
/* ----**** [ mobile navigation section ] ****---- */
.mobile-nav-toggle { color: #171717; font-size: 36px; cursor: pointer; display: none; line-height: 0;
  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
.mobile-nav-toggle.bi-x { color: #FFFFFF;}
@media (max-width: 991px) {

  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}

}
.navbar-mobile { background: rgba(20, 33, 56, 0.65); overflow: hidden;
	position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}

.navbar-mobile .mobile-nav-toggle { position: absolute; top: 16px; right: 24px; font-size: 36px;}
.navbar-mobile ul { background: #171717; display: block; overflow-y: auto;
	position: absolute; top: 48px; right: 24px; bottom: 24px; left: 24px; padding: 16px;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
.navbar-mobile ul li { text-align:center; margin:0;}
.navbar-mobile ul li a { padding: 8px 16px; font-weight:bold; color: #ffffff; justify-content: center; border-right: 0px none;
	-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}

.navbar-mobile ul li a:focus { display:block;}
.navbar-mobile ul li a:hover, .navbar-mobile .active, .navbar-mobile ul li:hover > a { background:transparent; color: #b7041e;}
.navbar-mobile a.nav-link.order-online-btn { height: 44px; background:transparent; color: #FFFFFF; margin:0 0 5px 0; font-size:16px;  justify-content: center; }
.navbar-mobile a.nav-link.order-online-btn:hover { background:transparent; color: #FFFFFF;}
.mobile-order-btn { display: none;}
.mobile-order-btn a { background: #ce202f; font-size:16px; font-weight:500; height: 36px; line-height: 36px;
	display: inline-block; color: #FFFFFF; text-align:center; padding: 0 10px;
	-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: 'futura-black', Arial, Verdana, sans-serif;
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}
.mobile-order-btn a:hover { background: #1C1818; color: #FFFFFF;}


.event-section-content:nth-child(even) { background: #ece8dc;}
.event-section-content:nth-child(odd) { background: #ffffff;}
.event-img-section {}
.event-img-section img { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px;}
.event-text-section {}
.event-text-section p.event-include-head { font-family: "Cinzel", serif; font-weight: 600; font-size: 24px; text-transform: uppercase;}

.event-text-section .section-header { padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #ccc;}
.event-text-section .section-header h2 { margin: 0 0 6px 0;}
.event-text-section .section-header p { font-weight: 500; margin: 0;}
.event-text-section ul { display: flex; flex-wrap: wrap; gap: 6px;}
.event-text-section ul li { width: 100%; font-size: 18px; font-weight: 500;}

.event-text-highlight { background: #987d66; padding: 20px; margin-bottom: 20px; 
	/* border: 1px dashed #ccc;  */
	display: flex; flex-wrap: wrap; width: 100%; gap: 6px; font-size: 18px; color: #FFFFFF;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.event-text-highlight span { display: flex; width: 100%;}
.event-text-highlight span, .event-text-highlight strong { font-weight: 500;}
.event-text-highlight p { margin: 0; color: #FFFFFF;}

.event-text-btn { margin-block-start: 24px;}


#our-philosophy { background:#b7041e; text-align: center;}
#our-philosophy h2 { color: #ffffff; margin-bottom: 30px;}
#our-philosophy p { font-size: 18px; color: #ffffff;}
#our-philosophy p:last-child { margin: 0; font-size: 24px;}
#our-philosophy p:last-child strong { font-weight: 600;}


#how-it-works { background:#171717; text-align: center;}
#how-it-works h2 { color: #ffffff;}
#how-it-works ul { list-style-type: none; padding: 24px; margin: 0 0 36px 0; display: flex; gap: 16px;
	border: 1px solid rgba(255, 255, 255, 0.25);}
#how-it-works ul li { color: #FFFFFF; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}
#how-it-works ul li i { font-size: 36px;}
#how-it-works ul li span { font-size: 22px; font-weight: 500;}

#how-it-works p { font-size: 18px; color: #ffffff;}
#how-it-works p strong { font-size: 20px; font-weight: 600;}


.inner-banner { display: flex; align-items: center; height: 100vh; padding: 160px 0 60px 0;  text-align: center;}
.inner-banner {	background: linear-gradient( rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60) ),
        url(../img/bg/about_us_back.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}
.inner-banner .section-header { margin-bottom: 24px;}
.inner-banner p { color: #ffffff; text-align: center;}
.inner-banner p:last-child { margin: 0;}
.inner-banner p:last-child strong { font-weight: 600; font-size: 18px;}

.address-head {  background:#987d66; padding: 20px 0;}
.address-head p { font-size: 18px; font-weight: 500; color: #ffffff; text-align: center;}
.address-head ul { display: flex; justify-content: center; gap: 48px; margin: 0;}
.address-head ul li { font-size: 18px; font-weight: 500; color: #ffffff;}