/*
	Template Name: Agisa
	Author: t3theme
	Version: 1.0
	Author URI:themeforest.net/user/t3theme/portfolio
	Email: ndktheme@gmail.com 
	------------------------
	NOTE: PLEASE DO NOT EDIT THIS CSS, IF YOU NEED USE "CUSTOM.CSS" FILE FOR WRITING YOUR CUSTOM CSS.
	I WILL RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE IT'S BETTER USE "CUSTOM.CSS".		
	------------------------
	
	Content of tables	
	1.Reset		
	2.Element		
		2.1 Form
		2.2 Button
		2.3 List
		2.4 Text
		2.5 Search
		2.6 lb
		2.7 Media object
		2.8 Pagination
		2.9 Breadcrumb
		2.10 Time line
		2.11 Shap
		2.12 Arrow
		2.13 Bg-side
		2.14 Alerts
		2.15 Line
		2.16 Rating
		2.17 Icns
		2.18 Block title
		2.19 Page title
		2.20 Accordion
		2.21 Progress bar
		2.22 Tabs
		2.23 Dropdown
		2.24 Card
		2.25 Column		
		2.26 Section
		2.27 Utilities
		2.28 Hb
		2.29 Edit
	3.Blocks
		3.1 Header	
		3.2 Menu
		3.3 Banner
		3.4 Product
		3.5 Testimonial
		3.6 Call to action
		3.7 Statistic
		3.8 Newsletter
		3.9 Pricing: pricing-table .price{}
		3.10 Footer		
	4.Javascript
		4.1 Owl-coursel
		4.2 Reloader
		4.3 Light Box	
		4.4 Datepicker
		4.5 Color picker
	5.Media Query
---------------------------*/
/*----------------------
	1.Reset
------------------------*/

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=League+Spartan:wght@100..900&family=Lexend+Deca:wght@100..900&family=Quicksand:wght@300..700&family=Righteous&display=swap');



html {
	font-size: 62.5%;
}

p,
span,
strong,
li,
a,
aside,
b,
button,
div {
	color: inherit;
	font-family: "El Messiri", sans-serif;
}

button.btn,
a.btn,
a {
	text-decoration: none !important;
	box-shadow: none !important;
}

p {
	line-height: 1.6 !important;
	font-size: var(--text-size);
	font-weight: var(--text-weight);
}

a:hover {
	color: inherit;
}

b,
strong {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0 0 2rem 0;
	line-height: 1.4;
	font-family: "El Messiri", sans-serif;
}

h1 {
	font-size: var(--h1-size);
	font-weight: var(--h1-weight);
	line-height: 1;
}

h2 {
	font-size: var(--h2-size);
	font-weight: var(--h2-weight);
}

h3 {
	font-size: var(--h3-size);
	font-weight: var(--h3-weight);
}

h4 {
	font-size: var(--h4-size);
	font-weight: var(--h4-weight);
}

h5 {
	font-size: var(--h5-size);
	font-weight: var(--h5-weight);
}

h6 {
	font-size: var(--h6-size);
	font-weight: var(--h6-weight);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.f-inherit {
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

body {
	overflow-x: hidden;
}

#wrap {
	position: relative;
	background: #fff;

}

/*----------------------
	2. Element
------------------------*/
/*----------------------
	2.1 Form
------------------------*/
.form-control {
	border: .1rem solid #e5e5e5;
	border-radius: .2rem;
	box-shadow: none;
	font-size: 1.4rem;
	height: 4rem;
	padding: 0 1.5rem;
	flex-grow: 1;
}

.form-control-sm,
.form-sm .form-control {
	height: 3.5rem;
	font-size: 1.3rem;
}

.form-control-md,
.form-md .form-control {
	height: 4.5rem;
}

.form-control-lg,
.form-lg .form-control {
	height: 5rem;
}

.form-control-xl,
.form-xl .form-control {
	height: 5.5rem;
}

/**/
::placeholder {
	color: #ccc !important;
	opacity: 1;
	/* Firefox */
	font-weight: 400;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ccc;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ccc;
}

/**/
.form-group {
	margin-bottom: 1.5rem;
	width: 100%;
}

[class*=".row-"] [class*="col-"] .form-group {
	margin-bottom: 0;
}

/**/
.form-sm .btn {
	height: 3.5rem;
	line-height: 3.5rem !important;
}

.form-md .btn {
	height: 4.5rem;
	line-height: 4.5rem !important;
}

.form-lg .btn {
	height: 5rem;
	line-height: 5rem !important;
}

.form-xl .btn {
	height: 5.5rem;
	line-height: 5.5rem !important;
}

/**/
.form-rad-1 .form-control {
	border-radius: .1rem;
}

.form-rad-2 .form-control {
	border-radius: .2rem;
}

.form-rad-3 .form-control {
	border-radius: .3rem;
}

.form-rad-4 .form-control {
	border-radius: .4rem;
}

.form-rad-5 .form-control {
	border-radius: .5rem;
}

.form-rad-6 .form-control {
	border-radius: .6rem;
}

.form-rad-7 .form-control {
	border-radius: .7rem;
}

.form-rad-8 .form-control {
	border-radius: .8rem;
}

.form-rad-9 .form-control {
	border-radius: .9rem;
}

.form-rad-10 .form-control {
	border-radius: 1rem;
}

.form-rad-100 .form-control {
	border-radius: 10rem;
}

/**/
.form-bg-fd .form-control,
.form-bg-fd .input-group-prepend span {
	background: #fdfdfd;
}

.form-bg-fa .form-control,
.form-bg-fa .input-group-prepend span {
	background: #fafafa;
}

.form-bg-f5 .form-control,
.form-bg-f5 .input-group-prepend span {
	background: #f5f5f5;
}

.form-bg-3 .form-control,
.form-bg-3 .input-group-prepend span {
	background: #333;
}

.form-no-bg .form-control,
.form-no-bg .input-group-prepend span {
	background: none;
}

.form-no-border .form-control,
.form-no-border .input-group-prepend .input-group-text {
	border: 0;
}

.form-border .form-group {
	border: 1px solid #e5e5e5;
}

/**/
form .form-group textarea.form-control {
	height: 15rem;
	padding: 1.5rem;
}

textarea {
	padding: 1.5rem;
}

textarea,
input,
select {
	box-shadow: none !important;
	outline: none !important;
}

/**/
form label {
	font-size: 1.3rem;
	font-weight: 500;
}

.form-label-upper .form-group label {
	text-transform: uppercase;
}

.form-label-cap .form-group label {
	text-transform: capitalize;
	font-size: 1.3rem;
}

.form-inline label {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.form-label-bold .form-group label {
	font-weight: 700;
}

.form-label-normal .form-group label {
	font-weight: 400;
}

.form-label-sm .form-group label {
	font-size: 1.3rem;
}

.form-label-md .form-group label {
	font-size: 1.4rem;
}

.form-label-lg .form-group label {
	font-size: 1.7rem;
}

.form-d-flex .form-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.form-d-flex .form-group label {
	margin-bottom: 0;
}

/**/
.form-control+.input-group-prepend,
input.form-control+.btn {
	margin-left: -1px;
}

.form-group .input-group-prepend,
.form-group .btn {
	margin-right: -1px;
}

.input-group-prepend .input-group-text {
	background: #fff;
	border-radius: 0;
	border-color: #e5e5e5;
	width: 4rem;
}

.input-group-prepend .input-group-text i {
	font-size: 1.4rem;
	margin: 0 .7rem;
}

.form-sm .input-group-prepend .input-group-text i {
	font-size: 1.6rem;
	margin: 0 .5rem;
}

.form-lg .input-group-prepend .input-group-text i {
	font-size: 2rem;
	margin: 0 .8rem;
}

.form-xl .input-group-prepend .input-group-text i {
	font-size: 3rem;
	margin: 0 1rem;
}

/**/
.custom-file-label,
.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: auto;
	z-index: 1;
	padding: .8rem 1.5rem;
	font-weight: 400 !important;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0;
}

.custom-file-label::after {
	color: #495057;
	content: "Browse";
	background-color: #f5f5f5;
	border: 0;
	left: auto;
	font-weight: 500 !important;
	border-left: inherit;
	cursor: pointer;
}

/**/
.custom-control-indicator {
	top: .35rem;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .35rem;
}

.custom-control {
	font-size: 1.4rem;
	margin-bottom: .7rem;
}

li .custom-control {
	margin-bottom: 0;
	width: 100%;
}

.custom-control-description {
	margin-left: 1rem;
}

.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
	padding-left: 1rem;
	font-size: 1.5rem;
	text-transform: capitalize;
	display: block;
	width: 100%;
	cursor: pointer;
	line-height: 1;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	border-color: #aaa;
	box-shadow: none;
	background: none;
}

.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before,
.custom-radio .custom-control-label::after,
.custom-radio .custom-control-label::before {
	top: -.1rem;
	width: 1.5rem;
	height: 1.5rem;
	box-shadow: none !important;
}

.custom-checkbox .custom-control-label::before {
	border: 1px solid #aaa;
}

.custom-checkbox .custom-checkbox .custom-control-label::before {
	border-radius: .2rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background: none !important;
	color: #555;
	content: '\f111';
	font-size: .9rem;
	text-align: center;
	line-height: 1.5;
	border-color: #aaa;
	font-family: "El Messiri", sans-serif;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	content: '\f00c';
	box-shadow: none !important;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.3;
	font-family: "El Messiri", sans-serif;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
	background: none;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background: none;
	color: #444;
}

.custom-checkbox input[type='checkbox'],
.custom-radio input[type='radio'] {
	margin-right: .5rem;
}

.custom-switch {
	padding-left: 5rem;
}

.custom-switch .custom-control-label::before {
	left: -5rem;
	width: 4rem;
	height: 2.1rem;
	pointer-events: all;
	border-radius: 5rem;
	outline: none !important;
	box-shadow: none !important;
}

.custom-switch .custom-control-label::after {
	top: .7rem;
	left: -4.6rem;
	width: 13px;
	height: 13px;
	background-color: #adb5bd;
	border-radius: 1.5rem;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
	background-color: #fff;
	-webkit-transform: translateX(1.9rem);
	transform: translateX(1.9rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
	opacity: .4;
}

.cards .card.form-group {
	background: none;
}

pre,
pre code {
	text-shadow: 0 1px rgba(255, 255, 255, 0.8);
	text-align: left;
}

pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
}

.form-control:disabled,
.form-control[readonly] {
	background: #fff !important;
}

/*----------------------
	2.2 Button
------------------------*/
.btn {
	border-radius: .4rem;
	font-size: 1.4rem;
	padding: 0 2.2rem;
	height: 4rem;
	line-height: 4rem;
	outline: none !important;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	text-transform: capitalize;
	background: #f0c436;
	border: 0;
	color: var(--btn-1);

}

.btn:hover {
	background: var(--btn);
	border-color: var(--btn-hover);
	color: var(--btn-1);
}

.btn+.btn {
	margin-left: 1.5rem;
}

/**/
.btn-xs {
	height: 3.2rem;
	padding: 0 1.6rem;
	line-height: 3.2rem;
	font-size: 1.2rem;
}

.btn-sm {
	height: 3.5rem;
	padding: 0 1.8rem;
	line-height: 3.5rem;
	font-size: 1.3rem;
}

.btn-md {
	padding: 0 3rem;
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.5rem;
}

.btn-lg {
	padding: 0 3.5rem;
	height: 5rem;
	line-height: 4.9rem;
	font-size: 1.6rem;
}

.btn-xl {
	padding: 0 4rem;
	height: 5.5rem;
	line-height: 5.3rem;
	font-size: 1.6rem;
}

/**/
.btn.btn-round {
	border-radius: 5rem;
	padding: 0 3rem;
}

.btn-round.btn-xs {
	padding: 0 1.5rem;
}

.btn-round.btn-sm {
	padding: 0 2.5rem;
}

.btn-round.btn-md {
	padding: 0 3.5rem;
}

.btn-round.btn-lg {
	padding: 0 4.5rem;
}

.btn-round.btn-xl {
	padding: 0 5rem;
}

.btn.btn-sm[class*='border'] {
	background: none;
	color: #333;
	line-height: 3.1rem;
}

.btn.btn-md[class*='border'] {
	line-height: 3.9rem;
}

.btn.btn-lg[class*='border'] {
	line-height: 4.5rem;
}

.btn.btn-xl[class*='border'] {
	line-height: 4.9rem;
}

.btn[class*='border'] {
	background: none;
	color: #333;
	line-height: 3.6rem;
}

.btn[class*='bg--f'],
.btn[class*='bg--e'] {
	color: #333;
}

.btn[class*='border'].border-f {
	background: none;
}

.tab-content form .form-group .btn {
	width: 100%;
}

.btn-1 {
	background: var(--btn-1);
	color: var(--btn);
}

.btn-1:hover {
	background: var(--btn-1);
	color: var(--price);
}

/**/
.btn[class*='border'] {
	border: 2px solid var(--btn);
}

.btn[class*='border']:hover {
	border-color: var(--btn-hover);
}

.btn.border-f[class*='border'] {
	border: 2px solid #fff;
	color: #fff;
}

.btn.border-f[class*='border']:hover {
	background: #fff;
	color: #333 !important;
}

/*----------------------
	2.3. List
------------------------*/
ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

ul li a,
ul li,
ol li,
ol li a,
ul li label,
ul li p,
ul li span,
ul li strong,
ul li a i,
ul .ul-item h4 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

ul li a,
ul li {
	padding: 0;
	color: inherit;
}

ul li a {
	display: block;
}

ul li i {
	margin-right: .7rem;
}

ul.ul-icons li i {
	margin: 0;
}

ul .ul-item {
	cursor: pointer;
	position: relative;
}

.ul-item {
	line-height: 1.5 !important;
}

.ul-item h4 {
	margin: 0;
}

.ul-d-flex .ul-item {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	line-height: 1;
}

.ul-d-flex .ul-item span {
	text-align: left;
	float: left;
}

ul .ul-item label {
	margin: 0;
}

ul.ul-d-flex .icn {
	margin-right: 1.5rem !important;
}

/**/
ul.ul-icon-arrow .ul-item {
	padding-left: 1.2rem;
}

ul.ul-icon-arrow .ul-item:after {
	position: absolute;
	top: 50%;
	left: 0;
	font-family: 'FontAwesome';
	content: "\f105";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

ul.ul-icon-right .ul-item {
	padding-left: 0;
}

ul.ul-icon-right .ul-item:after {
	right: 0;
	left: auto;
}

/**/
.ul-span-1 .ul-item span {
	font-weight: 500;
	text-align: left;
	display: inline-block;
	margin-right: .7rem;
}

.ul-span-2 .ul-item span {
	width: 14rem;
	display: inline-block;
	font-weight: 600;
	margin-right: 1rem;
}

.ul-span-upper .ul-item span {
	text-transform: uppercase;
	font-size: 95%;
}

.ul-item h6 {
	margin: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	font-weight: 600;
}

.ul-fl>.ul-item:first-child,
.ul-fl>li:first-child a.ul-item {
	padding-top: 0 !important;
}

.ul-fl>.ul-item:last-child,
.ul-fl>li:last-child a.ul-item {
	padding-bottom: 0 !important;
}

.ul-item p {
	margin-bottom: 0;
}

/**/
ul.ul-mt-1 li,
ul.ul-a.ul-mt-1 li {
	margin-top: .1rem;
}

ul.ul-mt-2 li {
	margin-top: .2rem;
}

ul.ul-mt-3 .ul-item {
	margin-top: .3rem;
}

ul.ul-mt-4 .ul-item {
	margin-top: .4rem;
}

ul.ul-mt-5 .ul-item {
	margin-top: .5rem;
}

ul.ul-mt-6 .ul-item {
	margin-top: .6rem;
}

ul.ul-mt-7 .ul-item {
	margin-top: .7rem;
}

ul.ul-mt-8 .ul-item {
	margin-top: .8rem;
}

ul.ul-mt-9 .ul-item {
	margin-top: .9rem;
}

ul.ul-mt-10 .ul-item {
	margin-top: 1rem;
}

ul.ul-mt-15 .ul-item {
	margin-top: 1.5rem;
}

ul.ul-mt-20 .ul-item {
	margin-top: 2rem;
}

ul.ul-mt-25 .ul-item {
	margin-top: 2.5rem;
}

ul.ul-mt-30 .ul-item {
	margin-top: 3rem;
}

ul.ul-mt-35 .ul-item {
	margin-top: 3.5rem;
}

ul.ul-mt-40 .ul-item {
	margin-top: 4rem;
}

ul.ul-mt-45 .ul-item {
	margin-top: 4.5rem;
}

ul.ul-mt-50 .ul-item {
	margin-top: 5rem;
}

/**/
ul.ul-mr-ab .ul-item {
	margin-right: -.1rem;
}

ul.ul-mr-1 .ul-item {
	margin-right: .1rem;
}

ul.ul-mr-2 .ul-item {
	margin-right: .2rem;
}

ul.ul-mr-3 .ul-item {
	margin-right: .3rem;
}

ul.ul-mr-4 .ul-item {
	margin-right: .4rem;
}

ul.ul-mr-5 .ul-item {
	margin-right: .5rem;
}

ul.ul-mr-6 .ul-item {
	margin-right: .6rem;
}

ul.ul-mr-7 .ul-item {
	margin-right: .7rem;
}

ul.ul-mr-8 .ul-item {
	margin-right: .8rem;
}

ul.ul-mr-9 .ul-item {
	margin-right: .9rem;
}

ul.ul-mr-10 .ul-item {
	margin-right: 1rem;
}

ul.ul-mr-15 .ul-item {
	margin-right: 1.5rem;
	font-size: 20px;
}

ul.ul-mr-20 .ul-item {
	margin-right: 2rem;
}

ul.ul-mr-25 .ul-item {
	margin-right: 2.5rem;
}

ul.ul-mr-30 .ul-item {
	margin-right: 3rem;
}

ul.ul-mr-35 .ul-item {
	margin-right: 3.5rem;
}

ul.ul-mr-40 .ul-item {
	margin-right: 4rem;
}

ul.ul-mr-50 .ul-item {
	margin-right: 5rem;
}

ul[class*='ul-mr-'] .ul-item:last-child {}

/**/
ul.d-flex.ul-ml-ab .ul-item {
	margin-left: -1px;
}

ul.ul-ml-1 .ul-item {
	margin-left: .1rem;
}

ul.ul-ml-2 .ul-item {
	margin-left: .2rem;
}

ul.ul-ml-3 .ul-item {
	margin-left: .3rem;
}

ul.ul-ml-4 .ul-item {
	margin-left: .4rem;
}

ul.ul-ml-5 .ul-item {
	margin-left: .5rem;
}

ul.ul-ml-6 .ul-item {
	margin-left: .6rem;
}

ul.ul-ml-7 .ul-item {
	margin-left: .7rem;
}

ul.ul-ml-8 .ul-item {
	margin-left: .8rem;
}

ul.ul-ml-9 .ul-item {
	margin-left: .9rem;
}

ul.ul-ml-10 .ul-item {
	margin-left: 1rem;
}

ul.ul-ml-15 .ul-item {
	margin-left: 1.5rem;
}

ul.ul-ml-20 .ul-item {
	margin-left: 2rem;
}

ul.ul-ml-25 .ul-item {
	margin-left: 2.5rem;
}

ul.ul-ml-30 .ul-item {
	margin-left: 3rem;
}

ul.ul-ml-35 .ul-item {
	margin-left: 3.5rem;
}

ul.ul-ml-40 .ul-item {
	margin-left: 4rem;
}

ul.ul-ml-50 .ul-item {
	margin-left: 5rem;
}

ul[class*='ul-ml-'] .ul-item:first-child {}

/**/
ul.ul-mb-ab .ul-item {
	margin-bottom: -.1rem;
}

ul.ul-mb-1 .ul-item {
	margin-bottom: .1rem;
}

ul.ul-mb-2 .ul-item {
	margin-bottom: .2rem;
}

ul.ul-mb-3 .ul-item {
	margin-bottom: .3rem;
}

ul.ul-mb-4 .ul-item {
	margin-bottom: .4rem;
}

ul.ul-mb-5 .ul-item {
	margin-bottom: .5rem;
}

ul.ul-mb-6 .ul-item {
	margin-bottom: .6rem;
}

ul.ul-mb-7 .ul-item {
	margin-bottom: .7rem;
}

ul.ul-mb-8 .ul-item {
	margin-bottom: .8rem;
}

ul.ul-mb-9 .ul-item {
	margin-bottom: .9rem;
}

ul.ul-mb-10 .ul-item {
	margin-bottom: 1rem;
}

ul.ul-mb-15 .ul-item {
	margin-bottom: 1.5rem;
}

ul.ul-mb-20 .ul-item {
	margin-bottom: 2rem;
}

ul.ul-mb-25 .ul-item {
	margin-bottom: 2.5rem;
}

ul.ul-mb-30 .ul-item {
	margin-bottom: 3rem;
}

ul.ul-mb-35 .ul-item {
	margin-bottom: 3.5rem;
}

ul.ul-mb-40 .ul-item {
	margin-bottom: 4rem;
}

ul.ul-mb-50 .ul-item {
	margin-bottom: 5rem;
}

ul[class*="ul-mb-"]:not(.inline-m)>.ul-item:last-child,
ul[class*="ul-mb-"]:not(.inline-m)>li:last-child a.ul-item {
	margin-bottom: 0;
}

/**/
ul.ul-rad-1 .ul-item {
	border-radius: .1rem;
}

ul.ul-rad-2 .ul-item {
	border-radius: .2rem;
}

ul.ul-rad-3 .ul-item {
	border-radius: .3rem;
}

ul.ul-rad-4 .ul-item {
	border-radius: .4rem;
}

ul.ul-rad-5 .ul-item {
	border-radius: .5rem;
}

ul.ul-rad-6 .ul-item {
	border-radius: .6rem;
}

ul.ul-rad-7 .ul-item {
	border-radius: .7rem;
}

ul.ul-rad-8 .ul-item {
	border-radius: .8rem;
}

ul.ul-rad-9 .ul-item {
	border-radius: .9rem;
}

ul.ul-rad-10 .ul-item {
	border-radius: 1rem;
}

ul.ul-rad-100 .ul-item {
	border-radius: 100rem;
}

/**/
.ul-border .ul-item {
	border: 1px solid rgba(225, 225, 225, 0.7) !important;
}

.ul-border-b .ul-item {
	border-bottom: 1px solid rgba(225, 225, 225, 0.7);
}

.ul-border-r .ul-item {
	border-right: 1px solid rgba(225, 225, 225, 0.4);
}

.ul-border-r-1 .ul-item:after {
	position: absolute;
	top: 20%;
	content: '';
	right: 0;
	width: .1rem;
	height: 1rem;
	border-right: 2px solid rgba(225, 225, 225, 0.7);
}

ul.ul-dashed-b .ul-item {
	border-bottom: 1px dashed rgba(225, 225, 225, 0.7);
}

ul.ul-dotted-b .ul-item {
	border-bottom: 1px dotted rgba(225, 225, 225, 0.7);
}

ul.ul-dashed-b>.ul-item:last-child,
ul.ul-dotted-b>.ul-item:last-child,
.ul-border-b>.ul-item:last-child {
	border-bottom: 0;
}

ul.ul-no-border-last li.ul-item:last-child,
ul.ul-no-border-last li:last-child a.ul-item,
ul.ul-border-b>.ul-item:last-child,
ul.ul-border-b>li:last-child a,
ul.ul-no-border .ul-item {
	border: 0 !important;
}

ul.ul-border-op .ul-item {
	border-color: rgba(225, 225, 225, 0.2);
}

ul.ul-border-2 .ul-item {
	border-color: #222;
}

ul.ul-border-3 .ul-item {
	border-color: #333;
}

ul.ul-border-4 .ul-item {
	border-color: #444;
}

ul.ul-border-5 .ul-item {
	border-color: #555;
}

/**/
ul.ul-bg-f .ul-item {
	background: #fff;
}

ul.ul-bg-fd .ul-item {
	background: #fdfdfd;
}

ul.ul-bg-fa .ul-item {
	background: #fafafa;
}

ul.ul-bg-f5 .ul-item {
	background: #f5f5f5;
}

ul.ul-bg-e .ul-item {
	background: #eee;
}

ul.ul-bg-1 .ul-item {
	background: #111;
	color: #fff;
}

ul.ul-bg-2 .ul-item {
	background: #222;
	color: #fff;
}

ul.ul-bg-3 .ul-item {
	background: #333;
	color: #fff;
}

ul.ul-bg-4 .ul-item {
	background: #444;
	color: #fff;
}

ul.ul-no-bg .ul-item {
	background: none;
}

ul.ul-bg-active-f .ul-item.active {
	background: #fff;
}

ul.ul-bg-active-f5 .ul-item.active {
	background: #f5f5f5;
}

ul.ul-bg-active-e .ul-item.active {
	background: #eee;
}

ul.ul-bg-active-3 .ul-item.active {
	background: #333;
	color: #fff;
}

.ul-nth .ul-item:nth-child(2n +1) {
	background: #f5f5f5;
}

.ul-item input:checked.custom-control-input+label i,
.ul-item input.custom-control-input:hover+label i {
	color: inherit !important;
}

.ul-item .custom-control-label i {
	margin-right: 0;
	font-size: 1.2rem;
}

/**/
.ul-center .ul-item {
	text-align: center;
}

.ul-center .ul-item i {
	margin-right: 0;
}

/**/
ul[class*="ul-style-"] li {
	margin-left: 1.7rem;
}

ul.ul-style-disc li {
	list-style-type: disc !important;
}

ul.ul-style-circle li {
	list-style-type: circle !important;
}

ul.ul-style-square li {
	list-style-type: square !important;
}

ul.ul-style-decimal li {
	list-style-type: decimal !important;
}

ul.ul-style-decimal li {
	list-style-type: decimal !important;
}

ul.d-flex[class*="ul-style-"] li {
	margin-left: 0;
}

ul.d-flex.ul-style-disc li:first-child {
	list-style: none !important;
}

/**/
.ul-1 {
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -ms-flexbox !important;
	display: flex !important;
	width: 100%;
	border-top: 1px solid #eee;
}

.ul-1 .ul-item {
	border-right: 1px solid #e5e5e5;
	margin-right: -1px;
	padding: 1rem 1.5rem;
	color: #666;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2rem;

}

/*----------------------
	2.4 Text: card-date,
------------------------*/
.text-0 {
	font-size: 1.3rem;
	font-weight: 400;
	margin: 0;
}

.text-1 {
	font-size: 1.3rem;
	opacity: .5;
	font-weight: 500;
	margin: 0;
}

.text-2 {
	font-size: 1.4rem;
	opacity: .7;
	font-weight: 500;
	margin: 0;
	line-height: 1;
}

.text-3 {
	font-size: 1.1rem;
	opacity: .7;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.1;
}

.text-4 {
	font-size: 1.5rem;
	opacity: .7;
	font-weight: 700;
	margin: 0;
	line-height: 1.1;
}

.text-5 {
	font-size: 2.2rem;
	font-family: 'Yesteryear', cursive !important;
	font-weight: normal;
	color: var(--default);
}

/**/
.text-rotate {
	position: absolute;
	left: 0;
	top: 50rem;
	width: 50rem;
	text-align: right;
	font-weight: normal;
	z-index: 1;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

.text-rotate .text-rotate-inner {
	display: inline-block;
	padding: 1rem 2rem;
}

.text-rotate-right {
	left: auto;
	right: 0;
	top: 0;
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: right center 0;
}

/**/
.text-bg {
	position: relative;
	z-index: 10;
}

.text-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	content: attr(data-bg-name);
	line-height: 1;
	font-size: 20rem;
	font-family: "El Messiri", sans-serif;
	color: rgba(44, 44, 44, 0.2);
	opacity: .1;
	font-weight: 900;
	text-align: left;
	z-index: -1;
	width: 100%;
}

.text-bg-right:before {
	text-align: right !important;
}

.text-bg-center:before {
	text-align: center !important;
}

.text-bg-size-5:before {
	font-size: 5rem;
}

.text-bg-size-10:before {
	font-size: 10rem;
}

.text-bg-size-15:before {
	font-size: 15rem;
}

.text-bg-size-25:before {
	font-size: 25rem;
}

.text-bg-size-30:before {
	font-size: 30rem;
}

.text-bg-light:before {
	color: #fff;
	opacity: .07;
	top: 20%;
	left: 5%;
}

/*----------------------
	2.5 Search
------------------------*/
.search-1 {
	width: 60%;
	position: relative;
	float: right;
}

.search-1 form {
	border: 1px solid #e5e5e5;
	border-radius: 5rem;
	overflow: hidden;
	padding: .4rem;
}

.search-1 input {
	border: 0;
	color: #333;
	border-radius: 0;
	height: 3.5rem;
	width: 10rem;
}

.search-1 button {
	border: 0;
	background: #eee;
	color: #888;
	height: 3.5rem;
	border-radius: 5rem;
	width: 3.5rem;
	text-align: center;
	cursor: pointer;
}

.search-1 input:focus+button {
	background: var(--default);
	color: #fff;
}

.search-1.search-hover form:hover {
	margin-left: -2rem;
}

.search-overlay {
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	display: none;
	top: 0;
	bottom: 0;
	background: rgb(0, 0, 0, .98);
}

.search-overlay:hover {
	cursor: crosshair;
}

.search-overlay .form-group {
	position: fixed;
	top: 50%;
	bottom: auto;
	padding: 0;
	width: 100%;
	z-index: 5;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.search-overlay .search-btn {
	font-size: 2rem;
	color: #555;
}

.search-overlay .search-txt::placeholder {
	color: #444 !important;
	opacity: 1;
	/* Firefox */
	font-weight: 500;
}

.search-overlay .search-txt:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #444;
}

.search-overlay .search-txt::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #444;
}

/*----------------------
	2.6 lb
------------------------*/
.lb {
	border-radius: .3rem;
	display: inline-block !important;
	font-size: 1.2rem;
	font-weight: 600;
	padding: .3rem .7rem;
	margin-right: .4rem;

}

.lb span {
	opacity: .6;
	font-weight: normal;
	font-size: inherit;
}

.lb-xs {
	font-size: 1rem;
	padding: .2rem .6rem;
}

.lb-sm {
	font-size: 1.1rem;
	padding: .2rem .7rem;
}

.lb-md {
	font-size: 1.3rem;
	padding: .4rem .8rem;
}

/**/
.lb-45 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 5rem;
	height: 5.5rem;
	padding: 1.5rem;
}

.lb-inner {
	width: 11rem;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-bottom: 0;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.1rem;
	text-align: center;
	padding: .5rem 0;
	margin-left: -4.3rem;
}

.lb-45.lb-ab-45 .lb-inner {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*----------------------
	2.7 Media object
------------------------*/
.media {}

.media .media-body,
.card .media .media-body.card-body {
	padding: 0;
}

.media>i {
	font-size: 4rem;
}

.media .card-text {}

.media .btn {
	display: inline-block;
}

.media img {
	margin-right: 1.5rem;
	width: 10rem;
}

.media div.icn {
	margin-right: 2rem;
	position: relative;
}

.media .icn i {
	margin: 0;
	font-size: 3rem;
}

/**/
.media-list-1 .media .media-body.card-body {
	border-radius: .4rem;
	border: 1px solid #e5e5e5;
	padding: 2rem;
	background: #fff;
	margin-left: 0;
}

.media-list-1 .media .media-body:before {
	display: block;
}

/*----------------------
	2.8 Pagination
------------------------*/
.pagination li a {
	color: #333;
}

.pagination li a i {
	margin: 0 .2rem;
}

/*----------------------
	2.9 Breadcrumb	
------------------------*/
.breadcrumb {
	padding: 0 !important;
	margin-bottom: 0;
	position: relative;
	z-index: 10;
	background: none;
}

.breadcrumb+section[class*="bg--"] {
	padding-top: 5.8rem !important;
}

.breadcrumb+section {
	margin-top: 0 !important;
}

.breadcrumb li {
	font-size: 1.4rem;
	font-weight: 500;
}

.breadcrumb li:last-child {
	opacity: .7;
}

.breadcrumb ul li a:after {
	position: absolute;
	content: '';
	font-family: 'FontAwesome';
	content: "\f105";
	right: -1.5rem;
}

/*----------------------
	2.10 Timeline
------------------------*/
/*----------------------
	2.11 Shap
------------------------*/
/*----------------------
	2.12 Arrow
------------------------*/
div[class*="arow-"] {
	position: relative;
}

div[class*="arow-"]::after,
div[class*="arow-"]::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}

.arow-top {
	margin-top: 1.5rem;
}

.arow-right {
	margin-right: 1.5rem;
}

.arow-bottom {
	margin-bottom: 1.5rem;
}

.arow-left {
	margin-left: 1.5rem;
}

.arow-left::after {
	top: 4rem;
	left: -1.2rem;
	margin-top: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #fff;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-left: 0;
}

.arow-left::before {
	top: 4rem;
	left: -1.3rem;
	margin-top: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #e5e5e5;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-left: 0;
}

.arow-right::after {
	top: 4rem;
	right: -1.2rem;
	margin-top: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #fff;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-right: 0;
}

.arow-right::before {
	top: 4rem;
	right: -1.3rem;
	margin-top: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #e5e5e5;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-right: 0;
}

.arow-top::after {
	top: -1.2rem;
	left: 4rem;
	margin-left: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #fff;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top: 0;
}

.arow-top::before {
	top: -1.2rem;
	left: 4rem;
	margin-left: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #eee;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top: 0;
}

.arow-bottom::after {
	bottom: -1.2rem;
	left: 4rem;
	margin-left: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #fff;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom: 0;
}

.arow-bottom::before {
	bottom: -1.3rem;
	left: 4rem;
	margin-left: -1.2rem;
	border-width: 1.2rem;
	border-style: solid;
	border-color: #e5e5e5;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom: 0;
}

/**/
.arow-left.arow-xs:after,
.arow-left.arow-xs:before {
	border-width: .7rem;
	left: -.7rem;
}

.arow-left.arow-xs:before {
	left: -.8rem;
}

.arow-right.arow-xs:after,
.arow-right.arow-xs:before {
	border-width: .7rem;
	right: -.7rem;
}

.arow-right.arow-xs:before {
	right: -.8rem;
}

.arow-top.arow-xs:after,
.arow-top.arow-xs:before {
	border-width: .7rem;
	top: -.7rem;
}

.arow-top.arow-xs:before {
	top: -.8rem;
}

.arow-bottom.arow-xs:after,
.arow-bottom.arow-xs:before {
	border-width: .7rem;
	bottom: -.7rem;
}

.arow-bottom.arow-xs:before {
	bottom: -.8rem;
}


.arow-left.arow-sm:after,
.arow-left.arow-sm:before {
	border-width: .9rem;
	left: -.9rem;
}

.arow-left.arow-sm:before {
	left: -1rem;
}

.arow-right.arow-sm:after,
.arow-right.arow-sm:before {
	border-width: .9rem;
	right: -.9rem;
}

.arow-right.arow-sm:before {
	right: -1rem;
}

.arow-top.arow-sm:after,
.arow-top.arow-sm:before {
	border-width: .9rem;
	top: -.9rem;
}

.arow-top.arow-sm:before {
	top: -1rem;
}

.arow-bottom.arow-sm:after,
.arow-bottom.arow-sm:before {
	border-width: .9rem;
	bottom: -.9rem;
}

.arow-bottom.arow-sm:before {
	bottom: -1rem;
}

/**/
.arow-left.arow-md:after,
.arow-left.arow-md:before {
	border-width: 1.5rem;
	left: -1.5rem;
}

.arow-left.arow-md:before {
	left: -1.6rem;
}

.arow-right.arow-md:after,
.arow-right.arow-md:before {
	border-width: 1.5rem;
	right: -1.5rem;
}

.arow-right.arow-md:before {
	right: -1.6rem;
}

.arow-top.arow-md:after,
.arow-top.arow-md:before {
	border-width: 1.5rem;
	top: -1.5rem;
}

.arow-top.arow-md:before {
	top: -1.6rem;
}

.arow-bottom.arow-md:after,
.arow-bottom.arow-md:before {
	border-width: 1.5rem;
	bottom: -1.5rem;
}

.arow-bottom.arow-md:before {
	bottom: -1.6rem;
}

/**/
.arow-left.arow-lg:after,
.arow-left.arow-lg:before {
	border-width: 2rem;
	left: -2rem;
}

.arow-left.arow-lg:before {
	left: -2.1rem;
}

.arow-right.arow-lg:after,
.arow-right.arow-lg:before {
	border-width: 2rem;
	right: -2rem;
}

.arow-right.arow-lg:before {
	right: -2.1rem;
}

.arow-top.arow-lg:after,
.arow-top.arow-lg:before {
	border-width: 2rem;
	top: -2rem;
}

.arow-top.arow-lg:before {
	top: -2.1rem;
}

.arow-bottom.arow-lg:after,
.arow-bottom.arow-lg:before {
	border-width: 2rem;
	bottom: -2rem;
}

.arow-bottom.arow-lg:before {
	bottom: -2.1rem;
}

/**/
.arow-left.arow-xl:after,
.arow-left.arow-xl:before {
	border-width: 3rem;
	left: -3rem;
}

.arow-left.arow-xl:before {
	left: -3.1rem;
}

.arow-right.arow-xl:after,
.arow-right.arow-xl:before {
	border-width: 3rem;
	right: -3rem;
}

.arow-right.arow-xl:before {
	right: -3.1rem;
}

.arow-top.arow-xl:after,
.arow-top.arow-xl:before {
	border-width: 3rem;
	top: -3rem;
}

.arow-top.arow-xl:before {
	top: -3.1rem;
}

.arow-bottom.arow-xl:after,
.arow-bottom.arow-xl:before {
	border-width: 3rem;
	bottom: -3rem;
}

.arow-bottom.arow-xl:before {
	bottom: -3.1rem;
}

/**/
[class*="arow-"].arow-top-0::after,
[class*="arow-"].arow-top-0::before {
	border-top-width: .5rem;
}

[class*="arow-"].arow-left-0::after,
[class*="arow-"].arow-left-0::before {
	border-left-width: .5rem;
}

[class*="arow-"].arow-right-0::after,
[class*="arow-"].arow-right-0::before {
	border-right-width: .5rem;
}

[class*="arow-"].arow-bottom-0::after,
[class*="arow-"].arow-bottom-0::before {
	border-bottom-width: .5rem;
}

/**/
.arow-border-fd[class*="arow-"]::after {
	border-color: #fdfdfd;
}

.arow-border-fa[class*="arow-"]::after {
	border-color: #fafafa;
}

.arow-border-f5[class*="arow-"]::after {
	border-color: #f5f5f5;
}

/**/
[class*="arow-"]:before {
	display: none;
}

.arow-border[class*="arow-"]:before {
	display: block;
}

/*----------------------
	2.13 bg-side
------------------------*/
[class*="b-right-"],
[class*="b-left-"] {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #333;
	z-index: 0;
	height: 100%;
}

[class*="b-top-"],
[class*="b-bottom-"] {
	position: absolute;
	left: 0;
	right: 0;
	background: #333;
	z-index: 0;
	height: 100%;
}

.b-right-5 {
	right: 0;
	width: 5%;
}

.b-right-10 {
	right: 0;
	width: 10%;
}

.b-right-15 {
	right: 0;
	width: 15%;
}

.b-right-20 {
	right: 0;
	width: 20%;
}

.b-right-25 {
	right: 0;
	width: 25%;
}

.b-right-30 {
	right: 0;
	width: 30%;
}

.b-right-33 {
	right: 0;
	width: 33%;
}

.b-right-35 {
	right: 0;
	width: 35%;
}

.b-right-40 {
	right: 0;
	width: 40%;
}

.b-right-45 {
	right: 0;
	width: 45%;
}

.b-right-50 {
	right: 0;
	width: 50%;
}

.b-right-55 {
	right: 0;
	width: 55%;
}

.b-right-60 {
	right: 0;
	width: 60%;
}

.b-right-70 {
	right: 0;
	width: 70%;
}

.b-right-80 {
	right: 0;
	width: 80%;
}

/**/
.b-left-5 {
	left: 0;
	width: 5%;
}

.b-left-10 {
	left: 0;
	width: 10%;
}

.b-left-15 {
	left: 0;
	width: 15%;
}

.b-left-20 {
	left: 0;
	width: 20%;
}

.b-left-22 {
	left: 0;
	width: 22%;
}

.b-left-23 {
	left: 0;
	width: 23%;
}

.b-left-25 {
	left: 0;
	width: 25%;
}

.b-left-30 {
	left: 0;
	width: 30%;
}

.b-left-35 {
	left: 0;
	width: 35%;
}

.b-left-33 {
	left: 0;
	width: 33%;
}

.b-left-40 {
	left: 0;
	width: 40%;
}

.b-left-45 {
	left: 0;
	width: 45%;
}

.b-left-50 {
	left: 0;
	width: 50%;
}

.b-left-55 {
	left: 0;
	width: 55%;
}

.b-left-60 {
	left: 0;
	width: 60%;
}

.b-left-70 {
	left: 0;
	width: 70%;
}

.b-left-80 {
	left: 0;
	width: 80%;
}

/**/
.b-top-30 {
	height: 30%;
	top: 0;
}

.b-top-40 {
	height: 40%;
	top: 0;
}

.b-top-50 {
	height: 50%;
	top: 0;
}

.b-top-60 {
	height: 60%;
	top: 0;
}

/**/
.b-bottom-30 {
	height: 30%;
	bottom: 0;
}

.b-bottom-40 {
	height: 40%;
	bottom: 0;
}

.b-bottom-50 {
	height: 50%;
	bottom: 0;
}

.b-bottom-60 {
	height: 60%;
	bottom: 0;
}

/*----------------------
	2.14 Alerts
------------------------*/
.alert {}

/*----------------------
	2.15 Line
------------------------*/
.line-default {
	position: relative;
	margin-bottom: 3rem;
	padding-bottom: 2.5rem;
}

.line-default:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	margin-left: -4rem;
	border-bottom: 2px solid #333;
	width: 8rem;
}

.color-f.line-default:after,
[class*="bg--"]:not([class*="bg--f"]) .line-default:after {
	border-color: #fff;
}

.color-3.line-default:after,
.bg--e .line-default:after {
	border-color: #333 !important;
}

.color-9.line-default:after {
	border-color: #999 !important;
}

.card .line-default {
	padding-bottom: 2.7rem;
}

.banner .card .line-default {
	padding-bottom: 4rem;
}

.cards .card .line-default:after {
	opacity: .6;
	left: 0;
	margin-left: 0;
}

.text-center.cards .card .line-default:after {
	border-color: #777;
	opacity: .8;
	left: 50%;
	margin-left: -4rem;
}

.line-default-left:after {
	left: 0;
	margin-left: 0;
}

.line-default-right:after {
	left: auto;
	right: .3rem;
	margin-left: auto;
}

.line-dashed {
	border-top: 1px dashed rgba(150, 150, 150, 0.6);
	height: 1px;
	width: 100%;
}

.line-solid {
	border-top: 1px solid rgba(150, 150, 150, 0.6);
	height: 1px;
	width: 100%;
}

/**/
.line-mix {
	position: relative;
	display: inline-block;
}

.line-mix::before,
.line-mix::after {
	position: absolute;
	top: 55%;
	content: '';
	margin-top: -1px;
	width: 4rem;
	border-bottom: 1px solid #333;
	opacity: .3;
}

.line-mix::before {
	left: -4.5rem;
}

.line-mix::after {
	right: -4.5rem;
}

.line-mix-left::after {
	display: none;
}

.line-mix.line-mix-left {
	margin-left: 4.5rem;
}

.line-mix-right::before {
	display: none;
}

.line-mix-f:before,
.line-mix-f:after {
	border-color: #fff !important;
}

/**/
.line-h {
	position: relative;
	margin-bottom: 5rem !important;
}

.line-h:after {
	position: absolute;
	bottom: -7rem;
	left: 50%;
	content: '';
	margin-left: -.1rem;
	border-right: 1px solid #ccc;
	height: 5rem;
	width: .1rem;
}

.line-h-c:after {
	border-right: 1px solid #ccc;
}

.line-h-f:after {
	border-right: 1px solid #fff;
}

.line-though {
	text-decoration: line-through;
}

/*----------------------
	2.16 Rating
------------------------*/
.rating {
	display: -ms-flexbox !important;
	display: flex !important;
}

.rating li {
	padding: 0;
	margin-right: .2rem;
}

.rating li i {
	margin: 0 !important;
	font-size: 1.2rem;
	color: #ccc;
	width: auto !important;
}

.rating li.active i {
	color: var(--rating);
}

.fa-star {
	color: #ccc;
}

.rating-sm li i {
	font-size: 1.3rem;
}

.rating-md li i {
	font-size: 1.5rem;
}

.rating-lg li i {
	font-size: 2rem;
}

li .custom-control-input:checked+label,
li .custom-control:hover .custom-control-label {
	color: var(--rating);
}

/*----------------------
	2.17 Icn
------------------------*/
.icns .ul-item .icn {
	margin-right: .8rem;
}

.icns .ul-item {
	/* 	display: -ms-flexbox!important;
    display: flex!important;
	ms-flex-align: center!important;
    align-items: center!important; */
}

.icn {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	ms-flex-align: center !important;
	align-items: center !important;
}

.icn img {
	width: 100% !important;
}

.icn i[class*="icon-"] {
	line-height: .8;
}

.text-center [class*="icns-"] {
	display: inline-block;
}

.icns.d-flex.text-left .icn {
	float: left;
	margin-right: 1rem;
}

.icn.bg--default-op-1 i {
	font-size: 3.5rem
}

/**/
.icns-rad-1 .icn {
	border-radius: .1rem;
}

.icns-rad-2 .icn {
	border-radius: .2rem;
}

.icns-rad-3 .icn {
	border-radius: .3rem;
}

.icns-rad-4 .icn {
	border-radius: .4rem;
}

.icns-rad-5 .icn {
	border-radius: .5rem;
}

.icns-rad-6 .icn {
	border-radius: .6rem;
}

.icns-rad-7 .icn {
	border-radius: .7rem;
}

.icns-rad-8 .icn {
	border-radius: .8rem;
}

.icns-rad-9 .icn {
	border-radius: .9rem;
}

.icns-rad-10 .icn {
	border-radius: 1rem;
}

.icn-rad-100,
.icns-rad-100 .icn {
	/* border-radius:100rem!important; */
	overflow: hidden;
}

.d-flex .col h4 {
	margin-top: 0;
	font-weight: 600;
	font-size: 1.8rem;
	margin-bottom: .5rem;
}

/**/
.icns-border .icn {
	border: 1px solid #e5e5e5;
}

.icns-border-f .icn {
	border: 1px solid #fff;
}

.icns-border-9 .icn {
	border: 1px solid #999;
}

.icns-border-3 .icn {
	border: 1px solid #333
}

/**/
.icns-bg-f .icn {
	background: #fff;
	color: #333;
}

.icns-bg-fd .icn {
	background: #fdfdfd;
}

.icns-bg-fa .icn {
	background: #fafafa;
}

.icns-bg-f5 .icn {
	background: #f5f5f5;
}

.icns-bg-e .icn {
	background: #eee;
}

.icns-bg-4 .icn {
	background: #444;
	color: #fff;
}

.icns-bg-3 .icn {
	background: #333;
	color: #fff;
}

.icns-bg-2 .icn {
	background: #222;
	color: #fff;
}

.icns-bg-default-1 .icn,
.cards-bg-default-1 .card {
	background: #fbba05;
}

[class*="icns-bg"] .card .icn i,
[class*="icns-border"] .card .icn i {
	font-size: 3.5rem;
}

.card .media .icn i {
	font-size: 4rem;
}

[class*="icns-"] .card .media .icn i {
	font-size: 2.5rem;
}

.icn i {
	margin: 0;
}

/**/
.icns-mr-ab .icn {
	margin-right: -1px;
}

.icns-mr-1 .icn {
	margin-right: .1rem;
}

.icns-mr-2 .icn {
	margin-right: .2rem;
}

.icns-mr-3 .icn {
	margin-right: .3rem;
}

.icns-mr-4 .icn {
	margin-right: .4rem;
}

.icns-mr-5 .icn {
	margin-right: .5rem;
}

.icns-mr-6 .icn {
	margin-right: .6rem;
}

.icns-mr-7 .icn {
	margin-right: .7rem;
}

.icns-mr-8 .icn {
	margin-right: .8rem;
}

.icns-mr-9 .icn {
	margin-right: .9rem;
}

.icns-mr-10 .icn {
	margin-right: 1rem;
}

.icns-mr-15 .icn {
	margin-right: 1.5rem;
}

.icns-mr-20 .icn {
	margin-right: 2rem;
}

.icns-mr-25 .icn {
	margin-right: 2.5rem;
}

.icns-mr-30 .icn {
	margin-right: 3rem;
}

/**/
.icns-mb-ab .icn {
	margin-bottom: -.1rem;
	background: #fff;
}

.icns-mb-1 .icn {
	margin-bottom: 1rem;
}

.icns-mb-2 .icn {
	margin-bottom: .2rem;
}

.icns-mb-3 .icn {
	margin-bottom: .3rem;
}

.icns-mb-4 .icn {
	margin-bottom: .4rem;
}

.icns-mb-5 .icn {
	margin-bottom: .5rem;
}

.icns-mb-6 .icn {
	margin-bottom: .6rem;
}

.icns-mb-7 .icn {
	margin-bottom: .7rem;
}

.icns-mb-8 .icn {
	margin-bottom: .8rem;
}

.icns-mb-9 .icn {
	margin-bottom: .9rem;
}

.icns-mb-10 .icn {
	margin-bottom: 1rem;
}

.icns-mb-15 .icn {
	margin-bottom: 1.5rem;
}

.icns-mb-20 .icn {
	margin-bottom: 2rem;
}

.icns-mb-25 .icn {
	margin-bottom: 2.5rem;
}

.icns-mb-30 .icn {
	margin-bottom: 3rem;
}

.icns-pad-5 .icn {
	padding: .5rem;
}

.icns-pad-10 .icn {
	padding: .5rem;
}

.icns-pad-15 .icn {
	padding: 1.5rem;
}

.icns-pad-20 .icn {
	padding: .5rem;
}

.icns-pad-25 .icn {
	padding: 2.5rem;
}

.icns-pad-30 .icn {
	padding: 3rem;
}

.icns-pad-35 .icn {
	padding: 3.5rem;
}

.icns-pad-40 .icn {
	padding: 4rem;
}

.icns-pad-45 .icn {
	padding: 4.5rem;
}

.icns-pad-50 .icn {
	padding: 5rem;
}

/**/
.icn-15,
.icns-15 .icn {
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.icn-20,
.icns-20 .icn {
	width: 2rem !important;
	height: 2rem !important;
}

.icn-25,
.icns-25 .icn {
	width: 2.5rem !important;
	height: 2.5rem !important;
}

.icn-30,
.icns-30 .icn {
	width: 3rem !important;
	height: 3rem !important;
}

.icn-35,
.icns-35 .icn {
	width: 3.5rem !important;
	height: 3.5rem !important;
	border-radius: 50%;
	background-color: #f9e6b3;
}

.icn-40,
.icns-40 .icn {
	width: 4rem !important;
	height: 4rem !important;
}

.icn-45,
.icns-45 .icn {
	width: 4.5rem !important;
	height: 4.5rem !important;
}

.icn-50,
.icns-50 .icn {
	width: 5rem !important;
	height: 5rem !important;
}

.icn-60,
.icns-60 .icn {
	width: 6rem !important;
	height: 6rem !important;

}

.icn-70,
.icns-70 .icn {
	width: 7rem !important;
	height: 7rem !important;
}

.icn-80,
.icns-80 .icn {
	width: 8rem !important;
	height: 8rem !important;
}

.icn-90,
.icns-90 .icn {
	
}

.icn-100,
.icns-100 .icn {
	width: 10rem !important;
	height: 10rem !important;
}

.icn-110,
.icns-110 .icn {
	width: 11rem !important;
	height: 11rem !important;
}

.icn-120,
.icns-120 .icn {
	width: 12rem !important;
	height: 12rem !important;
}

.icn-130,
.icns-130 .icn {
	width: 13rem !important;
	height: 13rem !important;
}

.icn-140,
.icns-140 .icn {
	width: 14rem !important;
	height: 14rem !important;
}

.icn-150,
.icns-150 .icn {
	width: 15rem !important;
	height: 15rem !important;
}

.icn-200,
.icns-200 .icn {
	width: 20rem !important;
	height: 20rem !important;
}

.icn-230,
.icns-230 .icn {
	width: 23rem !important;
	height: 23rem !important;
}

.icn-250,
.icns-250 .icn {
	width: 25rem !important;
	height: 25rem !important;
}

.icn-300,
.icns-300 .icn {
	width: 30rem !important;
	height: 30rem !important;
}

.icn-350,
.icns-350 .icn {
	width: 35rem !important;
	height: 35rem !important;
}

.icn-400,
.icns-400 .icn {
	width: 430rem !important;
	height: 40rem !important;
}

.icn-450,
.icns-450 .icn {
	width: 45rem !important;
	height: 45rem !important;
}

.icn-500,
.icns-500 .icn {
	width: 50rem !important;
	height: 50rem !important;
}

/**/
.icn i,
.icn span,
.icn .icn-caption {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.icn .icn-caption h4 {
	margin-top: 0;
	margin-bottom: 1rem;
}

.icn .icn-caption p {
	color: #999;
	margin-bottom: 0;
}

.icn p {
	margin-top: 1rem;
}

/*----------------------
	2.18 Block Title
------------------------*/
.block-title {
	text-align: center;
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1rem;
	position: relative;
	margin-bottom: 4.5rem;
	padding-bottom: 0;
}

.block-title.line-default {
	padding-bottom: 1.8rem;
}

.block-title h2 {
	font-size: 3.5rem;
	margin: 0;
	font-size: var(--block-title-size);
	font-weight: var(--block-title-weight);
	text-transform: var(--block-title-uppercase);
}

.block-title h2 strong {
	font-weight: bold;
}

.block-title h4 {
	color: var(--default);
	font-size: 1.4rem;
	margin-top: 1rem;
	margin-bottom: 1.3rem;
}

.block-title p {
	opacity: .8;
	margin-bottom: 0;
	margin-top: 1.2rem;
}

.block-title.text-left {
	margin-bottom: 3.5rem;
	margin-left: 0;
}

.block-title.text-left p {
	margin-left: 0;
}

.block-title.text-left.line-default:after,
.block-title.text-left.line-double:after,
.block-title.text-left.line-double:before {
	left: 0;
	margin-left: 0;
}

.block-title svg {
	margin-top: 1.5rem;
}

.block-title.block-title-1 {
	margin-bottom: 6rem;
}

.block-title.block-title-1:after {
	position: absolute;
	background-image: url('../images/img-heading.png');
	height: 1rem;
	width: 16rem;
	bottom: -2rem;
	content: '';
	margin-left: -8rem;
}

.block-title.text-left.block-title-1:after {
	margin-left: 0;
}

/*----------------------
	2.19 Page Title
------------------------*/
.page-title {
	padding: 0 !important;
}

.page-title .card {
	margin: 0;
	padding: 12rem 0;
}

.page-title .card h1 {
	text-transform: capitalize;
	font-size: var(--page-title-size);
	font-weight: 700;
}

.page-title .card .card-img-overlay {
	text-align: left;
	padding: 0;
}

.page-title .card p {
	font-size: 1.8rem;
}

.page-title-1 {
	padding: 6rem 0 0 0 !important;
}

.page-title-1 .shadow-3d {
	margin-bottom: -7rem;
}

.bgs-w,
.bgs-d,
.bgs-y,
.bgs-r,
.line-b,
.line-t {
	position: relative;
	overflow: visible !important;

}

.bgs-w:after,
.bgs-w:before,
.bgs-d:after,
.bgs-d:before,
.bgs-y:after,
.bgs-y:before,
.bgs-r:after,
.bgs-r:before {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	z-index: 1;
	height: 1.2rem;
	width: 100%;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center left;
}

.bgs-w:after {
	top: -1rem;
	background-image: url('../images/light-bg-bottom.png');
}

.bgs-w:before {
	bottom: -1rem;
	background-image: url('../images/light-bg-1.png');
}

.bgs-d:after {
	top: -1rem;
	background-image: url('../images/light-bg-bottomd.png');
}

.bgs-d:before {
	bottom: -1rem;
	/* background-image:url('../images/light-bg-1d.png'); */
}

.bgs-y:after {
	top: -1rem;
	background-image: url('../images/light-bg-bottomy.png');
}

.bgs-y:before {
	bottom: -1rem;
	background-image: url('../images/light-bg-1y.png');
}

.bgs-r:after {
	top: -1rem;
	background-image: url('../images/light-bg-bottomr.png');
}

.bgs-r:before {
	bottom: -1rem;
	background-image: url('../images/light-bg-1r.png');
}

.line-b:after,
.line-t:after {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	z-index: 1;
	height: .6rem;
	background-size: 50%;
	width: 100%;
	background-repeat: repeat-x;
}

.line-b:after {
	bottom: -.6rem;
	background-image: url('../images/line-w2.png');
}

.line-t:after {
	top: -.6rem;
	background-image: url('../images/line-w.png');
}

section.bgs-w+section[class*="bg--"] {
	margin-top: 0;
}

.cards .card.bgs-w:after {
	top: -1rem;
}

.cards .card.bgs-w:before {
	bottom: -.8rem;
}

/*----------------------
	2.20 Accordion
------------------------*/
.accordion .card .card-header {
	margin-bottom: 0;
}

.cards-border.accordion .card .card-header,
.cards-border .accordion .card .card-header {
	margin-bottom: -1px;
}

.cards-border .accordion .card .show {
	border-top: 1px solid #eee;
}

.accordion .card .card-header h5 {
	margin: 0 !important;
}

.accordion .card .card-header h5 a {
	display: block;
	position: relative;
}

.accordion .card .card-header-1 {
	border: none !important;
	padding: 0 !important;
}

.cards.accordion .card .card-body,
.cards .accordion .card .card-body {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.accordion-plus .card .card-header h5 a:after {
	position: absolute;
	top: .8rem;
	right: 0;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: 1.5rem;
	background: rgba(132, 132, 132, 0.85);
	height: .2rem;
	text-align: center;
}

.accordion-plus .card .card-header h5 a.collapsed:before {
	position: absolute;
	top: .2rem;
	right: .7rem;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: .2rem;
	background: rgba(132, 132, 132, 0.85);
	height: 1.4rem;
	text-align: center;
}

.accordion-plus-left .card .card-header h5 a:after {
	left: 3px;
	right: auto;
}

.accordion-plus-left .card .card-header h5 a {
	padding-left: 3rem;
}

.accordion-plus-left .card .card-header h5 a:before {
	left: .95rem;
	right: auto;
}

.accordion-plus-rotate .card .card-header h5 a:after {
	position: absolute;
	top: .9rem;
	right: 0rem;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: 1.6rem;
	background: rgba(132, 132, 132, 0.85);
	height: .2rem;
	text-align: center;
}

.accordion-plus-rotate .card .card-header h5 a:before {
	position: absolute;
	top: .2rem;
	right: .7rem;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: .2rem;
	background: rgba(132, 132, 132, 0.85);
	height: 1.6rem;
	text-align: center;

}

.accordion-plus-rotate .card .card-header h5 a:after,
.accordion-plus-rotate .card .card-header h5 a:before {
	transform: rotate(45deg);
}

.accordion-plus-rotate .card .card-header h5 a.collapsed:after,
.accordion-plus-rotate .card .card-header h5 a.collapsed:before {
	transform: rotate(0deg);
}

.accordion-arrow .card .card-header h5 a {
	padding-right: 3rem;
	text-transform: capitalize;
}

.accordion-arrow .card .card-header h5 a:after {
	position: absolute;
	top: .8rem;
	right: 0;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: 1rem;
	background: rgba(132, 132, 132, 0.85);
	height: .2rem;
	text-align: center;
	transform: rotate(-35deg);
}

.accordion-arrow .card .card-header h5 a:before {
	position: absolute;
	top: .8rem;
	right: .8rem;
	content: '';
	font-family: "El Messiri", sans-serif;
	color: #999;
	width: 1rem;
	background: rgba(132, 132, 132, 0.85);
	height: .2rem;
	text-align: center;
	transform: rotate(35deg);
}

.accordion-arrow .card .card-header h5 a:after,
.accordion-arrow .card .card-header h5 a:before {}

.accordion-arrow .card .card-header h5 a.collapsed:after,
.accordion-arrow .card .card-header h5 a.collapsed:before {
	transform: rotate(0deg);
}

/**/
.accordion-dot .card .card-header h5 a {
	padding-right: 3rem;
}

.accordion-dot .card .card-header h5 a:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '\f192';
	font-family: "El Messiri", sans-serif;
}

.accordion-dot .card .card-header h5 a.collapsed:after {
	content: '\f10c';
}

.cards-active-bg .card.active .card-header {
	background: var(--default) !important;
}

.cards-active-border .card.active {
	border: 1px solid #e5e5e5;
}

.accordion[class*="cards-pad-"] .card .card-body {
	padding: 0 !important;
}

/*----------------------
	2.21 Progress
------------------------*/

.progress-bar-thin .progress {
	height: 2px;
}

.progress-bar-border .progress {
	border: 1px solid #ddd;
	background: none;
	padding: 4px;
	height: 2rem;
}

.progress-bar-round .progress .progress-bar {
	border-radius: 3rem;
}

.progress-bar-round .progress {
	border-radius: 3rem;
}

.progress {
	overflow: visible !important
}

.progress-bar {
	position: relative;
}

.progress-desc {
	position: absolute;
	right: 0;
	top: -3rem;
	color: #333;
}

.progress-cir {
	width: 3rem;
	height: 3rem;
	background: #fff;
	border-radius: 3rem;
	position: absolute;
	right: -1.5rem;
	border: 5px solid #e5e5e5;
	top: 50%;
	z-index: 1;
	margin-top: -1.5rem;
}

.progress-group .progress-desc {
	right: -4rem;
	width: 8rem;
}

.progress-cir.active {
	border-color: #007bff;
	background: #fff;
}

.progress-animate .progress-bar {
	-webkit-animation: anima 4s linear;
	animation: anima 4s linear;
}

@-webkit-keyframes anima {
	from {
		width: 0;
	}
}

@keyframes anima {
	from {
		width: 0;
	}
}

@-webkit-keyframes load {
	0% {
		stroke-dashoffset: 0
	}
}

@-moz-keyframes 07 load {
	0% {
		stroke-dashoffset: 0
	}
}

@keyframes load {
	0% {
		stroke-dashoffset: 0
	}
}

/*----------------------
	2.22 Tabs
------------------------*/

.nav-tabs {
	border: 0;
}

.nav-tabs .ul-item i {
	display: none;
}

.nav-tabs .nav-item {
	padding: 0 !important;
	margin-bottom: 0;
}

.nav-item .nav-link {
	border-radius: 0;
	padding: 1.2rem 2.5rem;
	display: block;
	background: #fff;
	margin-right: .1rem;
	position: relative;
	border: none;
}

.nav-tabs .nav-item i {
	margin-right: .35rem;
}

.nav-tabs-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.nav-tabs-right {
	justify-content: flex-end;
}

.nav-tabs .nav-item .nav-link {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/**/
.nav.tabs-bg-f5 .nav-item .ul-item:not(.active) {
	background: #f5f5f5;
}

.nav.tabs-bg-e .nav-item .ul-item:not(.active) {
	background: #eee;
}

.nav.tabs-bg-3 .nav-item .ul-item:not(.active) {
	background: #333;
	color: #fff;
}

/**/
.nav.tabs-bg-active-f5 .nav-item .ul-item.active {
	background: #f5f5f5;
}

.nav.tabs-bg-active-e .nav-item .ul-item.active {
	background: #e5e5e5;
}

.nav.tabs-bg-active-3 .nav-item .ul-item.active {
	background: #333;
	color: #fff;
}

.nav.tabs-no-bg .nav-item .ul-item {
	background: none;
}

.tabs-rad li:first-child a {
	border-top-left-radius: .5rem;
}

.tabs-rad li:last-child a {
	border-top-right-radius: .5rem;
}

/**/
ul.tabs-border-1 .ul-item.active,
ul.tabs-border-1 .ul-item:hover {
	border-bottom: 2px solid #999;
}

/**/
ul.tabs-border-2 .nav-item .ul-item {
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	background: none;
}

ul.tabs-border-2 .nav-item .ul-item.active,
ul.tabs-border-2 .nav-item .ul-item:hover {
	background: #fff;
}

/**/
ul.tabs-border-3 .nav-item .ul-item.active,
ul.tabs-border-2 .nav-item .ul-item:hover {
	border: 1px solid #e5e5e5;
	border-bottom: 0;
}

.nav-tabs.tabs-1 .nav-item .ul-item {
	background: none;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3rem;
}

.nav-tabs.tabs-1 .nav-item .ul-item.active {
	color: #ccc;
}

/**/

.bgn {
	position: relative;
	z-index: 2;
}

.bgn:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	height: 4rem;
	width: 12rem;
	z-index: -1;
	background: #FFD830;
}

/*----------------------
	2.23 Dropdown
------------------------*/
.dropdown .dropdown-menu {
	border-radius: .4rem;
	padding: 0;
	box-shadow: 0 .1rem .3rem 0 #ccc;
	border: 0;
	min-width: 100%;
	margin-top: 0;
}

.dropdown-toggle {
	cursor: pointer;
}

.dropdown-toggle::after {
	display: none;
}

header .dropdown .dropdown-menu {
	padding: .8rem 0;
	box-shadow: .1rem .1rem .3rem 0 #ccc;
	border: 0;
	min-width: 2rem;
	margin-left: 0rem;
	left: 0;
	right: auto;
	background: #fff;
	min-width: 16rem;
	margin-top: 1.3rem;
}

.dropdown-150 .ul-item {
	width: 20rem;
}

/*----------------------
	2.24. Card
------------------------*/
.card,
.card-box {
	border: 0;
	background: none;
	border-radius: 0;
	width: 100%;
	position: relative;
}

.card-box>h3 {
	font-size: 1.8rem;
}

.card-box {
	background: #fff;
}

/**/
.card .card-header {
	background: none;
}

.card .card-header,
.card-box .card-box-header {
	padding: 2rem 0;
	border-bottom: 1px solid rgba(225, 225, 225, 0.7);
}

.card .card-header-1,
.card-box .card-box-header-1 {
	padding-top: 0;
	border: 0;
}

.card .card-header-2,
.card-box .card-box-header-2 {
	padding: 0 0 1.5rem 0;
	border-bottom: 1px solid rgba(225, 225, 225, 0.7);
	margin-bottom: 2rem;
}

.card .card-header h3,
.card-box .card-box-header h3,
.card .card-header h2,
.card-box .card-box-header h2 {
	margin: 0;
	font-size: var(--box-heading-size);
	font-weight: var(--box-heading-weight);
	text-transform: capitalize;
}

.card .card-header h2,
.card-box .card-box-header h2 {
	font-size: 2.2rem;
}

/**/
.card .card-body {}

.card .card-img-overlay {
	top: 50%;
	bottom: auto;
	padding: 0;
	width: 100%;
	text-align: center;
	z-index: 5;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/**/
.card-img-op {
	background: #000;
}

.card-img-op img {
	opacity: .8;
}

.card-img-op-1,
.card-img-op-2 {
	position: relative;
}

.card-img-op-1:after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: '';
	left: 0;
	right: 0;
	z-index: 1;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8));
}

.card-img-op-2:after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: '';
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .2);
}

/**/
.card .card-img {
	position: relative;
	overflow: hidden;
}

.card img,
.card-box img {
	width: 100%;
}

.card>img {
	margin-left: auto;
	margin-right: auto;
}

.cards-img-round .card img,
.cards-img-round .card .card-img {
	border-radius: 100rem;
}

.cards-img-round .card .card-img {
	border: 2rem solid #e5e5e5;
}

/**/
.card>i.fa {
	font-size: 5rem;
}

.card>i[class*="icon-"],
.card .media>i[class*="icon-"] {
	font-size: 5rem;
	line-height: .8;
}

.card>i[class*="icon-"],
.card .media>i[class*="icon-"] {
	font-size: 5rem;
}

.card .media>i {
	margin-right: 2rem;
}

.text-center .icn {
	margin: 0 auto;
	border-radius: 50%;
}

/**/
.card .card-title {
	margin: 0;
}

/**/
.card .card-body .card-subtitle {
	font-weight: 600;
	opacity: .7;
}

.card .card-body .card-subtitle-1 {
	font-size: 2.2rem;
	font-weight: 500;
}

/**/
.card-label {
	position: absolute;
	bottom: 0;
}

.card-label p,
.card-label h6 {
	margin: 0;
	padding: 1rem 2rem;
	font-size: 1.6rem;
	line-height: 1;
	background: #fff;
	font-weight: 700;
}

/**/
.card-price-group {}

.card-price {
	font-weight: 600;
	font-size: 1.6rem;
	color: var(--price);
	font-family: var(--font-price);
}

.card-price strong {}

.card-price span {
	color: #999;
	font-size: 1.3rem;
	font-weight: 500;
}

.card-price-old {
	color: #999;
	font-weight: 500;
	font-size: 1.6rem;
	text-decoration: line-through;
	line-height: 1;
	margin-left: 1rem;
}

.card-price-1 {
	display: inline-block;
	padding: 1.6rem 4rem 1.6rem 2.5rem;
	margin-right: -2rem;
	background: #fff;
	-ms-transform: skewX(-35deg);
	-webkit-transform: skewX(-35deg);
	transform: skewX(-35deg);
	border-top-left-radius: .4rem;
}

.card-price-1 span {
	font-size: 1.7rem;
	display: block;
	line-height: 1rem !important;
	font-weight: 600;
	-ms-transform: skewX(35deg);
	-webkit-transform: skewX(35deg);
	transform: skewX(35deg);
}

.card-price-2 {
	font-size: 5rem;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}

.card-price-2 span {
	font-size: 2.5rem;
	font-weight: inherit;
	color: #999;
	font-weight: 300;
}

/**/
.card .card-date {
	font-size: 1.1rem;
	font-weight: 600;
	opacity: .6;
	text-transform: uppercase
}

.card-date i {
	margin-right: .5rem;
}

.card .media .card-date {
	font-size: 1rem;
}

/**/
.card .card-body .card-category {
	text-transform: uppercase;
	font-weight: 600;
}

/**/
.cards .card .card-body .card-text {}

/**/
.card .card-footer {
	padding: 0;
	background: none;
	border-top: 1px solid #e5e5e5;
}

.card .card-footer p {
	margin: 0;
	font-size: 1.5rem;
}

/**/
.card .card-body {
	padding: 0;
}

/**/
.cards .card,
.card-box {
	margin-bottom: 3rem;
	background-color: #fff;
	border-radius: .5rem;
	overflow: hidden;
	display: block;
}

.cards [class*='cards-pad'][class*='column-'] .card,
.cards[class*='cards-pad'] [class*='column-'] .card {
	display: inline-block;
}

.cards .card-body>*,
.cards .card .card-img-overlay>* {
	margin-bottom: 2rem;
	margin-top: 0;
}

.cards .card .card-body>*:last-child,
.cards .card .card-img-overlay>*:last-child,
div[class*='space-']>*:last-child {
	margin-bottom: 0 !important;
}

.cards .card .card-body .card-date {
	line-height: 1.4rem !important;
}

.card .btn {
	margin-bottom: 0 !important;
}

.cards .card .btn {
	margin-top: .2rem;
}

.card .card-body {
	padding-top: 0;
}

.card .card-img+.card-body,
.card img+.card-body,
.card i+.card-body,
.card .icn+.card-body {
	padding-top: 2rem;
}

.cards .card .card-body>span,
.cards .card .card-img-overlay>span,
[class*='space-']>span {
	display: block;
}

div[class*='space-'] p,
.card .card-body p,
.card .card-img-overlay p {
	margin-top: -.5rem;
}

.cards .card .card-body .d-flex>.card-title,
.cards .card .card-body .inline-m>.card-title {
	line-height: 1;
}

.cards .card .card-body ul+p {
	margin-top: .5rem;
}

.cards-img-op .card {
	background: #000;
}

.cards-img-op .card img {
	opacity: .8;
}

/**/
.cards.cards-padd-10 .card .card-body,
.cards.cards-padd-10 .card .card-img-overlay,
.cards-padd-10 .card .card-header,
.cards-padd-10 .card .card-footer,
.cards-padd-10 .card .card-img,
.cards-box-padd-10 .card-box .card-box-body,
.cards.cards-img-padd-10 .card-img {
	padding: 1rem;
}

.cards.cards-padd-15 .card .card-body,
.cards.cards-padd-15 .card .card-img-overlay,
.cards-padd-15 .card .card-header,
.cards-padd-15 .card .card-footer,
.cards-padd-15 .card .card-img,
.cards-box-padd-15 .card-box .card-box-body,
.cards.cards-img-padd-15 .card-img {
	padding: 1.5rem;
}

.cards.cards-padd-20 .card .card-body,
.cards.cards-padd-20 .card .card-img-overlay,
.cards-padd-20 .card .card-header,
.cards-padd-20 .card .card-footer,
.cards-padd-20 .card .card-img,
.cards-box-padd-20 .card-box .card-box-body,
.cards.cards-img-padd-20 .card-img {
	padding: 2rem;
}

.cards.cards-padd-25 .card .card-body,
.cards.cards-padd-25 .card .card-img-overlay,
.cards-padd-25 .card .card-header,
.cards-padd-25 .card .card-footer,
.cards-padd-25 .card .card-img,
.cards-box-padd-25 .card-box .card-box-body,
.cards.cards-img-padd-25 .card-img {
	padding: 2.5rem;
}

.cards.cards-padd-30 .card .card-body,
.cards.cards-padd-30 .card .card-img-overlay,
.cards-padd-30 .card .card-header,
.cards-padd-30 .card .card-footer,
.cards-padd-30 .card .card-img,
.cards-box-padd-30 .card-box .card-box-body,
.cards.cards-img-padd-30 .card-img {
	padding: 3rem;
}

.cards.cards-padd-35 .card .card-body,
.cards.cards-padd-35 .card .card-img-overlay,
.cards-padd-35 .card .card-header,
.cards-padd-35 .card .card-footer,
.cards-padd-35 .card .card-img,
.cards-box-padd-35 .card-box .card-box-body,
.cards.cards-img-padd-35 .card-img {
	padding: 3.5rem;
}

.cards.cards-padd-40 .card .card-body,
.cards.cards-padd-40 .card .card-img-overlay,
.cards-padd-40 .card .card-header,
.cards-padd-40 .card .card-footer,
.cards-padd-40 .card .card-img,
.cards-box-padd-40 .card-box .card-box-body,
.cards.cards-img-padd-40 .card-img {
	padding: 4rem;
}

.cards.cards-padd-45 .card .card-body,
.cards.cards-padd-45 .card .card-img-overlay,
.cards-padd-45 .card .card-header,
.cards-padd-45 .card .card-footer,
.cards-padd-45 .card .card-img,
.cards-box-padd-45 .card-box .card-box-body,
.cards.cards-img-padd-45 .card-img {
	padding: 4.5rem;
}

.cards.cards-padd-50 .card .card-body,
.cards.cards-padd-50 .card .card-img-overlay,
.cards-padd-50 .card .card-header,
.cards-padd-50 .card .card-footer,
.cards-padd-50 .card .card-img,
.cards-box-padd-50 .card-box .card-box-body,
.cards.cards-img-padd-50 .card-img {
	padding: 5rem;
}

/**/
.cards-padd-10 .card .card-header,
.cards-padd-10 .card .card-footer,
.cards-box-padd-10 .card-box .card-box-header {
	padding: .5rem 1rem .5rem 1rem;
}

.cards-padd-15 .card .card-header,
.cards-padd-15 .card .card-footer,
.cards-box-padd-15 .card-box .card-box-header {
	padding: 1.2rem 1.5rem 1.2rem 1.5rem;
}

.cards-padd-20 .card .card-header,
.cards-padd-20 .card .card-footer,
.cards-box-padd-20 .card-box .card-box-header {
	padding: 1.3rem 2rem 1.3rem 2rem;
}

.cards-padd-25 .card .card-header,
.cards-padd-25 .card .card-footer,
.cards-box-padd-25 .card-box .card-box-header {
	padding: 1.5rem 2.5rem 1.5rem 2.5rem;
}

.cards-padd-30 .card .card-header,
.cards-padd-30 .card .card-footer,
.cards-box-padd-30 .card-box .card-box-header {
	padding: 1.5rem 3rem 1.5rem 3rem;
}

.cards-padd-35 .card .card-header,
.cards-padd-35 .card .card-footer,
.cards-box-padd-35 .card-box .card-box-header {
	padding: 2rem 3.5rem 2rem 3.5rem;
}

.cards-padd-40 .card .card-header,
.cards-padd-40 .card .card-footer,
.cards-box-padd-40 .card-box .card-box-header {
	padding: 2rem 4rem 2rem 4rem;
}

.cards-padd-45 .card .card-header,
.cards-padd-45 .card .card-footer,
.cards-box-padd-45 .card-box .card-box-header {
	padding: 2.5rem 4.5rem 2.5rem 4.5rem;
}

.cards-padd-50 .card .card-header,
.cards-padd-50 .card .card-footer,
.cards-box-padd-50 .card-box .card-box-header {
	padding: 2.5rem 5rem 2.5rem 5rem;
}

.cards-padd-0 .card .card-body,
.cards-padd-0 .card .card-header,
.cards-padd-0 .card .card-footer,
.cards-box-padd-0 .card-box .card-box-header {
	padding-left: 0;
	padding-right: 0;
}

.cards-paddd-5 .card .card-header,
.cards-box-paddd-5 .card-box .card-box-header {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.cards-paddd-6 .card .card-header,
.cards-box-paddd-6 .card-box .card-box-header {
	padding-top: .6rem;
	padding-bottom: .6rem;
}

.cards-paddd-7 .card .card-header,
.cards-box-paddd-7 .card-box .card-box-header {
	padding-top: .7rem;
	padding-bottom: .7rem;
}

.cards-paddd-8 .card .card-header,
.cards-box-paddd-8 .card-box .card-box-header {
	padding-top: .8rem;
	padding-bottom: .8rem;
}

.cards-paddd-9 .card .card-header,
.cards-box-paddd-9 .card-box .card-box-header {
	padding-top: .9rem;
	padding-bottom: .9rem;
}

.cards-paddd-10 .card .card-header,
.cards-box-paddd-10 .card-box .card-box-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.cards-paddd-11 .card .card-header,
.cards-box-paddd-11 .card-box .card-box-header {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
}

.cards-paddd-12 .card .card-header,
.cards-box-paddd-12 .card-box .card-box-header {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.cards-paddd-13 .card .card-header,
.cards-box-paddd-13 .card-box .card-box-header {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
}

.cards-paddd-14 .card .card-header,
.cards-box-paddd-14 .card-box .card-box-header {
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}

.cards-paddd-15 .card .card-header,
.cards-box-paddd-15 .card-box .card-box-header {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.cards-paddd-16 .card .card-header,
.cards-box-paddd-16 .card-box .card-box-header {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}

.cards-paddd-17 .card .card-header,
.cards-box-paddd-17 .card-box .card-box-header {
	padding-top: 1.7rem;
	padding-bottom: 1.7rem;
}

.cards-paddd-18 .card .card-header,
.cards-box-paddd-18 .card-box .card-box-header {
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
}

.cards-paddd-19 .card .card-header,
.cards-box-paddd-19 .card-box .card-box-header {
	padding-top: 1.9rem;
	padding-bottom: 1.9rem;
}

.cards-paddd-20 .card .card-header,
.cards-box-paddd-20 .card-box .card-box-header {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

[class*="cards-padd-"] .card .card-img {
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}

[class*="cards-padd-"] .card .card-img .relative {
	overflow: hidden;
}

/**/
.cards.cards-pad-10 .card,
.cards-box-pad-10 .card-box {
	padding: 1rem;
}

.cards.cards-pad-15 .card,
.cards-box-pad-15 .card-box {
	padding: 1.5rem;
}

.cards.cards-pad-20 .card,
.cards-box-pad-20 .card-box {
	padding: 2rem;
}

.cards.cards-pad-25 .card,
.cards-box-pad-25 .card-box {
	padding: 2.5rem;
}

.cards.cards-pad-30 .card,
.cards-box-pad-30 .card-box {
	padding: 3rem;
}

.cards.cards-pad-35 .card,
.cards-box-pad-35 .card-box {
	padding: 3.5rem;
}

.cards.cards-pad-40 .card,
.cards-box-pad-40 .card-box {
	padding: 4rem;
}

.cards.cards-pad-45 .card,
.cards-box-pad-45 .card-box {
	padding: 4.5rem;
}

.cards.cards-pad-50 .card,
.cards-box-pad-50 .card-box {
	padding: 5rem;
}

.cards.cards-pad-55 .card,
.cards-box-pad-55 .card-box {
	padding: 5.5rem;
}

.cards.cards-pad-60 .card,
.cards-box-pad-60 .card-box {
	padding: 6rem;
}

.cards.cards-pad-65 .card,
.cards-box-pad-65 .card-box {
	padding: 6.5rem;
}

.cards.cards-pad-70 .card,
.cards-box-pad-70 .card-box {
	padding: 7rem;
}

.cards.cards-pad-75 .card,
.cards-box-pad-75 .card-box {
	padding: 7.5rem;
}

.cards.cards-pad-80 .card,
.cards-box-pad-80 .card-box {
	padding: 8rem;
}

.cards.cards-pad-85 .card,
.cards-box-pad-85 .card-box {
	padding: 8.5rem;
}

.cards.cards-pad-90 .card,
.cards-box-pad-90 .card-box {
	padding: 9rem;
}

.cards.cards-pad-95 .card,
.cards-box-pad-95 .card-box {
	padding: 6rem;
}

.cards.cards-pad-100 .card,
.cards-box-pad-100 .card-box {
	padding: 10rem;
}

.cards-pad-10 .card .card-header:not([class*="bg-"]),
.cards-box-pad-10 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 1rem 0;
	margin-bottom: 1rem;
}

.cards-pad-15 .card .card-header:not([class*="bg-"]),
.cards-box-pad-15 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 1.5rem 0;
	margin-bottom: 1.5rem;
}

.cards-pad-20 .card .card-header:not([class*="bg-"]),
.cards-box-pad-20 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 1.5rem 0;
	margin-bottom: 1.5rem;
	margin-top: -.5rem;
}

.cards-pad-25 .card .card-header:not([class*="bg-"]),
.cards-box-pad-25 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2rem 0;
	margin-bottom: 2.5rem;
	margin-top: -.5rem;
}

.cards-pad-30 .card .card-header:not([class*="bg-"]),
.cards-box-pad-30 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2rem 0;
	margin-bottom: 2rem;
	margin-top: -1rem;
}

.cards-pad-35 .card .card-header:not([class*="bg-"]),
.cards-box-pad-35 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2rem 0;
	margin-bottom: 2rem;
	margin-top: -1.5rem;
}

.cards-pad-40 .card .card-header:not([class*="bg-"]),
.cards-box-pad-40 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2.5rem 0;
	margin-bottom: 2rem;
	margin-top: -1.5rem;
}

.cards-pad-45 .card .card-header:not([class*="bg-"]),
.cards-box-pad-45 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2.5rem 0;
	margin-bottom: 2rem;
	margin-top: -2rem;
}

.cards-pad-50 .card .card-header:not([class*="bg-"]),
.cards-box-pad-50 .card-box .card-box-header:not([class*="bg-"]) {
	padding: 0 0 2.5rem 0;
	margin-bottom: 2rem;
	margin-top: -2.5rem;
}

[class*="cards-pad-"] .card .card-header.no-border,
[class*="cards-box-pad-"] .card-box .card-box-header.no-border {
	margin-bottom: 0;
}

/**/
.cards.cards-lr-5 .card,
.cards.cards-body-lr-5 .card .card-body,
.cards.cards-overlay-lr-5 .card .card-img-overlay {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}

.cards.cards-lr-10 .card,
.cards.cards-body-lr-10 .card .card-body,
.cards.cards-overlay-lr-10 .card .card-img-overlay {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.cards.cards-lr-15 .card,
.cards.cards-body-lr-15 .card .card-body,
.cards.cards-overlay-lr-15 .card .card-img-overlay {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.cards.cards-lr-20 .card,
.cards.cards-body-lr-20 .card .card-body,
.cards.cards-overlay-lr-20 .card .card-img-overlay {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.cards.cards-lr-25 .card,
.cards.cards-body-lr-25 .card .card-body,
.cards.cards-overlay-lr-25 .card .card-img-overlay {
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
}

.cards.cards-lr-30 .card,
.cards.cards-body-lr-30 .card .card-body,
.cards.cards-overlay-lr-30 .card .card-img-overlay {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.cards.cards-lr-35 .card,
.cards.cards-body-lr-35 .card .card-body,
.cards.cards-overlay-lr-35 .card .card-img-overlay {
	padding-left: 3.5rem !important;
	padding-right: 3.5rem !important;
}

.cards.cards-lr-40 .card,
.cards.cards-body-lr-40 .card .card-body,
.cards.cards-overlay-lr-40 .card .card-img-overlay {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.cards.cards-lr-45 .card,
.cards.cards-body-lr-45 .card .card-body,
.cards.cards-overlay-lr-45 .card .card-img-overlay {
	padding-left: 4.5rem !important;
	padding-right: 4.5rem !important;
}

.cards.cards-lr-50 .card,
.cards.cards-body-lr-50 .card .card-body,
.cards.cards-overlay-lr-50 .card .card-img-overlay {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}

/**/
.cards.cards-tb-5 .card,
.cards.cards-body-tb-5 .card .card-body,
.cards.cards-overlay-tb-5 .card .card-img-overlay {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
}

.cards.cards-tb-10 .card,
.cards.cards-body-tb-10 .card .card-body,
.cards.cards-overlay-tb-10 .card .card-img-overlay {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.cards.cards-tb-11 .card,
.cards.cards-body-tb-11 .card .card-body,
.cards.cards-overlay-tb-11 .card .card-img-overlay {
	padding-top: 1.1rem !important;
	padding-bottom: 1.1rem !important;
}

.cards.cards-tb-12 .card,
.cards.cards-body-tb-12 .card .card-body,
.cards.cards-overlay-tb-12 .card .card-img-overlay {
	padding-top: 1.2rem !important;
	padding-bottom: 1.2rem !important;
}

.cards.cards-tb-13 .card,
.cards.cards-body-tb-13 .card .card-body,
.cards.cards-overlay-tb-13 .card .card-img-overlay {
	padding-top: 1.3rem !important;
	padding-bottom: 1.3rem !important;
}

.cards.cards-tb-14 .card,
.cards.cards-body-tb-14 .card .card-body,
.cards.cards-overlay-tb-14 .card .card-img-overlay {
	padding-top: 1.4rem !important;
	padding-bottom: 1.4rem !important;
}

.cards.cards-tb-15 .card,
.cards.cards-body-tb-15 .card .card-body,
.cards.cards-overlay-tb-15 .card .card-img-overlay {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.cards.cards-tb-16 .card,
.cards.cards-body-tb-16 .card .card-body,
.cards.cards-overlay-tb-16 .card .card-img-overlay {
	padding-top: 1.6rem !important;
	padding-bottom: 1.6rem !important;
}

.cards.cards-tb-17 .card,
.cards.cards-body-tb-17 .card .card-body,
.cards.cards-overlay-tb-17 .card .card-img-overlay {
	padding-top: 1.7rem !important;
	padding-bottom: 1.7rem !important;
}

.cards.cards-tb-18 .card,
.cards.cards-body-tb-18 .card .card-body,
.cards.cards-overlay-tb-18 .card .card-img-overlay {
	padding-top: 1.8rem !important;
	padding-bottom: 1.8rem !important;
}

.cards.cards-tb-19 .card,
.cards.cards-body-tb-19 .card .card-body,
.cards.cards-overlay-tb-19 .card .card-img-overlay {
	padding-top: 1.9rem !important;
	padding-bottom: 1.9rem !important;
}

.cards.cards-tb-20 .card,
.cards.cards-body-tb-20 .card .card-body,
.cards.cards-overlay-tb-20 .card .card-img-overlay {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.cards.cards-tb-25 .card,
.cards.cards-body-tb-25 .card .card-body,
.cards.cards-overlay-tb-25 .card .card-img-overlay {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}

.cards.cards-tb-30 .card,
.cards.cards-body-tb-30 .card .card-body,
.cards.cards-overlay-tb-30 .card .card-img-overlay {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.cards.cards-tb-35 .card,
.cards.cards-body-tb-35 .card .card-body,
.cards.cards-overlay-tb-35 .card .card-img-overlay {
	padding-top: 3.5rem !important;
	padding-bottom: 3.5rem !important;
}

.cards.cards-tb-40 .card,
.cards.cards-body-tb-40 .card .card-body,
.cards.cards-overlay-tb-40 .card .card-img-overlay {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.cards.cards-tb-45 .card,
.cards.cards-body-tb-45 .card .card-body,
.cards.cards-overlay-tb-45 .card .card-img-overlay {
	padding-top: 4.5rem !important;
	padding-bottom: 4.5rem !important;
}

.cards.cards-tb-50 .card,
.cards.cards-body-tb-50 .card .card-body,
.cards.cards-overlay-tb-50 .card .card-img-overlay {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.cards.cards-tb-60 .card,
.cards.cards-body-tb-60 .card .card-body,
.cards.cards-overlay-tb-60 .card .card-img-overlay {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}

.cards.cards-tb-70 .card,
.cards.cards-body-tb-70 .card .card-body,
.cards.cards-overlay-tb-70 .card .card-img-overlay {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
}

.cards.cards-tb-80 .card,
.cards.cards-body-tb-80 .card .card-body,
.cards.cards-overlay-tb-80 .card .card-img-overlay {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.cards.cards-tb-90 .card,
.cards.cards-body-tb-90 .card .card-body,
.cards.cards-overlay-tb-90 .card .card-img-overlay {
	padding-top: 9rem !important;
	padding-bottom: 9rem !important;
}

.cards.cards-tb-100 .card,
.cards.cards-body-tb-100 .card .card-body,
.cards.cards-overlay-tb-100 .card .card-img-overlay {
	padding-top: 10rem !important;
	padding-bottom: 10rem !important;
}

.cards[class*="cards-body-tb"][class*="cards-pad-"] .card .card-body {
	padding-bottom: 0 !important;
}

.cards[class*="cards-body-rad"] .card {
	background: none;
}

.cards[class*="cards-body-rad"] .card .card-body {
	background: #fff;
	color: #333;
}

/**/
.cards.cards-mb-ab .card,
.cards-box-mb-ab .card-box {
	margin-bottom: -.1rem !important;
}

.cards.cards-mb-0 .card,
.cards-box-mb-0 .card-box,
.form-mb-0 .form-group {
	margin-bottom: 0 !important;
}

.cards.cards-mb-1 .card,
.cards-box-mb-1 .card-box,
.form-mb-1 .form-group {
	margin-bottom: .1rem !important;
}

.cards.cards-mb-2 .card,
.cards-box-mb-2 .card-box,
.form-mb-2 .form-group {
	margin-bottom: .2rem !important;
}

.cards.cards-mb-3 .card,
.cards-box-mb-3 .card-box,
.form-mb-3 .form-group {
	margin-bottom: .3rem !important;
}

.cards.cards-mb-4 .card,
.cards-box-mb-4 .card-box,
.form-mb-4 .form-group {
	margin-bottom: .4rem !important;
}

.cards.cards-mb-5 .card,
.cards-box-mb-5 .card-box,
.form-mb-5 .form-group {
	margin-bottom: .5rem !important;
}

.cards.cards-mb-10 .card,
.cards-box-mb-10 .card-box,
.form-mb-10 .form-group {
	margin-bottom: 1rem !important;
}

.cards.cards-mb-15 .card,
.cards-box-mb-15 .card-box,
.form-mb-15 .form-group {
	margin-bottom: 1.5rem !important;
}

.cards.cards-mb-20 .card,
.cards-box-mb-20 .card-box,
.form-mb-20 .form-group {
	margin-bottom: 2rem !important;
}

.cards.cards-mb-25 .card,
.cards-box-mb-25 .card-box,
.form-mb-25 .form-group {
	margin-bottom: 2.5rem !important;
}

.cards.cards-mb-30 .card,
.cards-box-mb-30 .card-box,
.form-mb-30 .form-group {
	margin-bottom: 3rem !important;
}

.cards.cards-mb-35 .card,
.cards-box-mb-35 .card-box,
.form-mb-35 .form-group {
	margin-bottom: 3.5rem !important;
}

.cards.cards-mb-40 .card,
.cards-box-mb-40 .card-box,
.form-mb-4 .form-group {
	margin-bottom: 4rem !important;
}

.cards.cards-mb-45 .card,
.cards-box-mb-45 .card-box,
.form-mb-45 .form-group {
	margin-bottom: 4.5rem !important;
}

.cards.cards-mb-50 .card,
.cards-box-mb-50 .card-box,
.form-mb-50 .form-group {
	margin-bottom: 5rem !important;
}

.cards.cards-mb-55 .card,
.cards-box-mb-55 .card-box,
.form-mb-55 .form-group {
	margin-bottom: 5.5rem !important;
}

.cards.cards-mb-60 .card,
.cards-box-mb-60 .card-box,
.form-mb-60 .form-group {
	margin-bottom: 6rem !important;
}

.cards.cards-mb-65 .card,
.cards-box-mb-65 .card-box,
.form-mb-65 .form-group {
	margin-bottom: 6.5rem !important;
}

.cards.cards-mb-70 .card,
.cards-box-mb-70 .card-box,
.form-mb-70 .form-group {
	margin-bottom: 7rem !important;
}

.cards.cards-mb-75 .card,
.cards-box-mb-75 .card-box,
.form-mb-75 .form-group {
	margin-bottom: 7.5rem !important;
}

.cards.cards-mb-80 .card,
.cards-box-mb-80 .card-box,
.form-mb-80 .form-group {
	margin-bottom: 8rem !important;
}

[class*="cards-mb-"]>.card:last-child,
[class*="cards-box-mb-"]>.card-box:last-child,
.cards>.card:last-child {
	margin-bottom: 0 !important;
}

/**/
.cards.cards-border .card,
.cards.cards-body-border .card-body,
.cards-box-border .card-box,
.cards.cards-img-border .card-img {
	border: 1px solid #e5e5e5;
}

.cards.cards-border .accordion .card,
.cards.cards-border.accordion .card {
	border: 1px solid #e5e5e5 !important;
}

.cards.cards-border-b .card,
.cards-box-border-b .card-box {
	border-bottom: 1px solid #e5e5e5 !important;
	border-radius: 0;
}

.cards.cards-border-b .card:last-child,
.cards-box-border-b .card-box:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.cards.cards-no-border .card,
.cards-box-no-border .card-box {
	border: 0;
}

/**/

.cards-shadow-1 .card,
.box-shadow-1,
.cards-body-shadow-1 .card-body,
.cards-box-shadow-1 .card-box,
.icns-shadow-1 .icn {
	box-shadow: 0 .05rem .1rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-2 .card,
.box-shadow-2,
.cards-body-shadow-2 .card-body,
.cards-box-shadow-2 .card-box,
.icns-shadow-2 .icn {
	box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-3 .card,
.box-shadow-3,
.cards-body-shadow-3 .card-body,
.cards-box-shadow-3 .card-box,
.icns-shadow-3 .icn {
	box-shadow: 0 .2rem .3rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-4 .card,
.box-shadow-4,
.cards-body-shadow-4 .card-body,
.cards-box-shadow-4 .card-box,
.icns-shadow-4 .icn {
	box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-5 .card,
.box-shadow-5,
.cards-body-shadow-5 .card-body,
.cards-box-shadow-5 .card-box,
.icns-shadow-5 .icn {
	box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-6 .card,
.box-shadow-6,
.cards-body-shadow-6 .card-body,
.cards-box-shadow-6 .card-box,
.icns-shadow-6 .icn {
	box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.08);
}

.cards-shadow-7 .card,
.box-shadow-7,
.cards-body-shadow-7 .card-body,
.cards-box-shadow-7 .card-box,
.icns-shadow-7 .icn {
	box-shadow: 0 .3rem .7rem 0 rgba(0, 0, 0, 0.08);
}

.cards-shadow-8 .card,
.box-shadow-8,
.cards-body-shadow-8 .card-body,
.cards-box-shadow-8 .card-box,
.icns-shadow-8 .icn {
	box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, 0.08);
}

.cards-shadow-9 .card,
.box-shadow-9,
.cards-body-shadow-9 .card-body,
.cards-box-shadow-9 .card-box,
.icns-shadow-9 .icn {
	box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.08);
}

.cards-shadow-10 .card,
.box-shadow-10,
.cards-body-shadow-10 .card-body,
.cards-box-shadow-10 .card-box,
.icns-shadow-10 .icn {
	box-shadow: 0 .7rem 1.5rem 0 rgba(0, 0, 0, 0.1);
}

.cards-shadow-11 .card,
.box-shadow-11,
.cards-body-shadow-11 .card-body,
.cards-box-shadow-11 .card-box,
.icns-shadow-11 .icn {
	box-shadow: 0 .7rem 2rem 0 rgba(0, 0, 0, 0.2);
}

.cards-shadow-12 .card,
.box-shadow-12,
.cards-body-shadow-12 .card-body,
.cards-box-shadow-12 .card-box,
.icns-shadow-12 .icn {
	box-shadow: 0 1rem 2.5rem 0 rgba(0, 0, 0, 0.2);
}

.cards-shadow-15 .card,
.box-shadow-15,
.cards-body-shadow-15 .card-body,
.cards-box-shadow-15 .card-box,
.icns-shadow-15 .icn {
	box-shadow: 0 1rem 4rem 0 rgba(0, 0, 0, 0.3);
}

.cards-shadow-20 .card,
.box-shadow-20,
.cards-body-shadow-20 .card-body,
.cards-box-shadow-20 .card-box,
.icns-shadow-20 .icn {
	box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.3);
}

.cards-no-shadow .card,
.cards-body-no-shadow .card-body,
.cards-box-no-shadow .card-box {
	box-shadow: none;
}

[class*=" box-shadow-"] {
	background: #fff;
}

/**/
[class*="cards-rad-"] .card {
	overflow: hidden;
}

[class*="cards-rad-"] [class*="col-count-"] .card {
	overflow: visible;
}

.cards-rad-1 .card,
.cards-body-rad-1 .card-body,
.cards-box-rad-1 .card-box,
.cards.cards-img-rad-1 .card-img {
	border-radius: .1rem;
}

.cards-rad-2 .card,
.cards-body-rad-2 .card-body,
.cards-box-rad-2 .card-box,
.cards.cards-img-rad-2 .card-img {
	border-radius: .2rem;
}

.cards-rad-3 .card,
.cards-body-rad-3 .card-body,
.cards-box-rad-3 .card-box,
.cards.cards-img-rad-3 .card-img {
	border-radius: .3rem;
}

.cards-rad-4 .card,
.cards-body-rad-4 .card-body,
.cards-box-rad-4 .card-box,
.cards.cards-img-rad-4 .card-img {
	border-radius: .4rem;
}

.cards-rad-5 .card,
.cards-body-rad-5 .card-body,
.cards-box-rad-5 .card-box,
.cards.cards-img-rad-5 .card-img {
	border-radius: .5rem;
}

.cards-rad-6 .card,
.cards-body-rad-6 .card-body,
.cards-box-rad-6 .card-box,
.cards.cards-img-rad-6 .card-img {
	border-radius: .6rem;
}

.cards-rad-7 .card,
.cards-body-rad-7 .card-body,
.cards-box-rad-7 .card-box,
.cards.cards-img-rad-7 .card-img {
	border-radius: .7rem;
}

.cards-rad-8 .card,
.cards-body-rad-8 .card-body,
.cards-box-rad-8 .card-box,
.cards.cards-img-rad-8 .card-img {
	border-radius: .8rem;
}

.cards-rad-9 .card,
.cards-body-rad-9 .card-body,
.cards-box-rad-9 .card-box,
.cards.cards-img-rad-9 .card-img {
	border-radius: .9rem;
}

.cards-rad-10 .card,
.cards-body-rad-10 .card-body,
.cards-box-rad-10 .card-box,
.cards.cards-img-rad-10 .card-img {
	border-radius: 1rem;
}

.cards-rad-11 .card,
.cards-body-rad-11 .card-body,
.cards-box-rad-11 .card-box,
.cards.cards-img-rad-11 .card-img {
	border-radius: 1.1rem;
}

.cards-rad-12 .card,
.cards-body-rad-12 .card-body,
.cards-box-rad-12 .card-box,
.cards.cards-img-rad-12 .card-img {
	border-radius: 1.2rem;
}

.cards-rad-13 .card,
.cards-body-rad-13 .card-body,
.cards-box-rad-13 .card-box,
.cards.cards-img-rad-13 .card-img {
	border-radius: 1.3rem;
}

.cards-rad-14 .card,
.cards-body-rad-14 .card-body,
.cards-box-rad-14 .card-box,
.cards.cards-img-rad-14 .card-img {
	border-radius: 1.4rem;
}

.cards-rad-15 .card,
.cards-body-rad-15 .card-body,
.cards-box-rad-15 .card-box,
.cards.cards-img-rad-15 .card-img {
	border-radius: 1.5rem;
}

.cards-rad-500 .card,
.cards-rad-500 .card img,
.cards-rad-500 .card [class*="card-img"],
.cards-body-rad-500 .card-body,
.cards-box-rad-500 .card-box,
.cards.cards-img-rad-500 .card-img {
	border-radius: 500rem;
}

.cards[class*="cards-no-rad"] .card,
[class*="cards-box-no-rad"] .card-box {
	border-radius: 0;
}

/**/
.cards.cards-bg-f .card,
.cards.cards-body-bg-f .card .card-body,
.cards-box-bg-f .card-box,
.cards.cards-img-bg-f .card-img {
	background: #fff;
	color: #333;
}

.cards.cards-bg-fd .card,
.cards.cards-body-bg-fd .card .card-body,
.cards-box-bg-fd .card-box,
.cards.cards-img-bg-fd .card-img {
	background: #fdfdfd;
}

.cards.cards-bg-fa .card,
.cards.cards-body-bg-fa .card .card-body,
.cards-box-bg-fa .card-box,
.cards.cards-img-bg-fa .card-img {
	background: #fafafa;
}

.cards.cards-bg-f5 .card,
.cards.cards-body-bg-f5 .card .card-body,
.cards-box-bg-f5 .card-box,
.cards.cards-img-bg-f5 .card-img {
	background: #f5f5f5;
}

.cards.cards-bg-e .card,
.cards.cards-body-bg-e .card .card-body,
.cards-box-bg-e .card-box,
.cards.cards-img-bg-e .card-img {
	background: #eee;
}

.cards.cards-bg-1 .card,
.cards.cards-body-bg-1 .card .card-body,
.cards-box-bg-1 .card-box,
.cards.cards-img-bg-1 .card-img {
	background: #111;
}

.cards.cards-bg-2 .card,
.cards.cards-body-bg-2 .card .card-body,
.cards-box-bg-2 .card-box,
.cards.cards-img-bg-2 .card-img {
	background: #222;
}

.cards.cards-bg-3 .card,
.cards.cards-body-bg-3 .card .card-body,
.cards-box-bg-3 .card-box,
.cards.cards-img-bg-3 .card-img {
	background: #333;
}

.cards.cards-bg-4 .card,
.cards.cards-body-bg-4 .card .card-body,
.cards-box-bg-4 .card-box,
.cards.cards-img-bg-4 .card-img {
	background: #444;
}

.cards.cards-no-bg .card,
.cards.cards-body-no-bg.card .card-body,
.cards-box-no-bg .card-box,
.cards.cards-img-no-bg .card-img {
	background: none;
}

/**/
.cards.cards-title-10 .card-title {
	font-size: 1rem;
}

.cards.cards-title-11 .card-title {
	font-size: 1.1rem;
}

.cards.cards-title-12 .card-title {
	font-size: 1.2rem;
}

.cards.cards-title-13 .card-title {
	font-size: 1.3rem;
}

.cards.cards-title-14 .card-title {
	font-size: 1.4rem;
}

.cards.cards-title-15 .card-title {
	font-size: 1.5rem;
}

.cards.cards-title-16 .card-title {
	font-size: 1.6rem;
}

.cards.cards-title-17 .card-title {
	font-size: 1.7rem;
}

.cards.cards-title-18 .card-title {
	font-size: 1.8rem;
}

.cards.cards-title-19 .card-title {
	font-size: 1.9rem;
}

.cards.cards-title-20 .card-title {
	font-size: 2rem;
}

.cards.cards-title-21 .card-title {
	font-size: 2.1rem;
}

.cards.cards-title-22 .card-title {
	font-size: 2.2rem;
}

.cards.cards-title-23 .card-title {
	font-size: 2.3rem;
}

.cards.cards-title-24 .card-title {
	font-size: 2.4rem;
}

.cards.cards-title-25 .card-title {
	font-size: 2.5rem;
}

.cards.cards-title-30 .card-title {
	font-size: 3rem;
}

.cards.cards-title-35 .card-title {
	font-size: 3.5rem;
}

.cards.cards-title-40 .card-title {
	font-size: 4rem;
}

.cards.cards-title-45 .card-title {
	font-size: 4.5rem;
}

.cards.cards-title-50 .card-title {
	font-size: 5rem;
}

/**/
.cards.cards-title-300 .card-title {
	font-weight: 300;
}

.cards.cards-title-400 .card-title {
	font-weight: 400;
}

.cards.cards-title-500 .card-title {
	font-weight: 500;
}

.cards.cards-title-600 .card-title {
	font-weight: 600;
}

.cards.cards-title-700 .card-title {
	font-weight: 700;
}

.cards.cards-title-800 .card-title {
	font-weight: 800;
}

.cards.cards-title-900 .card-title {
	font-weight: 900;
}

/**/
.cards.cards-title-upper .card-title {
	text-transform: uppercase;
}

.cards.cards-title-lower .card-title {
	text-transform: lowercase;
}

.cards.cards-title-cap .card-title {
	text-transform: capitalize;
}

.cards-last .card:last-child,
.cards-last .card-box:last-child {
	margin-bottom: 0 !important;
}

.cards.cards-last.cards-border-b .card:last-child,
.ul-last>li:last-child>.ul-item,
.ul-last>li.ul-item:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.cards.cards-last.cards-border-b .card:first-child,
.ul-last>li:first-child>.ul-item,
.ul-last>li.ul-item:first-child {
	padding-top: 0 !important;
}

/**/
.cards-hover-1 .card,
.cards-hover-2 .card {
	overflow: hidden;
	background: #000;
}

.cards-hover-1 .card:hover img {
	opacity: .5;
	transform: scale(1.02);
}

.cards-hover-1 .card .card-img-overlay ul {
	opacity: 0;
}

.cards-hover-1 .card:hover .card-img-overlay ul {
	opacity: 1;
	padding-top: 0;
}

/**/
.cards-hover-2 .card .card-img-overlay {
	opacity: 0;
}

.cards-hover-2 .card:hover .card-img-overlay {
	opacity: 1;
}

.cards-hover-2 .card:hover img {
	opacity: .5;
	transform: scale(1.02);
}

/**/
.cards-hover-3 .card:hover .icn {
	background: #f9e6b3;
}

/* .cards-hover-3 .card:hover img{
	transform:scale(1.1);
}
.cards-hover-4 .card:hover img{
	transform:scale(1.1);
} */
/*----------------------
	2.25 Column
------------------------*/
.column-display {
	display: inline-block;
	width: 100%;
}

.column-display .card {
	border: 0;
	margin-bottom: 1.2rem;
}

.column-display .card .card-img-top {
	border-radius: 0;
}

.col-count-2 {
	column-count: 2;
}

.col-count-3 {
	column-count: 3;
}

.col-count-4 {
	column-count: 4;
}

.col-count-5 {
	column-count: 5;
}

.col-count-6 {
	column-count: 6;
}

.col-count-7 {
	column-count: 7;
}

.col-count-8 {
	column-count: 8;
}

.col-count-9 {
	column-count: 9;
}

.col-count-10 {
	column-count: 10;
}

.column-gap-0 {
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

.column-gap-1 {
	-webkit-column-gap: .1rem;
	-moz-column-gap: .1rem;
	column-gap: .1rem;
}

.column-gap-2 {
	-webkit-column-gap: .2rem;
	-moz-column-gap: .2rem;
	column-gap: .2rem;
}

.column-gap-3 {
	-webkit-column-gap: .3rem;
	-moz-column-gap: .3rem;
	column-gap: .3rem;
}

.column-gap-4 {
	-webkit-column-gap: .3rem;
	-moz-column-gap: .4rem;
	column-gap: .4rem;
}

.column-gap-5 {
	-webkit-column-gap: .5rem;
	-moz-column-gap: .5rem;
	column-gap: .5rem;
}

.column-gap-10 {
	-webkit-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}

.column-gap-15 {
	-webkit-column-gap: 1.5rem;
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.column-gap-20 {
	-webkit-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}

.column-gap-25 {
	-webkit-column-gap: 2.5rem;
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem;
}

.column-gap-30 {
	-webkit-column-gap: 3rem;
	-moz-column-gap: 3rem;
	column-gap: 3rem;
}

.column-gap-40 {
	-webkit-column-gap: 4rem;
	-moz-column-gap: 4rem;
	column-gap: 4rem;
}

.column-gap-50 {
	-webkit-column-gap: 5rem;
	-moz-column-gap: 5rem;
	column-gap: 5rem;
}

.column-gap-60 {
	-webkit-column-gap: 6rem;
	-moz-column-gap: 6rem;
	column-gap: 6rem;
}

.column-gap-70 {
	-webkit-column-gap: 7rem;
	-moz-column-gap: 7rem;
	column-gap: 7rem;
}

.column-gap-80 {
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
}

.column-gap-90 {
	-webkit-column-gap: 9rem;
	-moz-column-gap: 9rem;
	column-gap: 9rem;
}

.column-gap-100 {
	-webkit-column-gap: 10rem;
	-moz-column-gap: 10rem;
	column-gap: 10rem;
}

.column-gap-150 {
	-webkit-column-gap: 15rem;
	-moz-column-gap: 15rem;
	column-gap: 15rem;
}

.column-gap-200 {
	-webkit-column-gap: 20rem;
	-moz-column-gap: 20rem;
	column-gap: 20rem;
}

.column-gap-250 {
	-webkit-column-gap: 25rem;
	-moz-column-gap: 25rem;
	column-gap: 25rem;
}

.column-gap-300 {
	-webkit-column-gap: 30rem;
	-moz-column-gap: 30rem;
	column-gap: 30rem;
}

.column-gap-ab-1 .card {
	margin-bottom: -1px;
	margin-right: -1px !important;
}

.column-gap-0 .card {
	margin-bottom: 0;
}

.column-gap-1 .card {
	margin-bottom: .1rem;
}

.column-gap-2 .card {
	margin-bottom: .2rem;
}

.column-gap-3 .card {
	margin-bottom: .3rem;
}

.column-gap-4 .card {
	margin-bottom: .4rem;
}

.column-gap-5 .card {
	margin-bottom: .5rem;
}

.column-gap-10 .card {
	margin-bottom: 1rem;
}

.column-gap-15 .card {
	margin-bottom: 1.5rem;
}

.column-gap-20 .card {
	margin-bottom: 2rem;
}

.column-gap-25 .card {
	margin-bottom: 2.5rem;
}

.column-gap-30 .card {
	margin-bottom: 3rem;
}

.column-gap-40 .card {
	margin-bottom: 4rem;
}

.column-gap-50 .card {
	margin-bottom: 5rem;
}

.column-gap-60 .card {
	margin-bottom: 6rem;
}

.column-gap-70 .card {
	margin-bottom: 7rem;
}

.column-gap-80 .card {
	margin-bottom: 8rem;
}

.column-gap-90 .card {
	margin-bottom: 9rem;
}

.column-gap-100 .card {
	margin-bottom: 10rem;
}

.column-gap-150 .card {
	margin-bottom: 15rem;
}

.column-gap-200 .card {
	margin-bottom: 20rem;
}

.column-gap-250 .card {
	margin-bottom: 25rem;
}

.column-gap-300 .card {
	margin-bottom: 30rem;
}

/*--------------
	2.26 Section
----------------*/
#wrap-body section.banner:first-child {
	margin: 0;
	padding: 0;
}

#wrap-body section:first-child {
	/* 	padding:10rem 0;	
	margin-bottom:0!important; */
	padding-top: 0;
}

#wrap-body section[class*="bg--"]:first-child {
	margin: 0;
}

section.banner+section {
	margin-top: 0;
}

#wrap-body section:last-child,
#wrap-body .div-tag:last-child,
#wrap-body> :last-child section {
	margin-bottom: 9rem;
}

#wrap-body section[class*="bg--"]:last-child,
#wrap-body .div-tag[class*="bg--"]:last-child,
#wrap-body> :last-child section[class*="bg--"],
#wrap-body>section[class*="bg--"] {
	margin-bottom: 0;
}

section,
.div-tag.cards {
	position: relative;
	padding-top: 9rem;
}

section[class*="bg--"],
.div-tag.cards[class*="bg--"] {
	margin-top: 9rem;
	padding-bottom: 9rem;
}

section[class*="bg--"]+section[class*="bg--"],
div.div-tag[class*="bg--"]+section[class*="bg--"],
section[class*="bg--"]+div.div-tag[class*="bg--"],
#wrap-body>.banner:first-child+section[class*="bg--"],
#wrap-body>.page-title+section[class*="bg--"] {
	margin-top: 0;
}

section,
footer,
header {
	width: 100%;
	clear: both;
}

/*--------------
	2.27 Utilities
----------------*/
.inline-m {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.inline-m-menu {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: contents;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.align-m {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.bg--default-op-2,
.bg--secondary-op-2,
[class*="bg-op"] {}

.bg--default-op-2:after,
.bg--secondary-op-2:after,
[class*="bg-op"]:after,
.bg--op:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgb(0, 0, 0, .9);
	z-index: -1;
}

.bg-op-09:after,
.bg--op:after {
	background-color: rgb(0, 0, 0, 0.9);
}

.bg-op-08:after {
	background-color: rgb(0, 0, 0, 0.8);
}

.bg-op-07:after {
	background-color: rgb(0, 0, 0, 0.7);
}

.bg-op-06:after {
	background-color: rgb(0, 0, 0, 0.6);
}

.bg-op-05:after {
	background-color: rgb(0, 0, 0, 0.5);
}

.bg-op-04:after {
	background-color: rgb(0, 0, 0, 0.4);
}

.bg-op-03:after {
	background-color: rgb(0, 0, 0, 0.3);
}

.bg-op-02:after {
	background-color: rgb(0, 0, 0, 0.2);
}

.bg-op-01:after {
	background-color: rgb(0, 0, 0, 0.1);
}

[class*="bg-op"] .container {
	position: relative;
	z-index: 2;
}

.modal-backdrop {
	display: none !important;
}

.modal {
	background: rgb(0, 0, 0, 0.6);
	overflow: hidden;
}

.modal-content {
	border: 0;
	border-radius: .7rem;
}

form .form-group label {
	font-size: 1.5rem;
	font-weight: 600;
}

.range_val {
	font-weight: 600;
	font-size: 1.4rem;
}

/**/
.menu-nav ul.menu>li,
.menu-nav ul.menu>li>a,
.main-header,
.menu-close,
.box,
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg,
.banner .owl-stage,
.owl-nav-1 .owl-nav .owl-prev,
.owl-nav-1 .owl-nav .owl-next,
.owl-nav-2 .owl-nav,
.slider-1 .owl-item,
.owl-carousel .card,
.search-1 form,
.accordion-plus-rotate .card .card-header h5 a:after,
.accordion-plus-rotate .card .card-header h5 a:before,
.accordion-arrow .card .card-header h5 a:after,
.accordion-arrow .card .card-header h5 a:before,
.nav-item .nav-link,
nav.menu-nav .menu-wrap,
nav.menu-nav .menu-wrap,
nav.menu-nav ul,
[class*="cards-hover"] .card * {
	-webkit-transition: var(--tran-val);
	-moz-transition: var(--tran-val);
	-ms-transition: var(--tran-val);
	-o-transition: var(--tran-val);
	transition: var(--tran-val);
}

/*--------------
	2.28 th
----------------*/
.th {
	width: 2.5rem;
	height: 2rem;
	display: inline-block;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

.th-inner,
.th-inner:before,
.th-inner:after {
	width: 1.8rem;
	left: 0;
	height: .2rem;
	background-color: #333;
	border-radius: .4rem;
	position: absolute;
	transition-property: transform;
	transition-duration: 3s;
	transition-timing-function: ease;
	content: '';
}

.th-inner:before {
	width: 2.5rem;
	bottom: -.8rem;
}

.th-inner:after {
	bottom: -1.6rem;
	width: 1.4rem;
}

.th-active .th-inner,
.th-active .th-inner:before,
.th-active .th-inner:after {
	width: 2rem;
}

.th-active .th-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.th-active .th-inner:before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.th-active .th-inner:after {
	transform: translate3d(0, -19px, 0) rotate(-90deg);
	bottom: -1.9rem;
}

.th-white .th-inner,
.th-white .th-inner:before,
.th-white .th-inner:after {
	background: #fff;
}

.th-light .th-inner,
.th-light .th-inner:before,
.th-light .th-inner:after {
	background: #999;
}

/**/
.pie-item,
.pie-item-1,
.pie-item-2,
.pie-item-3,
.pie-item-4 {
	position: relative;
	overflow: hidden;
}

.pie-item::after {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-left: 30px solid transparent !important;
	border-bottom: 30px solid transparent !important;
	border-top: 30px solid #434350;
	border-right: 30px solid #434350;
	content: '';
	z-index: 1;
}

.pie-item::before {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
	height: 70px;
	border-left: 12px solid #434350;
	border-bottom: 12px solid #434350;
	content: '';
	z-index: 1;
}

.pie-item-1::before {
	position: absolute;
	top: 0px;
	right: -3rem;
	width: 70%;
	height: 3rem;
	background: #434350;
	-ms-transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	content: '';
	z-index: 1;
}

.pie-item-2::before {
	position: absolute;
	top: 0px;
	right: 8rem;
	width: 40%;
	height: 3rem;
	background: #434350;
	-ms-transform: skewX(-45deg);
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	content: '';
	z-index: 1;
}

.pie-item-2::after {
	position: absolute;
	top: 0px;
	left: 8rem;
	width: 40%;
	height: 3rem;
	background: #434350;
	-ms-transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	content: '';
	z-index: 1;
}

.pie-item-3::after {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-left: 50px solid transparent !important;
	border-bottom: 50px solid transparent !important;
	border-top: 50px solid #f5f5f5;
	border-right: 50px solid #f5f5f5;
	content: '';
	z-index: 1;
}

.pie-item-4::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent !important;
	border-bottom: 20px solid #eee;
	border-top: 20px solid transparent !important;
	border-right: 20px solid #eee;
	content: '';
	z-index: 1;
}

.pie-item-e:before,
.pie-item-e:after {
	background: #eee !important;

}

.pie-item-f5:before,
.pie-item-f5:after {
	background: #f5f5f5 !important;

}

.pie-item-f:before,
.pie-item-f:after {
	background: #fff !important;

}

.pie-2:before,
.pie-2:after {
	border-color: #222;

}

.pie-item-yellow:before,
.pie-item-yellow:after {
	background: #feda00 !important;

}

/*--------------
	2.29 Edit
----------------*/
.list-t .card {
	overflow: visible !important;
}

.list-t .card .card-img a {
	display: block;
	overflow: hidden;
	height: 40rem;

}

.list-t .card .card-img:hover {
	box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, 0.08);
}

/**/
.box {
	position: fixed;
	left: -25rem;
	top: 0;
	z-index: 99999;
	width: 25rem;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 .3rem #ccc;
}

.box label,
.box select,
.box input,
.box h3,
.box a {
	font-family: Roboto, sans-serif !important;
}

.box .box-body {
	overflow-y: scroll;
	padding-right: 2rem;
	height: calc(100% - 5rem);
}

.box .box-item>label {
	text-transform: uppercase;
	position: relative;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 0 !important;
}

.box .input-group-prepend {
	cursor: pointer;
}

.box .box-item {
	margin-bottom: 1rem !important;
}

.box .box-item select {
	font-size: 1.4rem;
	border: 1px solid #e5e5e5;
	padding-left: 1rem;
}

.box-btn {
	z-index: 9999;
	cursor: pointer;
	position: absolute;
	left: 25rem;
	top: 35%;
}

.box-sub {
	position: absolute;
	top: 0;
	right: -25rem;
	width: 25rem;
	background: #444;
	height: 100%;
}

.c-pointer li,
.c-pointer {
	cursor: pointer;
}

[class*="bg--"]:not([class*="bg--f"]) svg {
	fill: #fff;
}

/*----------------------
	3.Blocks
------------------------*/
/*----------------------
	3.1 Header
------------------------*/
header {
	position: relative;
	z-index: 999;
}

/**/
.logo img {
	margin: 5px 0;
	max-height: 120px;
}

.logo h3 {
	font-family: 'Cinzel', serif;
	text-transform: uppercase;
	margin: 2rem 0;
	font-weight: 600;
	font-size: 3.5rem;
	letter-spacing: -.2rem;
	line-height: 1;
}

.logo h6 {
	font-family: "El Messiri", sans-serif;
	margin: 0;
	font-weight: 200;
	line-height: 1;
	font-size: 6rem;
}

/**/
header .top-header {
	position: relative;
	border-bottom: 1px solid rgba(225, 225, 225, 0.6);
}

header .top-header p,
header .top-header ul.list-top>li {
	font-size: 1.3rem;
	padding: 1rem 0;
	margin-bottom: 0;
}

header .top-header ul.list-top>li {
	padding: 1.2rem 1.5rem;
	float: left;
	font-weight: 600;
	cursor: pointer;
	border-right: 1px solid rgba(225, 225, 225, 0.6);
}

header .top-header ul.list-top>li:last-child {
	border: 0;
}

header .top-header ul.list-top>li>a,
header .top-header ul.list-top>li .dropdown-toggle {
	font-size: inherit;
	text-transform: inherit;
	color: inherit;
	font-weight: inherit;
}

header .top-header[class*='bg--']:not([class*="bg--f"]) {
	border-bottom: 0;
}

header .top-header ul.list-top>li i {
	margin-right: .5rem;
}

header .cart-icon {
	position: relative;
	cursor: pointer;
}

header .cart-icon .cart-num-item {
	position: absolute;
	top: -.4rem;
	right: -.4rem;
	background: #ffe600;
	border-radius: 5rem;
	z-index: 10;
	padding: 0 .5rem;
	font-weight: 600;
	font-size: 1.1rem;
	color: #333;
}

/**/
.main-header {
	position: relative;
	width: 100%;
	z-index: 1;
	background-color: #fff;
}

/**/
.header-fixed {
	position: absolute;
	top: 0;
}

.header-fixed.smaller .main-header {
	position: fixed;
	top: 0;
	z-index: 996;
	background: #fff;
}

.header-fixed+#wrap-body {
	margin-top: 9rem;
}

.header-fixed.has-top+#wrap-body {
	margin-top: 12.9rem;
}

.header-fixed.mn-md+#wrap-body {
	margin-top: 8.1rem;
}

.header-fixed.mn-md.top-h {
	margin-top: 11.9rem;
}

.header-fixed.mn-sm+#wrap-body {
	margin-top: 7.3rem;
}

.header-fixed.mn-sm.has-top+#wrap-body {
	margin-top: 11.1rem;
}

.header-fixed.mn-xs.has-top+#wrap-body {
	margin-top: 12.9rem;
}

header.header-fixed.g-top+#wrap-body {
	margin-top: 3.6rem;
}

/**/
.header-overlay {
	position: absolute;
	top: 0;
	z-index: 996;
	width: 100%;
}

.header-overlay .main-header {
	background: none;
}

/**/
.header-overlay-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 996;
}

.header-overlay-fixed .main-header ul.menu>li>a,
.header-overlay .main-header ul.menu>li>a {
	color: #fff;
}

.header-overlay-fixed.smaller .main-header ul.menu>li>a,
header .main-header.bg--f ul.menu>li>a {
	color: #333;
}

.header-overlay-fixed.smaller .main-header {
	background: #fff !important;
	box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, 0.2);
}

.ul-bg-active ul.menu>li.active>a {
	color: #fff !important;
}

/*----------------------
	3.2 Menu
------------------------*/
.menu-nav {
	position: relative;
}

.menu {
	display: -ms-flexbox !important;
	display: flex !important;
}

.menu-nav ul.menu li {
	display: inline-block;
	float: none;
	position: relative;
}

.menu-nav ul.menu>li>a {
	display: inline-block;
	text-transform: inherit;
	padding: 3.4rem 1.8rem;
	font-size: 1.7rem;
	font-weight: inherit;
	position: relative;
}

.menu-main.ul-border-r .menu-nav ul.menu>li>a {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.menu-main.ul-border-r.ul-bg-active .menu-nav ul.menu>li:first-child {
	border: 0;
}

header .sub-menu-light.mn-active.menu-main ul li.ul-item.active>a,
header .sub-menu-light.mn-active.menu-main ul li.ul-item:hover>a {
	background: var(--default);
	color: var(--color-1);
}

/**/
.menu-nav ul.menu ul.sub-menu {
	position: absolute;
	top: 110%;
	z-index: 9999;
	background-color: #333;
	text-align: left;
	width: 100%;
	min-width: 20rem;
	padding: 1rem 0;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transition-duration: .2s;
	transition-property: opacity, top, visible;
	transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}

.menu-nav ul.menu li:hover>ul.sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.menu-nav ul.menu ul.sub-menu ul.sub-menu {
	top: 0 !important;
	right: 100%;
	margin-right: 1px;
	background-color: #444;
}

.menu-nav ul.menu ul.sub-menu li {
	width: 100%;
}

.menu-nav ul.menu ul.sub-menu li a {
	border-radius: 0;
	padding: .5rem 2rem;
	display: block;
	font-weight: inherit;
	font-size: 1.4rem;
	text-transform: inherit;
	color: #fff;
	position: relative;
}

.menu-nav ul.menu ul.sub-menu a:hover {
	color: #aaa;
}

.menu-nav ul.menu ul.sub-menu li:last-child a {
	border: 0;
}

/**/
.menu-arrow .menu-nav ul.menu li.drp>a:after {
	position: absolute;
	right: 1.5rem;
	font-family: "El Messiri", sans-serif;
	content: '\f0da';
	top: 50%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu-arrow .menu-nav ul.menu>li.drp>a:after {
	display: none;
}

.menu-plus .menu-nav ul li.drp>a:after {
	position: absolute;
	right: 1.5rem;
	content: '+';
	margin-top: -.1rem;
	top: 50%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* .menu-plus .menu-nav ul.menu li.active.drp > a:after{
	content:'-';
} */
.menu-plus .menu-nav ul.menu>li.drp>a:after {
	display: none;
}

/**/
.sub-menu-light .menu-nav ul.menu li ul.sub-menu {
	background: none;
	padding-top: .3rem;
	padding-bottom: 0;
	margin-top: -.2rem;
	box-shadow: 0 .2rem .2rem 0 rgba(115, 115, 115, 0.3);
}

/* .header-overlay .main-header:not(.bg--f) .sub-menu-light .menu-nav ul.menu li ul.sub-menu li:first-child a{
	border-top-left-radius:.3rem;
	border-top-right-radius:.3rem;
} */
.sub-menu-light .menu-nav ul.menu li ul.sub-menu li a {
	background: #fff;
}

.sub-menu-light .menu-nav ul.menu li ul.sub-menu li:first-child a {
	padding-top: 1.5rem;
}

.sub-menu-light .menu-nav ul.menu li ul.sub-menu li:last-child a {
	padding-bottom: 1.5rem;
	border-bottom-left-radius: .3rem;
	border-bottom-right-radius: .3rem;
}

.sub-menu-light .menu-nav ul.menu li ul.sub-menu ul.sub-menu li:first-child a {
	border-top-left-radius: .3rem;
}

.sub-menu-light .menu-nav ul.menu li ul.sub-menu ul.sub-menu li:last-child a {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: .3rem;
}

.sub-menu-light .menu-nav ul.menu ul.sub-menu a,
.sub-menu-light .menu-nav ul.menu li.drp>a:after {
	color: #333;
}

.sub-menu-light .menu-nav ul.menu ul.sub-menu li:hover>a {
	color: #aaa;
}

/**/
.mn-sm ul.menu>li>a {
	padding: 2.6rem 2rem;
}

.mn-md ul.menu>li>a {
	padding: 3rem 2rem;
}

.mn-lg ul.menu>li>a {
	padding: 3rem 2rem;
	color: #000;
	font-weight: bolder;
}

.mn-sm .mn-active-1 ul.menu>li {
	padding: 2rem 0;
}

.mn-md .mn-active-1 ul.menu>li {
	padding: 3rem 0;
}

/**/
.mn-active-1 ul.menu>li a {
	padding: 1rem 2rem;
	border-radius: .4rem;
}

.mn-active-1 ul.menu>li {
	padding: 3rem 0;
	background: none !important;
}

/**/
.menu-4 {}

.menu-4 .menu-nav ul.menu {
	border-top: 3px solid #444;
	border-bottom: 3px solid #444;
	padding: .3rem 0;
	position: relative;
	z-index: 0;
}

.menu-4 .menu-nav ul.menu li {
	background: rgba(84, 84, 84, .6);
	margin-right: .3rem;
	position: relative;
	background: #444;

}

.menu-4 .menu-nav ul.menu>li:last-child {
	margin-right: 0;
}

.menu-4 .menu-nav ul.menu>li>a {
	padding: 1.7rem 3rem;
	background: none;
	color: #fff;
}

.menu-4 .menu-nav ul.menu>li>a,
.menu-4 .menu-nav ul.menu>li>ul.sub-menu {
	-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
}

.menu-4 .menu-nav ul.menu li ul.sub-menu {
	background: none;
	padding: 0;
	padding-top: .5rem;
	transform-origin: top right;
}

.menu-4 .menu-nav ul.menu li ul.sub-menu li a {
	padding: .8rem 2rem;
}

.menu-4.ul-bg-active .ul-item.active,
.menu-4.ul-bg-active .ul-item:hover {
	background: var(--default);
}

/**/
.menu-close {
	height: 2rem;
}

.menu-close:hover {
	-ms-transform: scale(0.9);
	/* IE 9 */
	transform: scale(0.9);
	/* Standard syntax */
}

.menu-open {
	cursor: pointer;
}

/*------------------
	3.3 Banner
------------------*/
.banner {}

.banner .card {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: none;
	width: 100%;
	z-index: 1;
	height: 70rem;
	margin: 0;
	border: 0;
}

.header-overlay+#wrap-body .banner .card {
	height: 90rem;
}

.banner .card .card-img-overlay {
	top: 50%;
	bottom: auto;
	width: 100%;
	text-align: center;
	z-index: 2;
	color: #fff;
	padding: 2rem 0;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/**/
.banner .card .line-default {
	padding-bottom: 4rem;
}

.banner .card h1 {
	padding: 0;
}

/**/
.banner .card p[class*="card-text"] {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.2rem;
	opacity: 1;
}

.banner .text-left p[class*="card-text"] {
	margin-left: 0;
	max-width: 60rem;
	font-size: 1.7rem;
}

/**/
.banner .card .btn {
	margin-right: 1.5rem;
}

.banner .card .btn+.btn {
	margin-left: 0;
}

.banner .btn.btn-lg {}

.banner.text-left .card-img-overlay {
	text-align: left !important;
}

.banner.text-left .row {
	-ms-flex-pack: flex-start !important;
	justify-content: flex-start !important;
}

/*----------------------
	3.4. Product
------------------------*/
/**/
.cart-form .card {
	height: 7.3rem;
}

.cart-form .div-heading h5 {
	margin: 0;
	font: 1.6rem;
}

.cart-form .div-heading .card {
	height: 6rem;
}

.cart-form .card i {
	font-size: 1.6rem;
}

.cart-form h4+p {
	font-size: 1.1rem;
	color: #999;
	margin: .7rem 0 0 0;
	text-transform: uppercase;
}

.cart-form .icn {
	background: #f5f5f5;
}

.cart-form .icn i {
	font-size: 1.4rem;
}

.cart-form .qlt-txt {
	text-align: center;
}

.cart-form h4 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0;
}

.product_header {
	margin-bottom: 2.5rem;
	background: #fff;
	border-radius: .5rem;
}

.product_header h2 {
	font-size: 2rem;
	margin: 0;
}

.product_header .product_title {
	padding: 1.2rem 2rem;
	border-bottom: 1px solid #e5e5e5;
}

/*----------------------
	3.5. Testimonial
------------------------*/
/*----------------------
	3.5. Testimonial
------------------------*/
.testimonial {}

.testimonial .card .card-img-overlay,
.testimonial.text-center p.card-text {
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
}

.testimonial .card {
	background: none;
}

.testimonial .card .card-img {
	margin-bottom: 2.5rem;
}

.testimonial.text-center img {
	margin: auto;
}

.testimonial .card img {
	max-width: 8rem;
	border-radius: 8rem;
}

.testimonial .card>i {
	font-size: 5rem;
	margin-bottom: 2.5rem;
}

.testimonial.cards .card p.card-text,
.testimonial .card .fa-quote-left {}

.testimonial.text-center .owl-dots {
	text-align: center;
}

/**/
.quote-after {
	position: relative;
}

.quote-after:before {
	position: absolute;
	top: 0;
	left: 3rem;
	font-family: "El Messiri", sans-serif !important;
	content: '\201C';
	font-size: 15rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.2);
	font-weight: 900;
}

/*----------------------
	3.6 Call to action
------------------------*/

section.call_to_action {
	padding: 4rem 0;
	position: relative;
	z-index: 10;
}

.banner+.call_to_action {
	margin-top: 0;
}

#wrap-body section:last-child.call_to_action {
	margin-bottom: 0 !important;
}

.call_to_action h3 {
	font-size: 2rem;
	font-weight: 600;
	margin: 0;
}

.call_to_action h3 strong {
	font-weight: 700;
}

.call_to_action .btn {
	float: right;
}

/*----------------------
	3.7 Satistic
------------------------*/
.statistic {
	text-align: center;
}

.statistic .card {
	background: none;
	overflow: visible;
}

.cards.statistic .card i {
	font-size: 4.5rem;
	margin-bottom: 1rem;
}

.cards.statistic .card .card-title {
	font-weight: 800;
	line-height: .8;
	margin-top: 0;
	font-size: 4.5rem;
}

.cards.statistic .card .card-body {
	padding: 0;
}

.cards.statistic .card .card-body span {
	font-weight: 400;
	opacity: .8;
	color: inherit;
	margin-bottom: 0;
	line-height: .8;
}

/*----------------------
	3.8.Newsletter
------------------------*/
.newsletter {}

/*----------------------
	3.9.Pricing
------------------------*/
.pricing {}

/*----------------------
	3.10.Footer
------------------------*/
footer {
	background: #000;
	position: relative;
}

footer p,
footer ul {
	font-size: 1.5rem;
}

.footer-top {
	padding: 4rem 0;
	text-align: center;
}

.footer-top h3 {
	font-size: 2.3rem;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.footer-top h3.text-upper {
	font-size: 2.2rem;
	font-weight: 700;
	font-weight: normal;
}

.footer-top .logo h3 {
	margin-top: 0;
}

.footer-top * {
	color: inherit;
}

.footer-bottom {}

.footer-top li {
	font-weight: bold;
}


.footer-bottom:before {
	display: none;
}

.footer-bottom .container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.footer-bottom p {
	margin: 0;
	color: #000 !important;
	text-transform: capitalize !important;
	font-weight: 700 !important;
	font-size: 1.3rem;
	font-size: 16px !important;
	font-family: "El Messiri", sans-serif;
}

/*----------------------
	4.Javascript
------------------------*/
/*----------------------
	4.1.Owl Coursel
------------------------*/
.bg--offset .owl-stage,
.bg--offset .owl-stage .container {
	background: none !important;
}

.cards .owl-carousel .owl-stage-outer {
	padding-bottom: 0;
}

.owl-carousel .card {
	margin-bottom: 0 !important;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
	height: 3.5rem;
	width: 3.6rem;
}

.owl-theme .owl-nav .owl-prev span,
.owl-theme .owl-nav .owl-next span {
	display: none;
}

.owl-theme .owl-nav .owl-prev {
	right: 5rem;
}

.owl-theme .owl-nav .owl-prev::before {
	content: '\f053';
	font-family: "El Messiri", sans-serif;
}

.owl-theme .owl-nav .owl-next::before {
	content: '\f054';
	font-family: "El Messiri", sans-serif;
}

/**/
.owl-nav-1 .owl-nav .owl-prev,
.owl-nav-1 .owl-nav .owl-next {
	position: absolute;
	top: 42%;
	height: 2.6rem;
	width: 2.6rem;
	margin: 0;
	outline: none !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff !important;
	border-radius: 50%;
	background: #f9e6b3 !important;
}

.owl-nav-1 .owl-nav .disabled {
	display: none;
}

.owl-nav-1 .owl-nav {
	display: block;
	margin: 0;
}

.owl-nav-1:hover .owl-nav {
	display: block;
}

.owl-nav-1 .owl-nav .owl-next {
	right: 0;
}

.owl-nav-1 .owl-nav .owl-prev {
	left: 0;
}

.owl-nav-1.owl-nav-round .owl-nav .owl-prev,
.owl-nav-1.owl-nav-round .owl-nav .owl-next {
	width: 4rem;
	height: 4rem;
}

.owl-nav-light .owl-nav .owl-prev,
.owl-nav-light .owl-nav .owl-next {
	background: rgba(225, 225, 225, 0.7) !important;
}

/**/
.owl-dots-1.owl-theme .owl-dots {
	padding-top: 2rem;
	text-align: center;
	height: .4rem;
	display: inline-flex;
}

.owl-dots-1.owl-theme .owl-dots .owl-dot span {
	width: 2rem;
	height: .4rem;
	margin: 0 .4rem;
	border-radius: 1rem;
	margin-bottom: -.6rem;
	background: #9c8282;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
	border: 0;
	outline: none;
}

.owl-dots-1.owl-theme .owl-dots .owl-dot.active span {
	width: 2.5rem;
	background: #efadce;
}

.owl-dots-center.owl-theme .owl-dots {
	text-align: center;
}

.owl-dots-right.owl-theme .owl-dots {
	text-align: right;
}

.owl-dots-ab.owl-theme .owl-dots {
	position: absolute;
	right: 0;
	top: -5rem;
}

/**/
.owl-slider-1 .owl-stage {
	background: #000;
}

.owl-slider-1 .owl-theme .owl-nav {
	margin-top: 0;
	position: absolute;
	bottom: 4rem;
	left: 46.5%;
	z-index: 99;
}

.owl-slider-1 .owl-item {
	position: absolute !important;
	left: 0;
	z-index: 0;
	opacity: 0;
}

.owl-slider-1 .owl-item.active {
	z-index: 1;
	opacity: 1;
}

.owl-slider-1 .owl-stage {
	transform: translate3d(0px, 0px, 0px) !important;
	height: 80rem;
	transition: none !important;
}

/*----------------------
	4.2.Preloader
------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #fff;
}

.preloader .spinner-border {
	position: absolute;
	top: 45%;
	left: 48%;
	height: 3rem;
	width: 3rem;
}

.mtn i {
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.wd-group-animate {
	-webkit-animation: AnimationName 50s ease infinite;
	-moz-animation: AnimationName 50s ease infinite;
	-o-animation: AnimationName 50s ease infinite;
	animation: AnimationName 50s ease infinite;
}

@-webkit-keyframes AnimationName {
	0% {
		background-size: 100%;
	}

	50% {
		background-size: 150%;
	}

	100% {
		background-size: 100%;
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-size: 100%;
	}

	50% {
		background-size: 150%;
	}

	100% {
		background-size: 100%;
	}
}

@-o-keyframes AnimationName {
	0% {
		background-size: 100%;
	}

	50% {
		background-size: 150%;
	}

	100% {
		background-size: 100%;
	}
}

@keyframes AnimationName {
	0% {
		background-size: 100%;
	}

	50% {
		background-size: 150%;
	}

	100% {
		background-size: 100%;
	}
}

/*----------------------
	4.3.Light Box
------------------------*/
.image-zoom {
	cursor: zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
}

.mfp-figure:after {
	background: #fff;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 1;
}

.mfp-bottom-bar {
	top: auto !important;
	bottom: 10rem !important;
	left: 3rem;
}

.mfp-counter {
	display: none;
}

.mfp-title {
	font-size: 2rem;
	margin-top: 2rem;
	text-transform: uppercase;
	position: absolute;
	z-index: 999;
	top: 0;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/*----------------------
	4.4. Datepicker
------------------------*/
.datepicker {
	padding: 1rem;
	border-color: #fff;
	margin-top: 1rem;
	border-radius: .3rem;
	background: #fdfdfd;
	box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .2);
}

.datepicker td,
.datepicker th {
	height: 3rem;
	width: 3.5rem;
	font-size: 1.4rem;
	border: 1px solid #e5e5e5 !important;
	margin: 1rem !important;
	border-radius: 0 !important;
	background: #fff;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background: #f5f5f5 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	color: #333 !important;
	font-weight: bold;
}

.datepicker-dropdown:before {
	border-bottom-color: rgba(216, 216, 216, 0.2);
}

.datepicker-dropdown:after {
	border-bottom-color: #fdfdfd;
}

/*----------------------
	4.5. Colorpicker
------------------------*/
.colorpicker {
	width: 17.8rem !important;
	padding: .6rem .6rem 0 .6rem !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 0 !important;
	margin-top: -.1rem;

}

.colorpicker-alpha,
.colorpicker-preview {
	display: none !important;
}

.colorpicker-saturation {
	width: 15.6rem !important;
	border: 0 !important;
	box-shadow: none !important;
}

.colorpicker-hue {
	box-shadow: none !important;
}

.colorpicker-swatch {
	box-shadow: none !important;
	margin: 0 .3rem 0 0 !important;
}

/*/
/**/
.ul-bg-active .ul-item.active,
.ul-bg-active .ul-item.active>a,
.ul-bg-active .ul-item:hover>a,
.ul-bg .ul-item:not(.active),
.ul-bg .ul-item:not(.active)>a {
	background: var(--default);
	border-color: var(--default);
}

.bg--default {
	background-color: #f9e6b3 !important;
}

.bg--default-op-1,
.ul-bg-op-active .ul-item.active,
.ul-bg-op .ul-item:not(.active) {
	background-color: var(--default-op-1);
}

.bg--default-op-2:after {
	background-color: var(--default-op-2);
}

.border-default,
.ul-border-active .ul-item.active {
	border-color: var(--default) !important;
}

.color-default,
.ul-color-active .ul-item.active {
	color: #f7451f !important;
}

/**/
.bg--default-1,
.ul-bg-active-1 .ul-item.active,
.ul-bg-active-1 .ul-item.active>a,
.ul-bg-default-1 .ul-item:not(.active),
.ul-bg-default-1 .ul-item:not(.active)>a {
	background-color: var(--default-1) !important;
	color: var(--color-2);
}

.border-default-1 {
	border-color: var(--default-1) !important;
}

.color-default-1,
.ul-color-active-1 .ul-item.active {
	color: var(--default-1);
}

/**/
.bg--default-2,
.ul-bg-active-2 .ul-item.active,
.ul-bg-active-2 .ul-item.active>a,
.ul-bg-default-2 .ul-item:not(.active),
.ul-bg-default-2 .ul-item:not(.active)>a {
	background-color: var(--default-2) !important;
}

.color-default-2,
.ul-color-active-2 .ul-item.active {
	color: #000;
}

.border-default-2 {
	border-color: var(--default-2) !important;
}

.btn-border {
	border: 2px solid #992828 !important;
	background: none;
	color: #992828 !important;
}

.btn-wb {
	background: var(--color-1) !important;
}

.color-wb {
	color: var(--color-1) !important;
}

/*----------------------
	5.Media Query
------------------------*/
@media (min-width: 1300px) {
	.container {
		max-width: 1200px;
	}
}

@media (min-width: 1500px) {
	.container {
		max-width: 1300px;
	}
}

@media (min-width: 1700px) {
	.container {
		max-width: 1400px;
	}
}

@media (max-width: 1200px) {}

@media (max-width: 991px) {
	.m-l-5 {
		/* margin-right: 20px; */
	}

	header .logo img {
		margin: .5rem 0 !important;
	}

	header .top-header ul.list-top>li {
		padding: .7rem 1.3rem;
	}

	header .top-header ul li span {
		display: none;
	}

	header .top-header ul li i {
		margin: 0 !important;
		font-size: 1.3rem;
	}

	/**/

	.menu-main nav.menu-nav .menu-wrap {
		position: fixed;
		right: -25rem;
		top: 0;
		bottom: 0;
		z-index: 1;
		overflow: hidden;
		z-index: 9999;
		width: 25rem;
		background: #333;
		overflow-y: scroll;
	}

	.menu-main nav.menu-nav {
		z-index: 1001;
		position: relative;
	}

	.menu-main nav.menu-nav ul {
		position: absolute;
		right: 0;
		left: auto;
		width: 100%;
		padding: 0;
	}

	.menu {
		display: block !important;
	}

	.menu-main nav.menu-nav .menu-op {
		background: #fff;
	}

	.menu-main nav.menu-nav ul.menu li {
		position: static !important;
		padding: 0;
		display: block;
	}

	.menu-4.skewx-ab-20,
	.menu-main nav.menu-nav ul.menu li a,
	.menu-main nav.menu-nav ul {
		transform: none !important;
	}

	.menu-4.menu-main nav.menu-nav ul.menu li,
	.menu-4.menu-main nav.menu-nav ul li a {
		background: none !important;
	}

	.menu-4 .menu-nav ul.menu {
		border: 0;
	}

	.menu-main nav.menu-nav ul.menu li a {
		padding: 1rem 2rem;
		color: #fff;
		border-bottom: 1px solid #444;
		display: block;
		width: 100%;
		font-size: 1.4rem;
		text-transform: uppercase;
	}

	.menu-main nav.menu-nav ul.menu li a:hover {
		color: #aaa;
		background: none;
	}

	.menu-main .menu-nav ul.menu>li.drp>a:after,
	.menu-main nav.menu-nav ul.menu li.active ul.sub-menu {
		display: block;
	}

	.menu-main nav.menu-nav ul.menu ul.sub-menu {
		top: 0;
		right: -25rem;
		left: auto;
		background: none;
		opacity: 1;
		visibility: visible;
		display: none;
		padding: 0;
		box-shadow: none;
	}

	.menu-main nav.menu-nav ul.menu li.active,
	.menu-main nav.menu-nav ul.menu li.active a,
	.menu-main nav.menu-nav ul.menu li:first-child a {
		background: none;
	}

	.menu-header {
		border-bottom: 1px solid #444;
		padding: 1rem 1.5rem 1rem 2rem;
	}

	.menu-header i.return {
		font-size: 1.7rem;
		padding-right: 1rem;
		color: #fff;
		cursor: pointer;
		display: none;
	}

	.menu-header i.return:hover {
		opacity: .5;
	}

	.menu-close .th-inner,
	.menu-close .th-inner:before,
	.menu-close .th-inner:after {
		background-color: #fff;
	}

	.menu-main.active:after {
		animation: bg-opacity .6s forwards;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		top: 0;
		content: '';
	}

	.menu-main.active:hover:after {
		cursor: crosshair;
	}

	@keyframes bg-opacity {
		0% {
			background: none;
		}

		100% {
			background: rgba(0, 0, 0, .9);
		}
	}

	/**/
	.sub-menu-light .menu-header {
		color: #333;
		border-color: #eee;
	}

	.sub-menu-light.menu-main nav.menu-nav .menu-wrap {
		background: #fff;
		box-shadow: 0 0 .4rem 0 #ccc;
	}

	.sub-menu-light.menu-main nav.menu-nav ul.menu li a {
		color: #333 !important;
		border-color: #eee;
		box-shadow: none !important;
		background: none !important;
	}

	.sub-menu-light.menu-main nav.menu-nav ul.menu li:hover>a {
		background: #f9f9f9 !important;
	}

	.sub-menu-light.menu-main .menu-header {
		border-bottom: 1px solid #eee;
	}

	.sub-menu-light.menu-main .menu-header i.return {
		color: #333;
	}

	.sub-menu-light.menu-main .menu-close .th-inner,
	.sub-menu-light.menu-main .menu-close .th-inner:before,
	.sub-menu-light.menu-main .menu-close .th-inner:after {
		background-color: #333;
	}

	/**/
	.block-title {
		margin-bottom: 3.8rem;
	}

	.block-title.line-default {
		margin-bottom: 3.8rem !important;
	}

	/**/
	.banner .card {
		height: 60rem !important;
	}

	/**/
	#wrap-body section:first-child {
		padding: 0rem 0;
		margin-bottom: 0 !important;
	}

	#wrap-body section:last-child,
	#wrap-body .div-tag:last-child,
	#wrap-body> :last-child section {
		margin-bottom: 6rem;
	}

	section,
	.div-tag.cards {
		padding-top: 6rem;
	}

	section[class*="bg--"],
	.div-tag.cards[class*="bg--"] {
		margin-top: 6rem;
		padding-bottom: 6rem;
	}

	footer .footer-top {
		padding: 6rem 0;
	}

	.card h2.card-title {
		font-size: 4rem;
	}

}

@media (max-width: 767px) {
	.banner .card {
		height: 50rem !important;
	}

	.btn.btn-lg,
	.btn.btn-xl {
		height: 4rem;
		line-height: 4rem !important;

	}

	.btn.btn-lg[class*="border"],
	.btn.btn-xl[class*="border"] {
		height: 4.5rem !important;
	}

	.block-title svg {
		margin-top: 1.8rem;
	}

	.block-title h2,
	.card h2.card-title,
	h2,
	.cards.statistic .card .card-title {
		font-size: 3.5rem;
	}

	.card-text {
		font-size: 1.5rem !important;
	}

	.logo h3 {
		font-size: 3rem;
	}

	.page-title .card {
		padding: 7rem 0;
	}
}

@media (max-width: 575px) {

	.block-title h2,
	h2,
	.page-title .card h1 {
		font-size: 3rem;
	}

	.card h3.card-title,
	h3 {
		font-size: 1.5rem;
	}

	.nav-tabs .ul-item i {
		display: block;
		margin: 0;
	}

	.nav-tabs .ul-item {
		padding: 1.5rem 2rem;
	}

	.nav-tabs .ul-item span {
		display: none;
	}

	.logo h3 {
		font-size: 2.5rem;
	}

	.form-d-flex .form-group {
		display: block;
	}

	.form-d-flex .form-group label {
		margin-bottom: .5rem;
	}
}

@media (max-width: 400px) {

	.ul-d-flex .ul-item,
	.ul-d-flex .ul-item span {
		display: block;
		width: 100%;
	}

	.ul-d-flex.ul-span-2 .ul-item span {
		margin-bottom: .5rem;
	}
}

[data-pg="id_e2704f"] #wrap>.box {
	display: block !important;
}

.f-25-1,
.f-18-1 {
	color: #333;
}

.footer-ul ul li {
	display: inline-flex;
}

.text-white {
	color: var(--btn-1);
}

.text-black {
	color: var(--dark);
}


@font-face {
	font-family: 'Asul';
	src: url('..//fonts/Asul-Bold.woff2') format('woff2'),
		url('..//fonts/Asul-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Asul';
	src: url('..//fonts/Asul-Regular.woff2') format('woff2'),
		url('..//fonts/Asul-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.fontextra {
	font-weight: 700 !important;
}


.menucard img {
	width: 100%;
	text-align: center;
	border: 1px solid #00000049;
	margin: 5px 0;
}

.menucard {
	width: 95%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	background-color: #fff;
}

.abouttext {
	font-size: 25px;
	color: #fff;
}

.extracard img {
	padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 10px;
}


.extraaboutimg {
	text-align: center;
	margin: 0 auto;
}


.extraaboutimg img {
	margin-bottom: 15px;
	border-radius: 1%;
	/* box-shadow: rgba(87, 98, 102, 0.05) 0px 2px 4px 0px, rgba(102, 105, 107, 0.1) 0px 2px 16px 0px; */
	text-align: center;
	/* border: .5px solid #595959; */
}

.zoom-in-zoom {
	animation: zoom-in-zoom-out 3s ease-in-out infinite;
}

.pzzabox {
	background-color: #f9e6b3 !important;
	color: #000 !important;
}

@media (max-width:425px) {
	.extraaboutimg img {
		margin-top: 50px !important;
	}

	.logo img {
		width: 250px;
	}
}

.bg--defaultto {
	background-color: #f9e6b3;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 2;
}

.bg--defaultto:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fafafa;
	opacity: .8;
	left: 0;
	top: 0;
	z-index: -1;
}

.about-text {
	line-height: 32px !important;
	font-size: 18px !important;
	/* margin: 20px; */
}

.about-text b {
	font-size: 20px !important;
}

.owl-carousel .owl-item img {
	border-radius: 50%;
}

.want-to-eat {
	border-radius: 10rem;
	padding: 2rem;
}

.icn img {
	border-radius: 50%;
}

.specialities {
	border-radius: 50%;
}

.menucard img {
	width: 100%;
	text-align: center;
}

.menucard {
	width: 90%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}

.textimonal p {
	color: #fff !important;
}

.textimonal h5 {
	color: #fff;
	font-size: 25px !important;
}


@media (max-width:1025px) {
	.logo img {
		width: 220px;
	}
}

@media (max-width:769px) {
	.logo img {
		width: 280px;
	}
}


@media (max-width:425px) {
	.logo img {
		width: 250px;
	}
}

.container .card-title {
	color: #fff;
}

.display-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-img-pluse {

	animation: pulse 2s linear infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

}

@media (ma-width:1024px) {
	.extraaboutimg img {
		width: 320px !important;
		height: 320px !important;
	}
}

.footer-logo img {
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	width: 200px;
}

.contact-color {
	background-color: #fafafa;
}

.offer h5 {
	font-size: 20px;
	line-height: 30px !important;
	text-transform: capitalize;
}

.item-order-kutchi {
	border: 5px solid #f9e6b3;
}


.border-menu-top {
	position: absolute;
	left: 5px;
	bottom: 60px;
}

.border-menu-top1 {
	position: absolute;
	right: 5px;
	top: 60px;
}

.border-menu-top1 img {
	max-width: 200px;
}

.border-menu-top img {
	max-width: 200px;
}


.color-change {
	color: #f9e6b3 !important;
}

.chef-area {
	background-color: #f9e6b3 !important;
}

.section-title h2 {
	font-weight: 700;
	font-size: 35px;
	margin-bottom: 16px;
	color: #000;
	text-transform: uppercase;
}

.section-title {
	margin: 20px;
	text-align: center;
}

.order-area img {
	max-width: 150px;
	max-height: 150px;
	margin: 15px 15px 70px 15px;
	padding: 10px;
	border-radius: 25px;
	background-color: #ffff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}

.brands img {
	padding: 5px;
	background-color: #fff;
	border-radius: 10px;
}

.border-top img {
	width: 250px;
}

.border-top1 img {
	width: 250px;
}

.border-top1 {
	position: absolute;
	right: 0;
	top: 0;
}

.border-top {
	position: absolute;
	left: 0;
	top: 0;
	border: none !important;
}

.position-relative {
	position: relative;
}

.card-title1 {
	text-align: center;
	font-size: 7rem !important;
	color: #992828 !important;
}


.pulser {
	position: relative;
}

.pulser::after {
	animation: pulse 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
}

@keyframes pulse {
	0% {
		opacity: 0;
	}

	50% {
		transform: scale(1.1);
		opacity: 0.4;
	}
}

.pulser::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #6b002c;
	z-index: -1;
}

@media (max-width:425px) {
	.border-menu-top1 img {
		width: 50px;
	}

	.border-menu-top img {
		width: 50px;
	}
}

.page-background {
	background-image: url(../images/welcome-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.team {
	text-align: center;
}


.pulse-image {
	animation: pulse s infinite;
	border-radius: 10%;
}


@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
	}

	5% {
		transform: scale(1.01);
	}

	15% {
		transform: scale(1);
	}

	70% {
		box-shadow: 0 0 0 50px rgba(168, 63, 57, 0);
	}

	100% {
		box-shadow: 0 0 0 100px rgba(168, 63, 57, 0);
	}
}


.special-bro1 {
	position: absolute;
	top: 22px;
	right: 22px !important;
	font-size: 22px;
}

.special-bro1 h3 {
	font-size: 22px;
}


@media (max-width:768px) {
	.special-bro1 {
		display: none;
	}

	.card-title1 {
		font-size: 4rem !important;
	}
}

.footer-bottom a {
	font-family: "El Messiri", sans-serif;
	color: #000;
}

.tandc {
	text-align: center;
}

.tc {
	text-transform: uppercase !important;
	color: #fff;
	padding-bottom: 5px !important;
}

.tandc a {
	padding-bottom: 5px !important;
}

.condition {
	padding: 50px 40px;
}

.terms h2 {
	color: #000;
	font-family: "El Messiri", sans-serif;
	font-size: 25px;
	margin: 3rem 0 1rem 0 !important;
}

.terms a {
	color: #000;
	font-family: "El Messiri", sans-serif;
	text-decoration: underline !important;
}

.terms p {
	color: #000;
	font-family: "El Messiri", sans-serif;
}

.border-menu-top3 {
	position: absolute;
	left: 5px;
	top: 10px;
}

.border-menu-top4 {
	position: absolute;
	right: 5px;
	top: 10px;
}

.border-menu-top1 img {
	max-width: 180px;
}

.border-menu-top img {
	max-width: 180px;
}


.fontextra li a {
	width: 40px;
	line-height: 40px;
	height: 40px;
	background-color: #fff;
	color: #000 !important;
	padding: 20px 5px;
	border-radius: 50%;
	margin: 5px;
}


.card-body .card-title {
	color: #000;
}


.ul-item {
	color: #fff !important;
}

.owl-theme .owl-nav .owl-prev::before {
	content: '\f053';
	font-family: 'FontAwesome';
}

.owl-theme .owl-nav .owl-next::before {
	content: '\f054';
	font-family: 'FontAwesome';
}

.new-h1 {
	color: #f0c436 !important;
}


.color-f-two i {
	color: #000 !important;
}

.font-w {
	font-weight: bolder;
}

h1 strong {
	font-size: 5rem !important;
}

.color-default-20 {
	color: #000;
}

/* .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	opacity: 1;
} */

.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 40px;
	height: 40px;
}

.carousel-control-next-icon {
	background-image: url(..//images/fastfood/right-arrow.jpg);
	border-radius: 50%;
}

.carousel-control-prev-icon {
	border-radius: 50%;
	background-image: url(..//images/fastfood/left--arrow.jpg);
}

.owl-nav-1 .owl-nav .owl-prev,
.owl-nav-1 .owl-nav .owl-next {
	top: 5%;
}

.btn-two {
	margin-top: 15px !important;
}


.footer-bottom a {
	text-transform: capitalize !important;
}


.left-mar {
	margin-left: 0px;
}





@media (max-width:425px) {

	.order-area img {
		max-width: 110px;
		padding: 5px;
	}

	.about-ul ul {
		margin-left: 15px;
	}


	h1 strong {
		font-size: 4rem !important;
	}

	.section-title h2 {
		font-size: 24px;
	}

	.carousel-control-next:focus,
	.carousel-control-next:hover,
	.carousel-control-prev:focus,
	.carousel-control-prev:hover {
		opacity: .7;
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 20px;
		height: 20px;
	}

	.owl-nav-1 .owl-nav .owl-prev,
	.owl-nav-1 .owl-nav .owl-next {
		top: 5%;
	}


}

.card-img img {
	border: 1px solid #908c8c;
}

.about-ul ul {
	margin-bottom: 20px;
}

.about-ul ul li {
	list-style: circle;
}


.about-section {
	width: 100%;
	padding: 90px 8%;
	background: linear-gradient(135deg, #fff8f0, #fff);
	position: relative;
}

.about-container {
	max-width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 50px;
	align-items: center;
}

/* IMAGE */

.about-image {
	position: relative;
}

.about-image img {
	width: 100%;
	border-radius: 30px;
	object-fit: cover;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
	transition: 0.4s ease;
}

.about-image img:hover {
	transform: scale(1.03);
}

.experience-box {
	position: absolute;
	bottom: -20px;
	left: -20px;
	background: #ff9800;
	color: #fff;
	padding: 20px 28px;
	border-radius: 20px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.experience-box h2 {
	font-size: 34px;
	line-height: 1;
}

.experience-box p {
	font-size: 14px;
	margin-top: 5px;
	font-weight: 500;
}

/* CONTENT */

.about-content span {
	color: #ff9800;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 15px;
	text-transform: uppercase;
}

.about-content h1 {
	font-size: 48px;
	margin: 15px 0;
	color: #222;
	line-height: 1.2;
}

.about-content h1 strong {
	color: #ff9800;
}

.about-content p {
	font-size: 16px;
	color: #555;
	line-height: 1.9;
	margin-bottom: 20px;
}

/* FEATURES */

.features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 30px;
}

.feature-box {
	background: #fff;
	padding: 18px;
	border-radius: 18px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
	transition: 0.3s ease;
}

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

.feature-box h3 {
	color: #222;
	margin-bottom: 8px;
	font-size: 18px;
}

.feature-box p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

/* BUTTON */

.about-btn {
	display: inline-block;
	margin-top: 35px;
	padding: 15px 35px;
	background: #ff9800;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	font-weight: 600;
	transition: 0.3s ease;
	box-shadow: 0 10px 25px rgba(255, 152, 0, 0.3);
}

.about-btn:hover {
	background: #c59595;
	transform: translateY(-3px);
}

/* MOBILE */

@media(max-width:768px) {

	.about-section {
		padding: 70px 20px;
	}

	.about-content h1 {
		font-size: 36px;
	}

	.features {
		grid-template-columns: 1fr;
	}

	.experience-box {
		left: 10px;
		bottom: 10px;
	}
}

.terms ul {
	margin-bottom: 20px;
}

.terms ul li {
	list-style: circle;
}


.home-bistro-about {
	position: relative;
	padding: 100px 8%;
	overflow: hidden;
	background:
		linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.82)),
		url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
	font-family: 'Poppins', sans-serif;
	color: #fff;
}

.home-bistro-about::before {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	background: rgba(255, 98, 0, 0.18);
	border-radius: 50%;
	top: -120px;
	right: -100px;
	filter: blur(80px);
	animation: hbFloat 6s ease-in-out infinite alternate;
}

.home-bistro-about::after {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	background: rgba(255, 174, 0, 0.15);
	border-radius: 50%;
	bottom: -100px;
	left: -80px;
	filter: blur(90px);
	animation: hbFloat2 8s ease-in-out infinite alternate;
}

@keyframes hbFloat {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(40px);
	}
}

@keyframes hbFloat2 {
	from {
		transform: translateX(0px);
	}

	to {
		transform: translateX(40px);
	}
}

.hb-container {
	position: relative;
	z-index: 2;
	max-width: 1300px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.hb-image {
	position: relative;
}

.hb-image img {
	width: 100%;
	border-radius: 30px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	transform: scale(0.95);
	opacity: 0;
	animation: hbZoom 1s forwards;
}

@keyframes hbZoom {
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.hb-experience {
	position: absolute;
	bottom: 25px;
	left: 25px;
	background: #ff6200;
	padding: 18px 28px;
	border-radius: 20px;
	box-shadow: 0 10px 25px rgba(255, 98, 0, 0.4);
}

.hb-experience h2 {
	font-size: 32px;
	font-weight: 800;
	line-height: 1;
}

.hb-experience p {
	font-size: 14px;
	margin-top: 5px;
	font-weight: 500;
}

.hb-content {
	animation: hbFadeUp 1.2s ease forwards;
	opacity: 0;
	transform: translateY(40px);
}

@keyframes hbFadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hb-tag {
	display: inline-block;
	padding: 10px 22px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	font-size: 14px;
	color: #ffb347;
	margin-bottom: 22px;
	backdrop-filter: blur(8px);
}

.hb-content h1 {
	font-size: 52px;
	line-height: 1.2;
	margin-bottom: 25px;
	font-weight: 800;
}

.hb-content h1 span {
	color: #ff6200;
}

.hb-content p {
	font-size: 17px;
	line-height: 1.9;
	color: #333;
	margin-bottom: 35px;
}

.hb-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-bottom: 35px;
}

.hb-box {
	background: rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 18px;
	border-radius: 18px;
	transition: 0.4s ease;
	backdrop-filter: blur(10px);
}

.hb-box:hover {
	transform: translateY(-6px);
	background: #ff6200;
}

.hb-box h4 {
	font-size: 18px;
	margin-bottom: 8px;
}

.hb-box p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	color: #333;
}

.hb-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 18px 34px;
	background: linear-gradient(45deg, #ff6200, #ff9d00);
	color: #fff;
	text-decoration: none;
	border-radius: 60px;
	font-weight: 600;
	font-size: 16px;
	transition: 0.4s ease;
	box-shadow: 0 10px 30px rgba(255, 98, 0, 0.35);
}

.hb-btn:hover {
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 18px 35px rgba(255, 98, 0, 0.45);
}

.hb-icons {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	overflow: hidden;
}

.hb-icons span {
	position: absolute;
	font-size: 35px;
	opacity: 0.5;
	animation: hbIconFloat 12s linear infinite;
}

.hb-icons span:nth-child(1) {
	top: 5%;
	left: 10%;
}

.hb-icons span:nth-child(2) {
	top: 70%;
	left: 15%;
}

.hb-icons span:nth-child(3) {
	top: 20%;
	right: 15%;
}

.hb-icons span:nth-child(4) {
	bottom: 10%;
	right: 10%;
}

@keyframes hbIconFloat {
	0% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-30px) rotate(180deg);
	}

	100% {
		transform: translateY(0) rotate(360deg);
	}
}

@media(max-width:991px) {

	.hb-container {
		grid-template-columns: 1fr;
	}

	.hb-content h1 {
		font-size: 38px;
	}

	.hb-features {
		grid-template-columns: 1fr;
	}
}

@media(max-width:576px) {

	.home-bistro-about {
		padding: 80px 20px;
	}

	.hb-content h1 {
		font-size: 30px;
	}

	.hb-content p {
		font-size: 15px;
	}
}

.offer-sp .new-font {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 40px !important;
}

/* Premium WhatsApp Floating Button */

.premium-whatsapp-btn {
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 70px;
	height: 70px;
	z-index: 9999;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.premium-whatsapp-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, #25D366, #128C7E);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:
		0 10px 30px rgba(37, 211, 102, .45),
		inset 0 2px 8px rgba(255, 255, 255, .3);
	backdrop-filter: blur(10px);
	transition: .4s ease;
	position: relative;
}

.premium-whatsapp-icon svg {
	width: 34px;
	height: 34px;
}

.premium-whatsapp-icon::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(37, 211, 102, .4);
	animation: premiumWhatsappPulse 2s infinite;
}

.premium-whatsapp-btn:hover .premium-whatsapp-icon {
	transform: translateY(-6px) scale(1.08);
	box-shadow:
		0 18px 40px rgba(37, 211, 102, .55),
		inset 0 2px 8px rgba(255, 255, 255, .3);
}

.premium-whatsapp-tooltip {
	position: absolute;
	right: 85px;
	background: #111;
	color: #fff;
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transform: translateX(15px);
	transition: .4s ease;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.premium-whatsapp-btn:hover .premium-whatsapp-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

@keyframes premiumWhatsappPulse {
	0% {
		transform: scale(1);
		opacity: .7;
	}

	70% {
		transform: scale(1.8);
		opacity: 0;
	}

	100% {
		transform: scale(1.8);
		opacity: 0;
	}
}

@media(max-width:768px) {
	.premium-whatsapp-btn {
		right: 20px;
		bottom: 20px;
	}

	.premium-whatsapp-icon {
		width: 62px;
		height: 62px;
	}

	.premium-whatsapp-tooltip {
		display: none;
	}
}

.premium-contact-section {
	padding: 100px 5%;
	background: #0f172a;
	position: relative;
	overflow: hidden;
}

.premium-contact-section::before {
	content: '';
	position: absolute;
	width: 500px;
	height: 500px;
	background: linear-gradient(45deg, #ff7b00, #ff2d55);
	border-radius: 50%;
	top: -250px;
	left: -150px;
	filter: blur(150px);
	opacity: .25;
}

.premium-contact-section::after {
	content: '';
	position: absolute;
	width: 450px;
	height: 450px;
	background: linear-gradient(45deg, #00d4ff, #0099ff);
	border-radius: 50%;
	bottom: -200px;
	right: -100px;
	filter: blur(150px);
	opacity: .20;
}

.premium-contact-wrapper {
	max-width: 1400px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 40px;
	align-items: center;
	position: relative;
	z-index: 2;
}

.premium-contact-info {
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 50px;
	border-radius: 30px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

.contact-tag {
	color: #ffb347;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: 600;
}

.premium-contact-info h2 {
	color: #fff;
	font-size: 55px;
	margin: 15px 0;
	font-weight: 700;
}

.contact-desc {
	color: #d1d5db;
	line-height: 1.8;
	margin-bottom: 40px;
}

.contact-card {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.contact-item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.05);
	transition: .4s;
}

.contact-item:hover {
	transform: translateX(10px);
	background: rgba(255, 255, 255, 0.09);
}

.contact-item i {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #ff7b00, #ff2d55);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	flex-shrink: 0;
}

.contact-item h4 {
	color: #fff;
	margin-bottom: 8px;
	font-size: 20px;
}

.contact-item p {
	color: #d1d5db;
	line-height: 1.8;
}

.social-icons {
	display: flex;
	gap: 15px;
	margin-top: 35px;
}

.social-icons a {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	transition: .4s;
}

.social-icons a:hover {
	transform: translateY(-8px);
	background: linear-gradient(135deg, #ff7b00, #ff2d55);
}

.premium-map-box {
	height: 650px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}

.premium-map-box iframe {
	width: 100%;
	height: 100%;
	border: none;
	filter: grayscale(20%);
}

.premium-map-box::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 30px;
	border: 2px solid rgba(255, 255, 255, .15);
	pointer-events: none;
}

@media(max-width:991px) {

	.premium-contact-wrapper {
		grid-template-columns: 1fr;
	}

	.premium-contact-info h2 {
		font-size: 40px;
	}

	.premium-map-box {
		height: 450px;
	}

}

@media(max-width:576px) {

	.premium-contact-info {
		padding: 30px;
	}

	.premium-contact-info h2 {
		font-size: 34px;
	}

	.contact-item {
		flex-direction: column;
	}

}

.contact-item {
	opacity: 0;
	transform: translateY(40px);
}

.contact-item.show-contact {
	opacity: 1;
	transform: translateY(0);
	transition: all .8s ease;
}

.card-body a {
	color: #000;
}

.opoder-story-section {
	position: relative;
	padding: 120px 0 0 0;
	overflow: hidden;
}

.opoder-story-section::before {
	content: "";
	position: absolute;
	width: 500px;
	height: 500px;
	background: rgba(255, 153, 0, 0.08);
	border-radius: 50%;
	top: -150px;
	right: -150px;
	filter: blur(120px);
}

.opoder-story-section::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background: rgba(255, 255, 255, 0.04);
	border-radius: 50%;
	bottom: -150px;
	left: -150px;
	filter: blur(100px);
}

.opoder-container {
	max-width: 1400px;
	margin: auto;
	display: flex;
	align-items: center;
	gap: 80px;
}

.opoder-image-wrapper,
.opoder-content-wrapper {
	flex: 1;
}

.opoder-image-card {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.opoder-image-card img {
	width: 100%;
	display: block;
	border-radius: 30px;
	transition: 0.8s ease;
}

.opoder-image-card:hover img {
	transform: scale(1.08);
}

.opoder-image-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top,
			rgba(0, 0, 0, 0.8),
			rgba(0, 0, 0, 0.1));
}

.opoder-badge {
	position: absolute;
	bottom: 25px;
	left: 25px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(15px);
	color: #fff;
	padding: 14px 22px;
	border-radius: 50px;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.opoder-subtitle {
	color: #ff9f1c;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.opoder-title {
	color: #000;
	font-size: 52px;
	line-height: 1.2;
	margin: 15px 0 30px;
}

.opoder-description {
	color: #333;
	line-height: 1.9;
	margin-bottom: 22px;
	font-size: 17px;
}

.opoder-highlight-box {
	margin-top: 35px;
	background: linear-gradient(135deg,
			#ff9f1c,
			#ff7b00);
	padding: 28px;
	border-radius: 20px;
}

.opoder-highlight-box h4 {
	color: #fff;
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.opoder-stats {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

.opoder-stat {
	flex: 1;
	text-align: center;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 25px;
	transition: 0.4s;
}

.opoder-stat:hover {
	transform: translateY(-10px);
	border-color: #ff9f1c;
}

.opoder-stat h3 {
	color: #ff9f1c;
	font-size: 32px;
	margin-bottom: 10px;
}

.opoder-stat p {
	color: #666;
	margin: 0;
}

/* Animation */

.reveal-left,
.reveal-right {
	opacity: 0;
	transform: translateY(80px);
	transition: all 1s ease;
}

.reveal-left.active,
.reveal-right.active {
	opacity: 1;
	transform: translateY(0);
}

/* Responsive */

@media(max-width:991px) {

	.opoder-container {
		flex-direction: column;
		gap: 50px;
	}

	.opoder-title {
		font-size: 38px;
	}

	.opoder-stats {
		flex-wrap: wrap;
	}
}

@media(max-width:576px) {

	.opoder-story-section {
		padding: 80px 20px;
	}

	.opoder-title {
		font-size: 30px;
	}

	.opoder-description {
		font-size: 15px;
	}

	.opoder-highlight-box h4 {
		font-size: 18px;
	}

	.opoder-stats {
		flex-direction: column;
	}
}

.font-color h5 {
	color: #992828;
}


@media (max-width:550px) {
	.offer-item h5 {
		margin-bottom: 30px;
	}

	.offer-sp h5 {
		margin-bottom: 30px !important;
	}
}


.goa-about {
	padding: 100px 8%;
	background: #faf8f5;
}

.goa-about-wrapper {
	display: grid;
	grid-template-columns: 48% 52%;
	gap: 60px;
	align-items: center;
}

.goa-about-image img {
	width: 100%;
	border-radius: 25px;
	display: block;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}

.goa-about-content {
	background: #fff;
	padding: 50px;
	border-radius: 25px;
	box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.goa-subtitle {
	color: #d58a00;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: 600;
}

.goa-about-content h2 {
	font-size: 52px;
	margin: 18px 0;
	line-height: 1.2;
}

.goa-about-content h2 span {
	color: #8b0000;
}

.goa-line {
	width: 90px;
	height: 4px;
	background: #d58a00;
	margin: 25px 0;
}

.goa-about-content p {
	color: #000;
	line-height: 1.9;
	margin-bottom: 18px;
	font-size: 17px;
}

@media(max-width:991px) {

	.goa-about-wrapper {
		grid-template-columns: 1fr;
	}

	.goa-about-content {
		padding: 35px;
	}

	.goa-about-content h2 {
		font-size: 36px;
	}

}


/* =========================================================
   =========================================================
        QFC - QUALITY FOOD CLUB
        COMPLETE BRAND OVERRIDE
        RED + YELLOW + TEAL
   =========================================================
   ========================================================= */


/* ---------------------------------------------------------
   1. QFC BRAND COLORS + VARIABLES
--------------------------------------------------------- */

:root {

    /* QFC LOGO COLORS */
    --qfc-red: #E2261C;
    --qfc-yellow: #FFBE00;
    --qfc-teal: #00AAA5;

    /* DARK / LIGHT */
    --qfc-black: #111111;
    --qfc-dark: #1B1B1B;
    --qfc-white: #FFFFFF;
    --qfc-light: #FFFDF7;
    --qfc-light-yellow: #FFF8DD;
    --qfc-light-teal: #EAF9F8;
    --qfc-light-red: #FFF0EE;

    /* TEXT */
    --qfc-text: #292929;
    --qfc-muted: #666666;

    /* BORDER */
    --qfc-border: #E7E7E7;

    /* TEMPLATE VARIABLES */
    --default: #E2261C;
    --default-1: #00AAA5;
    --default-2: #FFBE00;

    --default-op-1: rgba(226, 38, 28, 0.12);
    --default-op-2: rgba(226, 38, 28, 0.85);

    --btn: #E2261C;
    --btn-hover: #FFBE00;
    --btn-1: #FFFFFF;

    --price: #E2261C;

    --color-1: #FFFFFF;
    --color-2: #111111;

    --dark: #111111;

    /* QFC FONTS */
    --qfc-heading-font: "League Spartan", sans-serif;
    --qfc-body-font: "Quicksand", sans-serif;
}


/* ---------------------------------------------------------
   2. FONT IMPORT
--------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&family=Quicksand:wght@400;500;600;700&display=swap');


/* ---------------------------------------------------------
   3. GLOBAL FONT
--------------------------------------------------------- */

html,
body {
    font-family: var(--qfc-body-font) !important;
    color: var(--qfc-text);
    background: var(--qfc-white);
}


/* Body elements */

body,
p,
span,
strong,
b,
li,
a,
button,
input,
textarea,
select,
label,
div {
    font-family: var(--qfc-body-font) !important;
}


/* ---------------------------------------------------------
   4. HEADINGS
--------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
.block-title,
.section-title,
.page-title h1 {
    font-family: var(--qfc-heading-font) !important;
    color: var(--qfc-black);
    font-style: normal !important;
}


/* H1 */

h1 {
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    line-height: 1.05 !important;
}


/* H2 */

h2 {
    font-weight: 800 !important;
    letter-spacing: -0.025em;
    line-height: 1.1 !important;
}


/* H3 */

h3 {
    font-weight: 700 !important;
    letter-spacing: -0.015em;
}


/* H4 */

h4 {
    font-weight: 700 !important;
}


/* H5 */

h5 {
    font-weight: 600 !important;
}


/* H6 */

h6 {
    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   5. BODY TEXT
--------------------------------------------------------- */

p {
    color: var(--qfc-text);
    font-weight: 500;
    line-height: 1.7 !important;
}


/* ---------------------------------------------------------
   6. LINKS
--------------------------------------------------------- */

a {
    color: var(--qfc-red);
    transition: all .3s ease;
}


a:hover {
    color: var(--qfc-teal);
}


/* ---------------------------------------------------------
   7. TEXT COLOR CLASSES
--------------------------------------------------------- */

.color-default,
.ul-color-active .ul-item.active {
    color: var(--qfc-red) !important;
}


.color-default-1,
.ul-color-active-1 .ul-item.active {
    color: var(--qfc-teal) !important;
}


.color-default-2,
.ul-color-active-2 .ul-item.active {
    color: var(--qfc-black) !important;
}


.qfc-red {
    color: var(--qfc-red) !important;
}


.qfc-yellow {
    color: var(--qfc-yellow) !important;
}


.qfc-teal {
    color: var(--qfc-teal) !important;
}


/* ---------------------------------------------------------
   8. STRONG / HIGHLIGHTED TEXT
--------------------------------------------------------- */

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    color: var(--qfc-red);
    font-weight: 800 !important;
}


h1 span,
h2 span,
h3 span {
    color: var(--qfc-red);
}


/* ---------------------------------------------------------
   9. HEADER
--------------------------------------------------------- */

header,
.header,
.main-header {
    background: #FFFFFF;
}


/* Header shadow */

.main-header {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}


/* Header menu */

.menu-nav ul.menu > li > a {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 600 !important;
    color: var(--qfc-black) !important;
}


/* Header hover */

.menu-nav ul.menu > li > a:hover {
    color: var(--qfc-red) !important;
}


/* Active menu */

.ul-bg-active ul.menu > li.active > a,
.menu-nav ul.menu > li.active > a {
    color: var(--qfc-red) !important;
}


/* ---------------------------------------------------------
   10. HEADER OVERLAY
--------------------------------------------------------- */

.header-overlay .main-header {
    background: transparent;
}


.header-overlay .main-header ul.menu > li > a {
    color: #FFFFFF !important;
}


.header-overlay-fixed.smaller .main-header {
    background: #FFFFFF !important;
}


.header-overlay-fixed.smaller .main-header ul.menu > li > a {
    color: var(--qfc-black) !important;
}


.header-overlay-fixed.smaller .main-header ul.menu > li.active > a {
    color: var(--qfc-red) !important;
}


/* ---------------------------------------------------------
   11. MOBILE MENU ICON
--------------------------------------------------------- */

.th-inner,
.th-inner:before,
.th-inner:after {
    background: var(--qfc-red) !important;
}


/* ---------------------------------------------------------
   12. DROPDOWN MENU
--------------------------------------------------------- */

.menu-nav ul.menu ul.sub-menu {
    background: var(--qfc-black) !important;
}


.menu-nav ul.menu ul.sub-menu li a {
    color: #FFFFFF !important;
}


.menu-nav ul.menu ul.sub-menu li a:hover {
    background: var(--qfc-red) !important;
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   13. MAIN BUTTON
--------------------------------------------------------- */

.btn {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
    letter-spacing: .02em;

    background: var(--qfc-red) !important;
    border: 2px solid var(--qfc-red) !important;

    color: #FFFFFF !important;

    border-radius: 6px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


.btn:hover {
    background: var(--qfc-yellow) !important;
    border-color: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;

    transform: translateY(-2px);
}


/* ---------------------------------------------------------
   14. SECONDARY BUTTON
--------------------------------------------------------- */

.btn-1 {
    background: var(--qfc-teal) !important;
    border-color: var(--qfc-teal) !important;
    color: #FFFFFF !important;
}


.btn-1:hover {
    background: var(--qfc-yellow) !important;
    border-color: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;
}


/* ---------------------------------------------------------
   15. BORDER BUTTON
--------------------------------------------------------- */

.btn-border {
    border: 2px solid var(--qfc-red) !important;
    background: transparent !important;
    color: var(--qfc-red) !important;
}


.btn-border:hover {
    background: var(--qfc-red) !important;
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   16. WHITE BORDER BUTTON
--------------------------------------------------------- */

.btn-wb {
    background: #FFFFFF !important;
    color: var(--qfc-red) !important;
}


.btn-wb:hover {
    background: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;
}


/* ---------------------------------------------------------
   17. DEFAULT BACKGROUND
--------------------------------------------------------- */

/*
   Main QFC RED section
*/

.bg--default {
    background-color: var(--qfc-red) !important;
    color: #FFFFFF !important;
}


/* Text inside red sections */

.bg--default h1,
.bg--default h2,
.bg--default h3,
.bg--default h4,
.bg--default h5,
.bg--default h6,
.bg--default p,
.bg--default span,
.bg--default a {
    color: #FFFFFF;
}


/* ---------------------------------------------------------
   18. DEFAULT BACKGROUND 1
--------------------------------------------------------- */

/*
   QFC TEAL section
*/

.bg--default-1 {
    background-color: var(--qfc-teal) !important;
    color: #FFFFFF !important;
}


.bg--default-1 h1,
.bg--default-1 h2,
.bg--default-1 h3,
.bg--default-1 h4,
.bg--default-1 h5,
.bg--default-1 h6,
.bg--default-1 p,
.bg--default-1 span,
.bg--default-1 a {
}


/* ---------------------------------------------------------
   19. DEFAULT BACKGROUND 2
--------------------------------------------------------- */

/*
   QFC YELLOW section
*/

.bg--default-2 {
    background-color: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;
}


.bg--default-2 h1,
.bg--default-2 h2,
.bg--default-2 h3,
.bg--default-2 h4,
.bg--default-2 h5,
.bg--default-2 h6,
.bg--default-2 p,
.bg--default-2 span,
.bg--default-2 a {
    color: var(--qfc-black);
}


/* ---------------------------------------------------------
   20. DEFAULTTO
--------------------------------------------------------- */

.bg--defaultto {
    background:
        linear-gradient(
            120deg,
            #FFF8DD 0%,
            #FFFFFF 48%,
            #EAF9F8 100%
        ) !important;

    position: relative;
}


.bg--defaultto:before {
    background:
        linear-gradient(
            90deg,
            rgba(226, 38, 28, .05),
            rgba(255, 190, 0, .05),
            rgba(0, 170, 165, .05)
        ) !important;

    opacity: 1 !important;
}


/* ---------------------------------------------------------
   21. LIGHT BACKGROUND
--------------------------------------------------------- */

.bg--f {
    background-color: #FFFFFF !important;
}


.bg--fd {
    background-color: #FFFDF7 !important;
}


.bg--fa {
    background-color: #FAFAF7 !important;
}


.bg--f5 {
    background-color: #F7F7F5 !important;
}


/* ---------------------------------------------------------
   22. QFC COLOR BACKGROUND UTILITY CLASSES
--------------------------------------------------------- */

.bg-qfc-red {
    background-color: var(--qfc-red) !important;
    color: #FFFFFF !important;
}


.bg-qfc-yellow {
    background-color: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;
}


.bg-qfc-teal {
    background-color: var(--qfc-teal) !important;
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   23. QFC GRADIENT
--------------------------------------------------------- */

.bg-qfc-gradient {
    background:
        linear-gradient(
            120deg,
            var(--qfc-red) 0%,
            var(--qfc-yellow) 48%,
            var(--qfc-teal) 100%
        ) !important;

    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   24. BLOCK TITLES
--------------------------------------------------------- */

.block-title h2 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 800 !important;
    color: var(--qfc-black);
}


.block-title h4 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
    color: var(--qfc-red) !important;
    letter-spacing: .08em;
}


/* Block title paragraph */

.block-title p {
    font-family: var(--qfc-body-font) !important;
    color: var(--qfc-muted);
}


/* ---------------------------------------------------------
   25. BLOCK TITLE DECORATIVE LINE
--------------------------------------------------------- */

.line-default:after {
    border-bottom: 3px solid var(--qfc-red) !important;
}


/*
   On colored backgrounds
*/

[class*="bg--default"] .line-default:after {
    border-bottom-color: var(--qfc-yellow) !important;
}


/* ---------------------------------------------------------
   26. PAGE TITLE
--------------------------------------------------------- */

.page-title .card {
    background:
        linear-gradient(
            120deg,
            rgba(226, 38, 28, .90),
            rgba(255, 190, 0, .80),
            rgba(0, 170, 165, .85)
        );
}


.page-title .card h1 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
}


.page-title .card p {
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   27. PRICE
--------------------------------------------------------- */

.price,
.product-price,
.menu-price,
.card-label .price {
    color: var(--qfc-red) !important;
    font-family: var(--qfc-heading-font) !important;
    font-weight: 800 !important;
}


/* ---------------------------------------------------------
   28. MENU / FOOD CARDS
--------------------------------------------------------- */

.menucard {
    background: #FFFFFF !important;

    border: 2px solid rgba(0, 170, 165, .18);

    box-shadow:
        0 8px 30px rgba(0, 0, 0, .06);

    border-radius: 10px;
}


.menucard:hover {
    border-color: var(--qfc-yellow);

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .10);
}


/* Menu card headings */

.menucard h3,
.menucard h4,
.menucard h5 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
    color: var(--qfc-black);
}


/* ---------------------------------------------------------
   29. PRODUCT CARDS
--------------------------------------------------------- */

.product-item h3,
.product-item h4,
.food-item h3,
.food-item h4,
.menu-item h3,
.menu-item h4 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   30. CARD HOVER
--------------------------------------------------------- */

.cards-hover .card:hover {
    border-color: var(--qfc-yellow);
}


/* ---------------------------------------------------------
   31. PIZZA BOX / SPECIAL CUSTOM BOX
--------------------------------------------------------- */

.pzzabox {
    background:
        linear-gradient(
            135deg,
            #FFF8DD,
            #FFFFFF
        ) !important;

    border-left: 5px solid var(--qfc-yellow);

    color: var(--qfc-black) !important;
}


/* ---------------------------------------------------------
   32. CUSTOM ABOUT TEXT
--------------------------------------------------------- */

.about-text {
    font-family: var(--qfc-body-font) !important;
    color: var(--qfc-text) !important;
}


.about-text b {
    font-family: var(--qfc-heading-font) !important;
    color: var(--qfc-red);
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   33. EXTRA ABOUT TEXT
--------------------------------------------------------- */

.abouttext {
    font-family: var(--qfc-heading-font) !important;
    color: #FFFFFF;
}


/* ---------------------------------------------------------
   34. CONTACT SECTION
--------------------------------------------------------- */

.premium-contact-section {
    background:
        linear-gradient(
            120deg,
            #FFFFFF 0%,
            #FFFDF7 50%,
            #EAF9F8 100%
        );
}


.premium-contact-section h2 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 800 !important;
    color: var(--qfc-black);
}


.premium-contact-section h4 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
    color: var(--qfc-red);
}


.premium-contact-section .contact-tag {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 800;
    color: var(--qfc-teal);
    letter-spacing: .12em;
}


.premium-contact-section .contact-desc {
    color: var(--qfc-muted);
}


.premium-contact-section .contact-item i {
    color: #000;
}


.premium-contact-section .contact-item:nth-child(2) i {
    color: #000;
}


.premium-contact-section .contact-item:nth-child(3) i {
    color: #000;
}


.premium-contact-section a:hover {
    color: var(--qfc-teal);
}


/* ---------------------------------------------------------
   35. SOCIAL ICONS
--------------------------------------------------------- */

.social-icons a {
    background: var(--qfc-red);
    color: #FFFFFF !important;

    transition: all .3s ease;
}


.social-icons a:nth-child(2) {
    background: var(--qfc-yellow);
    color: var(--qfc-black) !important;
}


.social-icons a:nth-child(3) {
    background: var(--qfc-teal);
    color: #FFFFFF !important;
}


.social-icons a:hover {
    transform: translateY(-4px);
    background: var(--qfc-black);
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   36. FOOTER
--------------------------------------------------------- */

footer,
.footer {
    background: var(--qfc-black) !important;
    color: #FFFFFF;
}


footer h3,
footer h4,
footer h5,
.footer h3,
.footer h4,
.footer h5 {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
    color: #FFFFFF;
}


/* Footer first accent */

footer h3:first-letter,
.footer h3:first-letter {
    color: var(--qfc-red);
}


footer p,
.footer p {
    color: rgba(255, 255, 255, .72);
}


footer a,
.footer a {
    color: #FFFFFF;
}


footer a:hover,
.footer a:hover {
    color: #fff;
}


/* ---------------------------------------------------------
   37. FOOTER ACCENT
--------------------------------------------------------- */

footer:before,
.footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;

   
}


/* ---------------------------------------------------------
   38. FOOTER SOCIAL
--------------------------------------------------------- */

footer .social-icons a:nth-child(1) {
    background: var(--qfc-red);
}


footer .social-icons a:nth-child(2) {
    background: var(--qfc-yellow);
    color: var(--qfc-black) !important;
}


footer .social-icons a:nth-child(3) {
    background: var(--qfc-teal);
}


/* ---------------------------------------------------------
   39. FORM
--------------------------------------------------------- */

.form-control,
input,
textarea,
select {
    font-family: var(--qfc-body-font) !important;
    color: var(--qfc-black) !important;

    border-color: #E5E5E5;
}


.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--qfc-red) !important;

    box-shadow:
        0 0 0 2px rgba(226, 38, 28, .08) !important;
}


/* ---------------------------------------------------------
   40. FORM LABEL
--------------------------------------------------------- */

form .form-group label {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 600 !important;
    color: var(--qfc-black);
}


/* ---------------------------------------------------------
   41. PLACEHOLDER
--------------------------------------------------------- */

::placeholder {
    font-family: var(--qfc-body-font) !important;
    color: #999 !important;
}


/* ---------------------------------------------------------
   42. BADGES
--------------------------------------------------------- */

.lb {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;

    background: var(--qfc-yellow) !important;
    color: var(--qfc-black) !important;
}


/* ---------------------------------------------------------
   43. ICON COLORS
--------------------------------------------------------- */

.icn i,
.icn > i {
    color: var(--qfc-red);
}


.icn:nth-child(2) i {
    color: var(--qfc-yellow);
}


.icn:nth-child(3) i {
    color: var(--qfc-teal);
}


/* ---------------------------------------------------------
   44. ACCORDION
--------------------------------------------------------- */

.accordion .card {
    border-color: var(--qfc-border);
}


.accordion .card .card-header h5 a {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 700 !important;
}


.accordion .card .card-header h5 a:hover {
    color: var(--qfc-red);
}


.accordion-dot .card .card-header h5 a:after {
    background: var(--qfc-red) !important;
}


/* ---------------------------------------------------------
   45. TABS
--------------------------------------------------------- */

.nav-tabs .nav-link,
.nav-item .nav-link {
    font-family: var(--qfc-heading-font) !important;
    font-weight: 600 !important;
}


.nav-tabs .nav-link.active,
.nav-item .nav-link.active {
    background: var(--qfc-red) !important;
    color: #FFFFFF !important;
    border-color: var(--qfc-red) !important;
}


.nav-tabs .nav-link:hover {
    color: var(--qfc-teal);
}


/* ---------------------------------------------------------
   46. PAGINATION
--------------------------------------------------------- */

.pagination li a {
    font-family: var(--qfc-heading-font) !important;
    color: var(--qfc-black);
}


.pagination li.active a,
.pagination li a:hover {
    background: var(--qfc-red);
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   47. SEARCH
--------------------------------------------------------- */

.search-1 input {
    font-family: var(--qfc-body-font) !important;
}


.search-1 button {
    background: var(--qfc-red);
    color: #FFFFFF;
}


.search-1 button:hover {
    background: var(--qfc-yellow);
    color: var(--qfc-black);
}


/* ---------------------------------------------------------
   48. SELECTION
--------------------------------------------------------- */

::selection {
    background: var(--qfc-red);
    color: #FFFFFF;
}


/* ---------------------------------------------------------
   49. TEXT BACKGROUND
--------------------------------------------------------- */

.text-bg:before {
    font-family: var(--qfc-heading-font) !important;
    color: var(--qfc-red) !important;
    opacity: .06;
}


/* ---------------------------------------------------------
   50. WHITE TEXT
--------------------------------------------------------- */

.text-white {
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   51. BLACK TEXT
--------------------------------------------------------- */

.text-black {
    color: var(--qfc-black) !important;
}


/* ---------------------------------------------------------
   52. LINE / DECORATION
--------------------------------------------------------- */

.line-default:after {
    background:
        linear-gradient(
            90deg,
            var(--qfc-red),
            var(--qfc-yellow),
            var(--qfc-teal)
        );

    border: 0 !important;
    height: 3px;
}


/* ---------------------------------------------------------
   53. SPECIAL QFC GRADIENT TEXT
--------------------------------------------------------- */

.qfc-gradient-text {
    background:
        linear-gradient(
            90deg,
            var(--qfc-red),
            var(--qfc-yellow),
            var(--qfc-teal)
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* ---------------------------------------------------------
   54. SPECIAL BRAND BORDER
--------------------------------------------------------- */

.qfc-brand-border {
    border-top: 4px solid var(--qfc-red);
    border-right: 4px solid var(--qfc-yellow);
    border-bottom: 4px solid var(--qfc-teal);
    border-left: 4px solid var(--qfc-red);
}


/* ---------------------------------------------------------
   55. IMAGE CARDS
--------------------------------------------------------- */

.extracard img {
    border: 2px solid rgba(0, 170, 165, .25);
    box-shadow:
        0 8px 25px rgba(0, 0, 0, .10);
}


.extracard img:hover {
    border-color: var(--qfc-yellow);
}


/* ---------------------------------------------------------
   56. PAGE / SECTION BACKGROUND ALTERNATION
--------------------------------------------------------- */

/*
   Normal sections
*/

section:not([class*="bg--"]) {
    background-color: #FFFFFF;
}


/*
   Every alternate plain section gets a very subtle
   QFC background instead of plain white.
*/

section:nth-of-type(even):not([class*="bg--"]) {
    background:
        linear-gradient(
            120deg,
            #FFFFFF 0%,
            #FFFDF7 55%,
            #F2FBFA 100%
        );
}


/* ---------------------------------------------------------
   57. MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    h1 {
        font-size: 3.4rem !important;
        line-height: 1.1 !important;
    }

    h2 {
        font-size: 2.8rem !important;
        line-height: 1.15 !important;
    }

    h3 {
        font-size: 2.3rem !important;
    }

    h4 {
        font-size: 2rem !important;
    }

    p {
        font-size: 1.5rem !important;
    }

    .btn {
        font-size: 1.4rem !important;
    }

    .menu-nav ul.menu > li > a {
        font-size: 1.5rem !important;
    }
}


/* ---------------------------------------------------------
   58. SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 425px) {

    h1 {
        font-size: 3rem !important;
    }

    h2 {
        font-size: 2.5rem !important;
    }

    h3 {
        font-size: 2.1rem !important;
    }

    p {
        font-size: 1.45rem !important;
    }
}

/* =========================================================
   QFC - ORDER AREA
   ========================================================= */

.chef-area.chef-area-two {
    background: #FFBE00 !important;
    position: relative;
}


/* Main container */

.chef-area.chef-area-two .order-area {
    background: transparent !important;
}


/* Heading */

.chef-area.chef-area-two .order-area h2 {
    font-family: "League Spartan", sans-serif !important;
    font-weight: 800 !important;
    color: #111111 !important;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}


/* Description */

.chef-area.chef-area-two .order-area p {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500 !important;
    color: #000 !important;
}


/* =========================================================
   ZOMATO + SWIGGY IMAGES
   ========================================================= */

.chef-area.chef-area-two .order-area > a {
    display: inline-block;
    padding: 8px;
    margin: 10px 8px;



    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.18);

    transition: all 0.3s ease;
}


/* Images */

.chef-area.chef-area-two .order-area > a img {
    display: block;

    width: 145px;
    height: 145px;

    object-fit: cover;

    border-radius: 12px;
}


/* Hover */

.chef-area.chef-area-two .order-area > a:hover {
    transform: translateY(-6px);

    border-color: #00AAA5;

    box-shadow:
        0 12px 25px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   THREE QFC BRAND COLORS IN THIS SECTION
   ========================================================= */

/* Heading accent */

.chef-area.chef-area-two .order-area h2::after {
    content: "";
    display: block;

    width: 90px;
    height: 4px;

    margin: 18px auto 0;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        #E2261C 0%,
        #FFBE00 50%,
        #00AAA5 100%
    );
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .chef-area.chef-area-two .order-area h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .chef-area.chef-area-two .order-area p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .chef-area.chef-area-two .order-area > a img {
        width: 110px;
        height: 110px;
    }

    .chef-area.chef-area-two .order-area > a {
        padding: 6px;
        margin: 8px 5px;
    }
}


/* =========================================================
   QFC PREMIUM HERO BANNER
   Logo Colors:
   Red   #ed1c24
   Yellow #ffbf00
   Teal  #12aaa5
   Black #0b0b0b
========================================================= */

.qfc-hero-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0b0b0b;
}

.qfc-hero-bg {
	position: relative;
	min-height: 680px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.qfc-hero-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.92) 0%,
			rgba(0, 0, 0, 0.78) 38%,
			rgba(0, 0, 0, 0.40) 68%,
			rgba(0, 0, 0, 0.18) 100%
		);
	z-index: 1;
}


/* Content */

.qfc-hero-content {
	position: relative;
	z-index: 2;
	padding: 80px 0 100px;
	max-width: 720px;
}


/* Small Label */

.qfc-hero-label {
	display: flex;
	align-items: center;
	gap: 13px;

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 4px;
	color: #ffffff;

	margin-bottom: 22px;
}

.qfc-label-line {
	width: 38px;
	height: 3px;
	display: inline-block;
	background: #ffbf00;
	border-radius: 10px;
}


/* Main Heading */

.qfc-hero-content h1 {
	margin: 0;
	padding: 0;

	font-family: "Poppins", sans-serif;
	font-size: 68px;
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -1.5px;
	text-transform: uppercase;

	color: #ffffff;
}

.qfc-hero-content h1 span {
	color: #ffbf00;
}

.qfc-hero-content h1 strong {
	color: #12aaa5;
	font-weight: 800;
}


/* Description */

.qfc-hero-description {
	margin: 25px 0 0;

	font-family: "Poppins", sans-serif;
	font-size: 19px;
	line-height: 1.7;
	font-weight: 400;

	color: rgba(255, 255, 255, 0.88);
}


/* Buttons */

.qfc-hero-buttons {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 32px;
}

.qfc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 52px;
	padding: 0 27px;

	border-radius: 4px;

	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;

	text-decoration: none !important;

	transition: all 0.3s ease;
}


/* Explore Menu */

.qfc-btn-primary {
	background: #ed1c24;
	color: #ffffff !important;

	border: 2px solid #ed1c24;
}

.qfc-btn-primary:hover {
	background: #ffbf00;
	border-color: #ffbf00;
	color: #0b0b0b !important;
	transform: translateY(-3px);
}

.qfc-btn-primary i {
	font-size: 12px;
}


/* Call Button */

.qfc-btn-outline {
	background: transparent;
	color: #ffffff !important;

	border: 2px solid #ffffff;
}

.qfc-btn-outline:hover {
	background: #12aaa5;
	border-color: #12aaa5;
	color: #ffffff !important;
	transform: translateY(-3px);
}

.qfc-btn-outline i {
	color: #ffbf00;
}

.qfc-btn-outline:hover i {
	color: #ffffff;
}


/* Features */

.qfc-hero-features {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;

	margin-top: 38px;
}

.qfc-hero-features span {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 500;

	color: rgba(255, 255, 255, 0.88);
}

.qfc-hero-features i {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 20px;
	height: 20px;

	border-radius: 50%;

	background: #12aaa5;
	color: #ffffff;

	font-size: 10px;
}


/* Bottom Logo Color Strip */

.qfc-color-bar {
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 6px;

	display: flex;
	z-index: 5;
}

.qfc-color-bar span {
	height: 100%;
	flex: 1;
}

.qfc-red {
	background: #ed1c24;
}

.qfc-yellow {
	background: #ffbf00;
}

.qfc-teal {
	background: #12aaa5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.qfc-hero-bg {
		min-height: 600px;
		background-position: center center;
	}

	.qfc-hero-content {
		padding: 70px 0 90px;
	}

	.qfc-hero-content h1 {
		font-size: 56px;
	}

	.qfc-hero-description {
		font-size: 17px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.qfc-hero-bg {
		min-height: 620px;
		background-position: 62% center;
	}

	.qfc-hero-overlay {
		background:
			linear-gradient(
				90deg,
				rgba(0, 0, 0, 0.90) 0%,
				rgba(0, 0, 0, 0.72) 60%,
				rgba(0, 0, 0, 0.45) 100%
			);
	}

	.qfc-hero-content {
		padding: 70px 20px 85px;
	}

	.qfc-hero-label {
		font-size: 11px;
		letter-spacing: 2.5px;
		gap: 8px;
		margin-bottom: 18px;
	}

	.qfc-label-line {
		width: 24px;
		height: 2px;
	}

	.qfc-hero-content h1 {
		font-size: 43px;
		line-height: 1.06;
		letter-spacing: -0.5px;
	}

	.qfc-hero-description {
		font-size: 15px;
		line-height: 1.6;
		margin-top: 20px;
	}

	.qfc-hero-buttons {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-top: 27px;
	}

	.qfc-btn {
		min-height: 48px;
		padding: 0 22px;
		font-size: 12px;
	}

	.qfc-hero-features {
		gap: 10px 18px;
		margin-top: 28px;
	}

	.qfc-hero-features span {
		font-size: 11px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.qfc-hero-bg {
		min-height: 590px;
		background-position: 65% center;
	}

	.qfc-hero-content {
		padding: 60px 15px 80px;
	}

	.qfc-hero-content h1 {
		font-size: 36px;
	}

	.qfc-hero-description {
		font-size: 14px;
	}

	.qfc-hero-features {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.qfc-hero-features span:last-child {
		grid-column: 1 / -1;
	}

}

/* Center Hero Content */
.qfc-hero-content {
	position: relative;
	z-index: 2;
	padding: 80px 0 100px;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

/* Center Label */
.qfc-hero-label {
	justify-content: center;
}

/* Center Description */
.qfc-hero-description {
	text-align: center;
}

/* Center Buttons */
.qfc-hero-buttons {
	justify-content: center;
}

/* Center Features */
.qfc-hero-features {
	justify-content: center;
}
/* =========================================================
   QFC HERO - FINAL RESPONSIVE MOBILE FIX
   Add this AFTER all existing QFC hero CSS
========================================================= */


/* ---------- TABLET ---------- */

@media (max-width: 991px) {

	.qfc-hero-bg {
		min-height: 620px;
		background-position: center center;
	}

	.qfc-hero-content {
		width: 100%;
		max-width: 760px;
		margin: 0 auto;
		padding: 80px 30px 90px;
		text-align: center;
	}

	.qfc-hero-label {
		justify-content: center;
	}

	.qfc-hero-content h1 {
		font-size: 56px;
		line-height: 1.05;
		text-align: center;
	}

	.qfc-hero-description {
		max-width: 650px;
		margin: 22px auto 0;
		text-align: center;
	}

	.qfc-hero-buttons {
		justify-content: center;
	}

	.qfc-hero-features {
		justify-content: center;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	/* Hero height */
	.qfc-hero-bg {
		min-height: 650px;
		height: auto;
		background-position: 60% center;
		background-size: cover;
	}

	/* Darker mobile overlay for better readability */
	.qfc-hero-overlay {
		background:
			linear-gradient(
				180deg,
				rgba(0, 0, 0, 0.88) 0%,
				rgba(0, 0, 0, 0.70) 45%,
				rgba(0, 0, 0, 0.82) 100%
			);
	}

	/* Main content */
	.qfc-hero-content {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 72px 16px 85px;
		text-align: center;
		box-sizing: border-box;
	}

	/* ---------- LABEL ---------- */

	.qfc-hero-label {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;

		font-size: 11px;
		line-height: 1.2;
		letter-spacing: 2.5px;

		margin: 0 auto 20px;
		white-space: nowrap;
	}

	.qfc-label-line {
		width: 25px;
		height: 2px;
		flex-shrink: 0;
	}


	/* ---------- HEADING ---------- */

	.qfc-hero-content h1 {
		width: 100%;
		max-width: 370px;

		margin: 0 auto;
		padding: 0;

		font-size: 40px;
		line-height: 1.08;
		font-weight: 800;
		letter-spacing: -0.8px;

		text-align: center;
	}

	.qfc-hero-content h1 strong,
	.qfc-hero-content h1 span {
		font-weight: 800;
	}

	/* Keep heading visually centered */
	.qfc-hero-content h1 br {
		line-height: 1.08;
	}


	/* ---------- DESCRIPTION ---------- */

	.qfc-hero-description {
		width: 100%;
		max-width: 330px;

		margin: 23px auto 0;

		font-size: 15px;
		line-height: 1.65;
		text-align: center;

		color: rgba(255, 255, 255, 0.92);
	}


	/* ---------- BUTTONS ---------- */

	.qfc-hero-buttons {
		width: 100%;

		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		gap: 10px;

		margin: 27px auto 0;
	}

	.qfc-btn {
		min-height: 50px;

		padding: 0 18px;

		font-size: 12px;
		font-weight: 700;

		white-space: nowrap;
	}

	.qfc-btn-primary {
		min-width: 145px;
	}

	.qfc-btn-outline {
		min-width: 125px;
	}


	/* ---------- FEATURES ---------- */

	.qfc-hero-features {
		width: 100%;
		max-width: 350px;

		display: grid;
		grid-template-columns: 1fr 1fr;

		align-items: center;
		justify-content: center;

		gap: 14px 12px;

		margin: 34px auto 0;
	}

	.qfc-hero-features span {
		display: flex;
		align-items: center;
		justify-content: flex-start;

		gap: 8px;

		font-size: 11px;
		line-height: 1.35;

		text-align: left;
	}

	.qfc-hero-features i {
		width: 23px;
		height: 23px;

		min-width: 23px;

		font-size: 10px;
	}

	/* Third feature centered below */
	.qfc-hero-features span:last-child {
		grid-column: 1 / -1;
		justify-self: center;
	}


	/* ---------- COLOR BAR ---------- */

	.qfc-color-bar {
		height: 5px;
	}


	/* ---------- WHATSAPP ---------- */

	.premium-whatsapp-btn {
		z-index: 9999;
	}

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

	.qfc-hero-bg {
		min-height: 650px;
		background-position: 62% center;
	}

	.qfc-hero-content {
		padding: 65px 15px 80px;
	}

	/* Label */
	.qfc-hero-label {
		font-size: 10px;
		letter-spacing: 2.2px;
		gap: 7px;
		margin-bottom: 18px;
	}

	.qfc-label-line {
		width: 24px;
		height: 2px;
	}


	/* Heading */
	.qfc-hero-content h1 {
		max-width: 360px;

		font-size: 37px;
		line-height: 1.08;
		letter-spacing: -0.6px;
	}


	/* Description */
	.qfc-hero-description {
		max-width: 330px;

		margin-top: 22px;

		font-size: 14px;
		line-height: 1.65;
	}


	/* Buttons */
	.qfc-hero-buttons {
		gap: 9px;
		margin-top: 25px;
	}

	.qfc-btn {
		min-height: 49px;
		padding: 0 15px;

		font-size: 11px;
		letter-spacing: 0.3px;
	}

	.qfc-btn-primary {
		min-width: 140px;
	}

	.qfc-btn-outline {
		min-width: 120px;
	}


	/* Features */
	.qfc-hero-features {
		max-width: 330px;

		grid-template-columns: 1fr 1fr;

		gap: 13px 10px;

		margin-top: 32px;
	}

	.qfc-hero-features span {
		font-size: 10.5px;
		gap: 7px;
	}

	.qfc-hero-features i {
		width: 22px;
		height: 22px;
		min-width: 22px;
		font-size: 9px;
	}

}


/* =========================================================
   VERY SMALL MOBILE - 375px
========================================================= */

@media (max-width: 375px) {

	.qfc-hero-bg {
		min-height: 660px;
		background-position: 63% center;
	}

	.qfc-hero-content {
		padding: 60px 12px 78px;
	}


	/* Label */
	.qfc-hero-label {
		font-size: 9.5px;
		letter-spacing: 2px;
		gap: 6px;
	}


	/* Heading */
	.qfc-hero-content h1 {
		max-width: 345px;

		font-size: 34px;
		line-height: 1.08;
		letter-spacing: -0.5px;
	}


	/* Description */
	.qfc-hero-description {
		max-width: 310px;

		font-size: 13.5px;
		line-height: 1.6;
	}


	/* Buttons */
	.qfc-hero-buttons {
		width: 100%;
		gap: 8px;
	}

	.qfc-btn {
		min-height: 48px;
		padding: 0 12px;

		font-size: 10.5px;
	}

	.qfc-btn-primary {
		min-width: 137px;
	}

	.qfc-btn-outline {
		min-width: 115px;
	}


	/* Features */
	.qfc-hero-features {
		max-width: 315px;

		gap: 12px 8px;

		margin-top: 30px;
	}

	.qfc-hero-features span {
		font-size: 10px;
	}

	.qfc-hero-features i {
		width: 21px;
		height: 21px;
		min-width: 21px;
	}

}


/* =========================================================
   EXTRA SMALL - 320px
========================================================= */

@media (max-width: 340px) {

	.qfc-hero-bg {
		min-height: 680px;
	}

	.qfc-hero-content {
		padding: 55px 10px 75px;
	}


	.qfc-hero-label {
		font-size: 9px;
		letter-spacing: 1.7px;
	}


	.qfc-hero-content h1 {
		max-width: 300px;

		font-size: 31px;
		line-height: 1.08;
	}


	.qfc-hero-description {
		max-width: 285px;
		font-size: 13px;
	}


	/* Stack buttons only on very narrow screens */
	.qfc-hero-buttons {
		flex-direction: column;
		gap: 9px;
	}

	.qfc-btn-primary,
	.qfc-btn-outline {
		width: 180px;
		min-width: 180px;
	}


	/* Features stay clean */
	.qfc-hero-features {
		max-width: 290px;

		grid-template-columns: 1fr 1fr;

		margin-top: 28px;
	}

}

/* =========================================================
   QFC PREMIUM INNER PAGE BANNER
========================================================= */

.qfc-page-title {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0;
}

.qfc-page-title-bg {
	position: relative;
	min-height: 330px;

	/* Keep your existing page-title background */
	background-image: url("../images/fastfood/slider-2.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
}

/* Dark premium overlay */
.qfc-page-title-overlay {
	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.90) 0%,
			rgba(0, 0, 0, 0.72) 50%,
			rgba(0, 0, 0, 0.88) 100%
		);

	z-index: 1;
}

/* Content */
.qfc-page-title-content {
	position: relative;
	z-index: 2;

	text-align: center;
	padding: 70px 15px 75px;
}

/* Small label */
.qfc-title-label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;

	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 4px;

	color: #ffffff;

	margin-bottom: 18px;
}

.qfc-title-label span {
	width: 38px;
	height: 3px;

	display: inline-block;

	background: linear-gradient(
		90deg,
		#ed1c24,
		#ffbf00,
		#12aaa5
	);

	border-radius: 10px;
}

/* Main heading */
.qfc-page-title-content h1 {
	margin: 0;

	font-family: "Poppins", sans-serif;
	font-size: 58px;
	line-height: 1.1;
	font-weight: 800;

	letter-spacing: 1px;
	text-transform: uppercase;

	color: #ffffff;
}

.qfc-page-title-content h1 strong {
	color: #ffbf00;
	font-weight: 800;
}

/* Subtitle */
.qfc-page-title-content p {
	margin: 18px 0 0;

	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;

	color: rgba(255, 255, 255, 0.85);
}


/* =========================================================
   BOTTOM BRAND STRIP
========================================================= */

.qfc-page-title::after {
	content: "";

	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 5px;

	background: linear-gradient(
		90deg,
		#ed1c24 0%,
		#ed1c24 33%,
		#ffbf00 33%,
		#ffbf00 66%,
		#12aaa5 66%,
		#12aaa5 100%
	);

	z-index: 5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.qfc-page-title-bg {
		min-height: 290px;
	}

	.qfc-page-title-content {
		padding: 60px 15px 65px;
	}

	.qfc-page-title-content h1 {
		font-size: 48px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.qfc-page-title-bg {
		min-height: 250px;

		background-position: center center;
	}

	.qfc-page-title-content {
		padding: 55px 15px 60px;
	}

	.qfc-title-label {
		font-size: 10px;
		letter-spacing: 2.5px;
		gap: 9px;
		margin-bottom: 15px;
	}

	.qfc-title-label span {
		width: 24px;
		height: 2px;
	}

	.qfc-page-title-content h1 {
		font-size: 38px;
		letter-spacing: 0.5px;
	}

	.qfc-page-title-content p {
		font-size: 13px;
		margin-top: 12px;
		letter-spacing: 0.5px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.qfc-page-title-bg {
		min-height: 220px;
	}

	.qfc-page-title-content {
		padding: 48px 12px 52px;
	}

	.qfc-title-label {
		font-size: 9px;
		letter-spacing: 2px;
	}

	.qfc-title-label span {
		width: 20px;
	}

	.qfc-page-title-content h1 {
		font-size: 32px;
	}

	.qfc-page-title-content p {
		font-size: 12px;
	}

}


/* =========================================================
   QFC PREMIUM CONTACT SECTION
========================================================= */

.premium-contact-section {
    width: 100%;
    padding: 80px 20px;
    background: #f8f6f1;
    overflow: hidden;
}

.premium-contact-wrapper {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 30px;

    align-items: stretch;
}


/* =========================================================
   LEFT CONTACT AREA
========================================================= */

.premium-contact-info {
    background: #ffffff;
    border-radius: 28px;
    padding: 48px 42px 40px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    min-width: 0;
}


/* Small Heading */

.contact-tag {
    position: relative;

    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin-bottom: 18px;
    padding-left: 48px;

    color: #12aaa5;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.contact-tag::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 35px;
    height: 3px;

    transform: translateY(-50%);

    background: #ffbf00;
    border-radius: 10px;
}


/* Main Heading */

.premium-contact-info h2 {
    margin: 0;

    font-family: "Poppins", sans-serif;
    font-size: 52px;
    line-height: 1.1;
    font-weight: 800;

    color: #111111;
}


/* Description */

.contact-desc {
    max-width: 600px;

    margin: 22px 0 32px;

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;

    color: #777777;
}


/* =========================================================
   CONTACT CARD
========================================================= */

.contact-card {
    width: 100%;

    padding: 8px 0;

    background: #ffffff;

    border-left: 4px solid #ed1c24;
    border-radius: 0 18px 18px 0;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}


/* Individual Contact Item */

.contact-item {
    display: flex;
    align-items: center;

    gap: 20px;

    padding: 25px 28px;

    min-height: 105px;

    border-bottom: 1px solid #eeeeee;
}

.contact-item:last-child {
    border-bottom: none;
}


/* Icons */

.contact-item > i {
    flex: 0 0 56px;

    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #12aaa5;
    color: #ffffff;

    font-size: 20px;

    transition: all 0.3s ease;
}

.contact-item:hover > i {
    background: #ffbf00;
    color: #111111;
    transform: translateY(-3px);
}


/* Contact Text */

.contact-item div {
    min-width: 0;
}

.contact-item h4 {
    margin: 0 0 7px;

    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #111111;
}

.contact-item p {
    margin: 0;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.7;

    color: #777777;

    word-break: normal;
}

.contact-item a {
    color: #777777;
    text-decoration: none;

    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: #12aaa5;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.social-icons {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 30px;
}

.social-icons a {
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    text-decoration: none;

    font-size: 18px;

    transition: all 0.3s ease;
}


/* Facebook */

.social-icons a:nth-child(1) {
    background: #111111;
    color: #ffffff;
}


/* Instagram */

.social-icons a:nth-child(2) {
    background: #ffbf00;
    color: #111111;
}


/* Google */

.social-icons a:nth-child(3) {
    background: #12aaa5;
    color: #ffffff;
}


.social-icons a:hover {
    transform: translateY(-5px);
}


/* =========================================================
   MAP
========================================================= */

.premium-map-box {
    position: relative;

    min-height: 620px;

    overflow: hidden;

    background: #eeeeee;

    border-radius: 28px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.10);

    border: 8px solid #ffffff;
}

.premium-map-box iframe {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 604px;

    border: 0 !important;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

    .premium-contact-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .premium-contact-info {
        padding: 40px 32px;
    }

    .premium-contact-info h2 {
        font-size: 44px;
    }

    .contact-item {
        padding: 22px;
        gap: 16px;
    }

    .premium-map-box {
        min-height: 580px;
    }

    .premium-map-box iframe {
        min-height: 564px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .premium-contact-section {
        padding: 60px 20px;
    }

    .premium-contact-wrapper {
        grid-template-columns: 1fr;
        max-width: 750px;
    }

    .premium-contact-info {
        padding: 40px;
    }

    .premium-map-box {
        min-height: 500px;
    }

    .premium-map-box iframe {
        min-height: 484px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .premium-contact-section {
        padding: 45px 15px;
    }

    .premium-contact-wrapper {
        display: flex;
        flex-direction: column;

        gap: 20px;

        width: 100%;
    }


    /* Left Card */

    .premium-contact-info {
        width: 100%;

        padding: 32px 20px 28px;

        border-radius: 22px;

        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    }


    /* Label */

    .contact-tag {
        font-size: 11px;
        letter-spacing: 2px;

        padding-left: 38px;

        margin-bottom: 14px;
    }

    .contact-tag::before {
        width: 28px;
        height: 2px;
    }


    /* Heading */

    .premium-contact-info h2 {
        font-size: 38px;
        line-height: 1.15;
    }


    /* Description */

    .contact-desc {
        margin: 16px 0 25px;

        font-size: 14px;
        line-height: 1.7;
    }


    /* Contact Card */

    .contact-card {
        border-left-width: 3px;

        border-radius: 0 14px 14px 0;
    }


    /* Contact Items */

    .contact-item {
        min-height: auto;

        padding: 20px 15px;

        gap: 14px;

        align-items: flex-start;
    }


    /* Icons */

    .contact-item > i {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        font-size: 16px;
    }


    /* Contact Text */

    .contact-item h4 {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .contact-item p {
        font-size: 13px;
        line-height: 1.6;

        overflow-wrap: break-word;
    }


    /* Social */

    .social-icons {
        margin-top: 22px;
        gap: 10px;
    }

    .social-icons a {
        width: 44px;
        height: 44px;

        font-size: 16px;
    }


    /* Map */

    .premium-map-box {
        width: 100%;

        min-height: 400px;

        border-radius: 22px;

        border-width: 6px;
    }

    .premium-map-box iframe {
        width: 100%;
        min-height: 388px;
    }
}


/* =========================================================
   SMALL MOBILE — 480px
========================================================= */

@media (max-width: 480px) {

    .premium-contact-section {
        padding: 35px 12px;
    }

    .premium-contact-info {
        padding: 28px 16px 24px;

        border-radius: 20px;
    }

    .premium-contact-info h2 {
        font-size: 34px;
    }

    .contact-desc {
        font-size: 13px;
        line-height: 1.65;
    }

    .contact-item {
        padding: 18px 12px;

        gap: 12px;
    }

    .contact-item > i {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 15px;
    }

    .contact-item h4 {
        font-size: 12px;
    }

    .contact-item p {
        font-size: 12px;
    }

    .premium-map-box {
        min-height: 350px;

        border-width: 5px;
    }

    .premium-map-box iframe {
        min-height: 340px;
    }
}


/* =========================================================
   VERY SMALL MOBILE — 375px
========================================================= */

@media (max-width: 375px) {

    .premium-contact-section {
        padding: 30px 10px;
    }

    .premium-contact-info {
        padding: 25px 14px 22px;
    }

    .premium-contact-info h2 {
        font-size: 30px;
    }

    .contact-tag {
        font-size: 10px;
        letter-spacing: 1.7px;
    }

    .contact-desc {
        font-size: 12px;
    }

    .contact-item {
        padding: 17px 10px;
    }

    .contact-item > i {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        font-size: 14px;
    }

    .contact-item p {
        font-size: 11.5px;
    }

    .premium-map-box {
        min-height: 320px;
    }

    .premium-map-box iframe {
        min-height: 310px;
    }
}


/* =========================================================
   QFC VALUES / WHAT WE STAND FOR
========================================================= */

.qfc-values-section {
    position: relative;
    width: 100%;
    padding: 50px 20px;
    background: #f8f6f1;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* ---------------------------------------------------------
   SECTION HEADING
--------------------------------------------------------- */

.qfc-values-heading {
    max-width: 750px;
    margin: 0 auto 55px;
}

.qfc-values-tag {
    position: relative;
    display: inline-flex;
    align-items: center;

    padding-left: 45px;

    color: #12aaa5;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.qfc-values-tag::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    

    transform: translateY(-50%);

    background: #ed1c24;
    border-radius: 10px;
}


.qfc-values-heading h2 {
    margin: 15px 0 14px;

    color: #111111;

    font-size: 46px;
    line-height: 1.2;
    font-weight: 800;
}

.qfc-values-heading h2 strong {
    color: #ed1c24;
    font-weight: 800;
}


.qfc-values-heading p {
    max-width: 650px;
    margin: 0 auto;

    color: #000;

    font-size: 15px;
    line-height: 1.8;
}


/* ---------------------------------------------------------
   VALUES GRID
--------------------------------------------------------- */

.qfc-values-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;

    max-width: 1200px;
    margin: 0 auto;
}


/* ---------------------------------------------------------
   VALUE CARD
--------------------------------------------------------- */

.qfc-value-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    min-height: 155px;

    padding: 28px 24px;

    background: #ffffff;

    border-radius: 18px;

    border: 1px solid #eeeeee;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.qfc-value-card:hover {
    transform: translateY(-7px);

    border-color: rgba(18, 170, 165, 0.35);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.qfc-value-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #12aaa5;

    color: #ffffff;

    font-size: 19px;

    transition: all 0.3s ease;
}


.qfc-value-card:hover .qfc-value-icon {
    background: #ffbf00;
    color: #111111;

    transform: rotate(-5deg);
}


/* ---------------------------------------------------------
   TEXT
--------------------------------------------------------- */

.qfc-value-content {
    flex: 1;
}

.qfc-value-content h3 {
    margin: 2px 0 8px;

    color: #000;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;

    letter-spacing: 1px;
}


.qfc-value-content p {
    margin: 0;

    color: #000;

    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
}


/* ---------------------------------------------------------
   BRAND COLOR VARIATIONS
--------------------------------------------------------- */

/* Quality */
.qfc-value-card:nth-child(1) .qfc-value-icon {
    background: #ed1c24;
}

/* Hygiene */
.qfc-value-card:nth-child(2) .qfc-value-icon {
    background: #12aaa5;
}

/* Taste */
.qfc-value-card:nth-child(3) .qfc-value-icon {
    background: #ffbf00;
    color: #111111;
}

/* Variety */
.qfc-value-card:nth-child(4) .qfc-value-icon {
    background: #ed1c24;
}

/* Value */
.qfc-value-card:nth-child(5) .qfc-value-icon {
    background: #ffbf00;
    color: #111111;
}

/* Convenience */
.qfc-value-card:nth-child(6) .qfc-value-icon {
    background: #12aaa5;
}

/* Experience */
.qfc-value-card:nth-child(7) .qfc-value-icon {
    background: #ed1c24;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

    .qfc-values-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 850px;
    }

    .qfc-values-heading h2 {
        font-size: 42px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {

    .qfc-values-section {
        padding: 65px 15px;
    }

    .qfc-values-heading {
        margin-bottom: 35px;
    }

    .qfc-values-heading h2 {
        font-size: 36px;
    }

    .qfc-values-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .qfc-values-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .qfc-value-card {
        min-height: auto;
        padding: 23px 20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .qfc-values-section {
        padding: 50px 12px;
    }

    .qfc-values-heading {
        margin-bottom: 30px;
    }

    .qfc-values-tag {
        font-size: 10px;
        letter-spacing: 2px;
        padding-left: 38px;
    }

    .qfc-values-tag::before {
        width: 27px;
        height: 2px;
    }

    .qfc-values-heading h2 {
        margin-top: 12px;
        font-size: 31px;
    }

    .qfc-values-heading p {
        font-size: 13px;
    }

    .qfc-value-card {
        gap: 15px;
        padding: 20px 17px;
        border-radius: 15px;
    }

    .qfc-value-icon {
        flex: 0 0 44px;

        width: 44px;
        height: 44px;

        border-radius: 12px;

        font-size: 16px;
    }

    .qfc-value-content h3 {
        font-size: 13px;
    }

    .qfc-value-content p {
        font-size: 12px;
        line-height: 1.6;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 375px) {

    .qfc-values-section {
        padding: 45px 10px;
    }

    .qfc-values-heading h2 {
        font-size: 28px;
    }

    .qfc-value-card {
        padding: 18px 14px;
    }

    .qfc-value-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        font-size: 14px;
    }
}