* {
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
	max-width: 100%;
}

body {
	font-family: 'Jost', sans-serif;
	color: #333;
	background: #fff;
	overflow-x: hidden;
	max-width: 100%;
	top: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
}

.slider-video iframe {
	width: 100%;
	height: 600px;
}

.d_n {
	display: none!important;
}

.d_b {
    display: block!important;
}

a {
	-webkit-transition: all 0.4s ease!important;
	transition: all 0.4s ease!important;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.bg-lightblue {
	background: #f1f5f9;
}

.customer-dashboard-message {
	background: red;
	color: #fff;
	padding: 10px;
}

.limit {
	font-size: 14px;
	color: red;
}

.dashboard-box {
	padding: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.dashboard-box-1 {
	background: #007bff;
}
.dashboard-box-2 {
	background: #28a745;
}
.dashboard-box-3 {
	background: #eaeaea;
	color: #333;
}
.dashboard-box-3 table,
.dashboard-box-3 table tr td {
	border: 1px solid #b1b1b1;
}

.contact-page-map iframe {
	width: 100%;
	height: 500px;
	margin-bottom: 50px;
}

.w-400 {
	width: 400px!important;
}
.w-300 {
	width: 300px!important;
}
.w-200 {
	width: 200px!important;
}
.w-100 {
	width: 100px!important;
}
.w-150 {
	width: 150px!important;
}

.w-100-p {
	width: 100%!important;
}

.h-100 {
	height: 100px!important;
}
.h-70 {
	height: 70px!important;
}
.h-200 {
	height: 200px!important;
}
.h-300 {
	height: 300px!important;
}

.btn-arf {
	background: #e00445!important;
	border: 0;
}

.btn-arf:hover {
	background: #333!important;
}

.existing-video iframe {
	width: 100%;
	height: 170px;
}


.search-section {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	max-width: 100%;
	/*padding-top: 150px;*/
	/*padding-bottom: 150px;*/
}

/* Banner slider only — do not clip search suggestion dropdowns on search-section2 */
.search-section .slider {
	overflow: hidden;
	max-width: 100%;
}

.search-section.search-section2,
.search-section.search-section2 .box,
.search-section.search-section2 .input-group_block,
.search-section.search-section2 .row {
	overflow: visible;
}

.search-section.search-section2 {
	position: relative;
	z-index: 100;
}

.navbar-area {
	width: 100%;
	max-width: 100%;
	overflow: visible;
	position: relative;
	z-index: 999;
}
.search-section2 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	padding-top: 50px;
	padding-bottom: 5px;
}

.search-section .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #313131;*/
	opacity: 0.5;
}

.search-section h1 {
	color: #fff;
	font-weight: 700;
	font-size: 50px;
	text-align: center;
}

.search-section p {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
}

.search-section .input-box {
	background: rgb(245, 245, 245, 0.3);
	padding: 10px;
	border-radius: 6px;
}
.search-section .input-box input {
	width: 25%;
	height: 40px;
	font-size: 16px!important;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.search-section .input-box .select2-container {
	width: 25%!important;
	height: 40px;
	font-size: 16px!important;
}
.search-section .input-group-append {
	width: 25%!important;
	height: 40px;
	font-size: 16px!important;
}
.search-section .input-group-append button {
	width: 100%!important;
	background: #e00445;
	border: 0;
	color: #fff;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.select2-container--bootstrap .select2-selection {
	font-size: 16px!important;
}
.select2-container--bootstrap .select2-selection--single {
	height: 40px;
	line-height: 26px;
}

@media only screen and (max-width: 767px) {
	.search-section {
		padding-top: 100px!important;
		padding-bottom: 50px!important;
	}
	.search-section .input-group {
		display: block;
	}
	.search-section .input-box input {
		width: 100%;
		border-top-right-radius: 6px!important;
		border-bottom-right-radius: 6px!important;
		margin-bottom: 5px;
	}
	.search-section .input-box .select2-container {
		width: 100%!important;
	}
	.search-section .input-group-append {
		width: 100%!important;
	}
	.select2-container--bootstrap .select2-selection--single {
		border-radius: 6px!important;
		margin-bottom: 5px!important;
	}
	.search-section .input-group-append button {
		border-top-left-radius: 6px!important;
		border-bottom-left-radius: 6px!important;
	}
}


/* Main Nav */
.main-nav {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	background: transparent;
	width: 100%;
	max-width: 100%;
	overflow: visible;
}

.main-nav > .container {
	width: 100%;
	max-width: 1140px;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 992px) {
	.main-nav .navbar {
		flex-wrap: nowrap;
		align-items: center;
	}

	.main-nav .navbar-brand {
		flex: 0 0 auto;
		margin-right: 12px;
		max-width: 220px;
	}

	.main-nav .navbar-brand img {
		max-height: 60px;
		width: auto;
	}

	.main-nav .navbar-collapse {
		flex: 1 1 auto;
		min-width: 0;
		overflow: visible;
	}

	.main-nav .navbar-nav {
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		max-width: 100%;
		row-gap: 0;
	}

	.main-nav nav .navbar-nav .nav-item {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.main-nav nav .navbar-nav .nav-item a.nav-link {
		font-size: 13px;
		padding-left: 8px !important;
		padding-right: 8px !important;
		white-space: nowrap;
	}

	.main-nav #google_translate_element {
		max-width: 130px;
		margin-top: 0 !important;
		overflow: hidden;
	}

	.main-nav #google_translate_element .select2-container {
		max-width: 130px !important;
	}
}

@media (min-width: 1200px) {
	.main-nav > .container {
		max-width: 1320px;
	}

	.main-nav nav .navbar-nav .nav-item a.nav-link {
		font-size: 14px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* Google Translate hidden iframe / body offset gap */
body > .skiptranslate {
	display: none !important;
	height: 0 !important;
}

iframe.goog-te-banner-frame {
	display: none !important;
}

.main-nav .navbar {
	padding-left: 0;
	padding-right: 0;
}

.main-nav nav .navbar-nav .nav-item {
	padding-top: 28px;
	padding-bottom: 28px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
	top: 88px!important;
	background: #ffffff!important;
	padding: 0!important;
	border: 2px solid #f5f5f5!important;
	border-radius: 0!important;
}

.main-nav nav .navbar-nav .nav-item a {
	color: #333;
	font-weight: 600;
	text-transform: none!important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	color: #444;
	border-bottom: 1px solid #dbdbdb;
}

.mobile-nav.mean-container .mean-nav ul li a.active,
.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a:focus,
.main-nav nav .navbar-nav .nav-item a.active,
.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
	color: #e00445;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
	color: #e00445!important;
}

.main-nav img {
	height: 70px;
}


/* Sticky Nav */
.sticky {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	z-index: 999;
}


/* Sidepanel */
.sidepanel {
  	height: 250px; /* Specify a height */
  	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}
.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}
.sidepanel a:hover {
  	color: #f1f1f1;
}
.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
}
.openbtn:hover {
  	background-color: #444;
}




/* Slider */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}



/* =============================================== */
/* ================= Mobile Menu ================= */
/* =============================================== */
.mobile-nav img {
	height: 40px;
}
.mean-container .mean-bar {
	background-color: #fff;
}
.mean-container a.meanmenu-reveal span {
	background: #e00445;
}
.mean-container a.meanmenu-reveal {
	color: #e00445;
}



/* Popular Category */
.popular-category {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.popular-category .heading {
	text-align: center;
	margin-bottom: 30px;
}

.popular-category .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.popular-category .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.popular-category .popular-category-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 10px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	margin-bottom: 25px;
	height: 200px;
	border-radius: 8px;
}

.popular-category .popular-category-item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* opacity: 0.5;
	background: #1f1f1f; */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(38,38,38, 0.89) 99%);
	background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.89) 99%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.89) 99%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.89) 99%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.89) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	border-radius: 8px;
}

.popular-category .popular-category-item .icon {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
}

.popular-category .popular-category-item .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 1;
}

.popular-category .popular-category-item .text h4 {
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
}

.popular-category .popular-category-item .text p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
}

.popular-category .popular-category-item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1199px) {
	.popular-category .popular-category-item {
		height: 170px;
	}
}
@media only screen and (max-width: 991px) {
	.popular-category .popular-category-item {
		height: 200px;
	}
}
@media only screen and (max-width: 767px) {
	.popular-category .popular-category-item {
		height: 150px;
	}
}

@media only screen and (max-width: 575px) {.popular-category .popular-category-item {height: 300px;}}
@media only screen and (max-width: 460px) {.popular-category .popular-category-item {height: 260px;}}







/* Popular City */
.popular-city {
	padding-top: 0px;
	padding-bottom: 80px;
	overflow: hidden;
}

.popular-city .heading {
	text-align: center;
	margin-bottom: 30px;
}

.popular-city .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.popular-city .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.popular-city .popular-city-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 10px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	margin-bottom: 25px;
	height: 270px;
	background: #fff;
	border-radius: 8px;
}

.popular-city .popular-city-item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* opacity: 0.5;
	background: #1f1f1f; */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(38,38,38, 0.4) 99%);
	background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.4) 99%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.4) 99%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.4) 99%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(38,38,38, 0.4) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	border-radius: 8px;
}

.popular-city .popular-city-item .icon {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
}

.popular-city .popular-city-item .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 1;
}

.popular-city .popular-city-item .text h4 {
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
}

.popular-city .popular-city-item .text p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
}

.popular-city .popular-city-item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.popular-city-carousel .owl-nav .owl-prev,
.popular-city-carousel .owl-nav .owl-next {
    text-align: center;
    font-size: 18px;
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
	border-radius: 50%;
    top: 50%;
    margin-top: -25px;
    background: #e00445;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.popular-city-carousel .owl-nav .owl-prev {
    left: -20px;
    margin-left: 0px;
}

.popular-city-carousel .owl-nav .owl-next {
    right: -20px;
    margin-right: 0px;
}

.popular-city-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -21px;
}

.popular-city-carousel .owl-dots .owl-dot {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    margin: 0 4px;
}

.popular-city-carousel .owl-dots .owl-dot.active {
    background: #fff;
}

@media only screen and (max-width: 1199px) {
	.popular-city .popular-city-item {
		height: 230px;
	}
}
@media only screen and (max-width: 991px) {
	.popular-city .popular-city-item {
		height: 260px;
	}
}
@media only screen and (max-width: 767px) {
	.popular-city .popular-city-item {
		height: 320px;
	}
}
@media only screen and (max-width: 575px) {

	.popular-city-carousel .owl-nav .owl-prev {
		left: -10px;
	}
	.popular-city-carousel .owl-nav .owl-next {
		right: -10px;
	}
}








/* Popular Listing */
.listing {
	padding-top: 0px;
	padding-bottom: 80px;
	overflow: hidden;
}

.listing .heading {
	text-align: center;
	margin-bottom: 30px;
}

.listing .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.listing .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.listing .listing-item {
	margin-bottom: 25px;
}

/* Home page listing rows: responsive grid (1 / 2 / 3 cols) instead of owl carousel */
.listing .home-listing-row {
	margin-left: 0;
	margin-right: 0;
}
.listing .home-listing-row > [class*="col-"] {
	padding-left: 15px;
	padding-right: 15px;
}
.listing .home-listing-row .listing-item {
	margin-bottom: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.listing .home-listing-row .listing-item .text {
	flex: 1 1 auto;
}
.listing .home-listing-row .listing-item .text h3 {
	font-size: 18px;
	line-height: 1.35;
	word-break: break-word;
}
.listing .home-listing-row .listing-item .photo .category {
	right: 10px;
	max-width: calc(100% - 20px);
}
.listing .home-listing-row .listing-item .photo .category a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	margin-bottom: 4px;
}
@media only screen and (max-width: 991px) {
	.listing .home-listing-row .listing-item .text h3 {
		font-size: 17px;
	}
}

.listing .listing-item .photo {
	position: relative;
    overflow: hidden;
}

.listing .listing-item .photo img {
	width: 100%;
	height: 220px;
	object-fit: cover; 
}

.listing .listing-item .photo .flagcountry{
	background: #F1BB00;
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 12px;
}
 
 

.listing .listing-item .photo .category {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.listing .listing-item .photo .category a {
	background: #e00445;
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 8px;
}

.listing .listing-item .photo .flagcountry {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.flagcountry {
    display: flex;
    align-items: center;
    color:white;
}

.flagcountry img {
    width: 30px; /* Adjust the width as needed */
    height: auto;
    margin-right: 10px; /* Adds space between the flag and country name */
}


.listing .listing-item .photo .wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
}

.listing .listing-item .photo .wishlist i {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}

.listing .listing-item .photo .featured-text {
    position: absolute;
    top: 20px;
    right: -12px;
    background: #3dab3b;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.listing .listing-item .text {
    background: #f2f2f2;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.listing .listing-item .text h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.listing .listing-item .text h3 a {
    color: #333;
}

.listing .listing-item .text h3 a:hover {
    color: #e00445;
}

.listing .listing-item .text .location {
    font-size: 16px;
    color: #e00445;
}

.listing .listing-item .text .location a {
    color: #e00445;
}

.my-review i {
    color: #fbc715;
    font-size: 14px;
}

.listing .listing-item .text .review {
    margin-top: 5px;
}

.listing .listing-item .text .review i {
    color: #fbc715;
    font-size: 14px;
}

.listing .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.listing .owl-dots .owl-dot {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 7px solid #afafaf;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
}

.listing .owl-dots .owl-dot.active {
    width: 24px;
    height: 24px;
    background: #333;
    border: 7px solid #afafaf;
}

.listing .owl-nav .owl-prev,
.listing .owl-nav .owl-next {
    text-align: center;
    font-size: 18px;
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    top: 50%;
    margin-top: -25px;
    background: #e00445;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.listing .owl-nav .owl-prev {
    left: -20px;
    margin-left: 0px;
}

.listing .owl-nav .owl-next {
    right: -20px;
    margin-right: 0px;
}

.listing .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -21px;
}

.listing .owl-dots .owl-dot {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    margin: 0 4px;
}

.listing .owl-dots .owl-dot.active {
    background: #fff;
}

@media only screen and (max-width: 1199px) {
.listing .listing-item .photo img {
    height: 185px;
}
}
@media only screen and (max-width: 991px) {
.listing .listing-item .photo img {
    height: 215px;
}
}
@media only screen and (max-width: 767px) {
.listing .listing-item .photo img {
    height: 320px;
}
}
@media only screen and (max-width: 575px) {
.listing .listing-item .photo img {
    height: 340px;
}
.listing .owl-nav .owl-prev {
    left: -10px;
}
.listing .owl-nav .owl-next {
    right: -10px;
}
}

@media only screen and (max-width: 460px) {
.listing .listing-item .photo img {
    height: 270px;
}
}

.home-seo-description {
	max-width: 100%;
	overflow-x: auto;
	word-wrap: break-word;
}
.home-seo-description table {
	max-width: 100%;
}
.home-seo-description img,
.home-seo-description iframe {
	max-width: 100%;
}



/* Pricing */
.pricing .card {
	border: none;
	border-radius: 6px;
	transition: all 0.2s;
	background: #f3f3f3;
}

.pricing hr {
  	margin: 1.5rem 0;
}

.pricing .card-title {
	margin: 0.5rem 0;
	font-size: 20px;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing .card-price {
  	font-size: 3rem;
  	margin: 0;
}

.pricing .card-price .period {
  	font-size: 16px;
}

.pricing ul li {
  	margin-bottom: 16px;
}

.pricing .text-muted {
  	opacity: 0.7;
}

.pricing .btn {
	background: #e00445;
	font-size: 20px;
	border-radius: 6px;
	font-weight: 700;
	padding: 10px;
	border: 0;
}
.pricing .btn:hover {
	background: #333;
}

/* Hover Effects on Card */
@media (min-width: 991px) {
  	.pricing .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  	}
  	.pricing .card:hover .btn {
    	opacity: 1;
  	}
}




/* Scroll to Top */
.scroll-top {
	cursor: pointer;
	text-align: center;
	font-size: 22px;
	position: fixed;
	width: 50px;
	height: 50px;
	line-height: 46px;
	bottom: 50px;
	right: 20px;
	background: #e00445;
	color: #fff;
	opacity: 0.7;
	z-index: 99;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.scroll-top:hover {
	opacity: 1;
	color: #fff;
	background: #313131;
}




/* Footer */
.footer-area {
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #ffc107;
	border-top: 1px solid #dedede;
	
	background-image: url('../../images/footer-background.png');
    background-size: cover;  
    background-position: bottom center;  
    background-repeat: no-repeat; 
}
.footer-item {
    margin-top: 30px;
}
.footer-item h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 30px;
    color: #e00445;
}
.footer-item p {
    line-height: 1.7;
    margin: 0;
}
.footer-item ul li {
    margin-bottom: 5px;
    list-style-type: none;
}
.footer-item ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    transition: all 0.4s;
    padding-left: 5px;
}
.footer-item ul.fmain li {
    position: relative;
    padding-left: 20px;
}
.footer-item ul.fmain li:before {
    content: '\f0a4';
	font-family: "Font Awesome 5 Free";
    color: #333;
	font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
}
.footer-item ul li a:hover {
    color: #e00445;
}
.footer-social-link {
    margin-top: 30px;
}
.footer-social-link h2 {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 20px;
}
.footer-social-link ul li {
    display: inline-block;
    margin-right: 5px;
}
.footer-social-link ul li a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    line-height: 1;
    background: #555;
    border: 1px solid #555;
    color: #fff;
    transition: all 0.3s ease;
    padding-left: 0;
    border-radius: 50%;
    font-size: 18px;
}
.footer-social-link ul li a:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}
.footer-social-link ul li a.social-facebook {
    background: #1877f2;
    border-color: #1877f2;
}
.footer-social-link ul li a.social-facebook:hover {
    background: #166fe5;
    border-color: #166fe5;
}
.footer-social-link ul li a.social-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    border-color: #dc2743;
}
.footer-social-link ul li a.social-instagram:hover {
    filter: brightness(1.05);
}
.footer-social-link ul li a.social-x,
.footer-social-link ul li a.social-twitter {
    background: #000;
    border-color: #000;
}
.footer-social-link ul li a.social-x:hover,
.footer-social-link ul li a.social-twitter:hover {
    background: #222;
    border-color: #222;
}
.footer-social-link ul li a.social-linkedin {
    background: #0a66c2;
    border-color: #0a66c2;
}
.footer-social-link ul li a.social-linkedin:hover {
    background: #0958aa;
    border-color: #0958aa;
}
.footer-social-link ul li a.social-youtube {
    background: #ff0000;
    border-color: #ff0000;
}
.footer-social-link ul li a.social-youtube:hover {
    background: #e60000;
    border-color: #e60000;
}
.footer-social-link ul li a.social-pinterest {
    background: #bd081c;
    border-color: #bd081c;
}
.footer-social-link ul li a.social-pinterest:hover {
    background: #a00718;
    border-color: #a00718;
}
.footer-social-link ul li a.social-whatsapp {
    background: #25d366;
    border-color: #25d366;
}
.footer-social-link ul li a.social-whatsapp:hover {
    background: #1ebe57;
    border-color: #1ebe57;
}
.footer-social-link ul li a.social-tiktok {
    background: #000;
    border-color: #000;
}
.footer-social-link ul li a.social-tiktok:hover {
    background: #222;
    border-color: #222;
}
.footer-social-link ul li a.social-telegram {
    background: #26a5e4;
    border-color: #26a5e4;
}
.footer-social-link ul li a.social-telegram:hover {
    background: #1f97d2;
    border-color: #1f97d2;
}
.footer-social-link ul li a.social-google {
    background: #4285f4;
    border-color: #4285f4;
}
.footer-social-link ul li a.social-google:hover {
    background: #3367d6;
    border-color: #3367d6;
}
.footer-social-link ul li a.social-threads {
    background: #000;
    border-color: #000;
}
.footer-social-link ul li a.social-threads:hover {
    background: #222;
    border-color: #222;
}
.footer-social-link ul li a .footer-social-svg {
    width: 18px;
    height: 18px;
    display: block;
}
.footer-social-link ul li a .footer-social-svg--threads {
    width: 20px;
    height: 20px;
}
.footer-social-link ul li a .footer-social-svg--x {
    width: 17px;
    height: 17px;
}
.footer-social-link ul li a.social-default:hover {
    background: #333;
    border-color: #333;
}
.footer-contact ul li {
	position: relative;
	padding-left: 26px;
	font-size: 15px;
	margin-bottom: 8px;
}

.footer-contact ul li:before {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	top: 0;
	color: #333;
	font-size: 16px;
	font-weight: 600;
}
.footer-contact ul li:nth-child(1):before {
	content: '\f3c5';
}
.footer-contact ul li:nth-child(2):before {
	content: '\f0e0';
}
.footer-contact ul li:nth-child(3):before {
	content: '\f2a0';
}
.copyright {
    text-align: left;
    color: #333;
    border-top: 1px solid #a8a8a8;
    margin-top: 20px;
    padding-top: 20px;
}
.copyright p {
    margin: 0;
}



/* Page Banner */
.page-banner {
	background: #e00445;
}

.page-banner h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	padding-top: 10px;
	margin: 0;
	text-align: center;
}

.page-banner nav {
	padding-bottom: 20px!important;
}

.page-banner .breadcrumb {
	background-color: transparent;
	text-align: center;
	margin-bottom: -15px;
}

.page-banner .breadcrumb-item {
	color: #e9e9e9;
	font-weight: 600;
	font-size: 14px;
}

.page-banner .breadcrumb-item a {
	color: #fff;
}


.page-banner .breadcrumb-item::before {
	color: #fff!important;
}

@media only screen and (max-width: 991px) {
	.page-banner {
		padding-top: 60px;
	}	
}



/* Page Content */
.page-content {
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}


/* Blog Page */
.blog-item {
	margin-bottom: 50px;
}

.blog-item .text h2 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #333;
}

.blog-item .text h2 a {
	color: #333;
}

.blog-item .featured-photo {
	margin-bottom: 15px;
}

.blog-item .featured-photo img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	border-radius: 6px;
}

.blog-item-single .featured-photo {
	margin-bottom: 15px;
}

.blog-item-single .featured-photo img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.blog-item-single .text h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #333;
}

.blog-item-single .text h2 a {
	color: #333;
}



/* Sidebar */
.sidebar .widget {
	padding: 20px;
	background: #f1f5f9;
	margin-bottom: 30px;
}

.sidebar .widget h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.sidebar .widget .type-1 ul li {
	list-style-type: none;
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}

.sidebar .widget .type-1 ul li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	top: 0;
	color: #e00445;
	font-weight: 600;
}

.sidebar .widget .type-1 ul li a {
	color: #333;
}

.sidebar .widget .type-1 ul li a:hover {
	color: #e00445;
}

.sidebar .widget .type-2 img {
	width: 70px;
	height: auto;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.sidebar .widget .type-2 ul li {
	list-style-type: none;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacaca;
}

.sidebar .widget .type-2 ul li a {
	width: calc(100% - 86px);
	color: #333;
	display: inline-block;
	vertical-align: middle;
}

.sidebar .widget .type-2 ul li a:hover {
	color: #e00445;
}

.sidebar .widget .search .input-group-append {
	width: 36px;
}

.sidebar .widget .search button {
	background: #e00445;
	border: 0;
	width: 36px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sidebar .widget .search button i {
	color: #fff;
}

.sidebar .widget .type-3 button {
	border: 0;
	background: #e00445;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.sidebar .widget .type-3 button:hover {
	background: #333;
}

.sidebar .widget .project-detail .item {
	margin-bottom: 25px;
}

.sidebar .widget .project-detail .item h4 {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}

.sidebar .widget .project-detail .item p {
	color: #555;
	font-size: 15px;
}


/* Portfolio Carousel */
.portfolio-carousel {
	overflow: hidden;
	margin-top: 30px;
}

.portfolio-photo-item {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 370px;
	position: relative;
}

.portfolio-carousel .owl-nav .owl-prev,
.portfolio-carousel .owl-nav .owl-next {
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 50px;
	line-height: 48px;
	background: #e00445;
	color: #fff;
	margin-top: -25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.portfolio-carousel .owl-nav .owl-prev {
	left: 0;
}

.portfolio-carousel .owl-nav .owl-next {
	right: 0;
}

.portfolio-carousel .owl-nav .owl-prev:hover,
.portfolio-carousel .owl-nav .owl-next:hover {
	color: #fff;
	background: #313131;
}

.single-portfolio .iframe-container {
	overflow: hidden;
	clear: both;
}

.single-portfolio iframe {
	width: 100%;
	height: 400px;
}

.portfolio-carousel .p-item {
	position: relative;
}

.portfolio-carousel .p-item .p-item-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.portfolio-carousel .p-item:hover .p-item-bg {
	opacity: 0.6;
}

.portfolio-carousel .p-item .plus-icon {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

.portfolio-carousel .p-item:hover .plus-icon {
	visibility: visible;
	display: flex;
	align-items: center;
  	justify-content: center;
}








/* Comment */
.comment h2 {
	font-size: 28px;
	font-weight: 700;
}
.comment button {
	border: 0;
	background: #e00445;
	border-radius: 8px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: none;
}

.comment button:hover {
	background: #333;
}

.comment-item {
	margin-bottom: 20px;
	display: flex;
}

.comment-item .photo {
	width: 70px;
	margin-right: 15px;
}

.comment-item .photo img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 2px solid #ddd;
}

.comment-item .text h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
}

.comment-item .text .date {
	font-size: 16px;
	color: #848484;
	margin-bottom: 10px;
}

.comment-item .text .des {
	font-size: 14px;
}




/* Career Detail */
.career-detail .item {
	margin-bottom: 30px;
}

.career-detail .item h3 {
	font-size: 22px;
	font-weight: 700;
}

.career-detail .item p {
	font-size: 16px;
}

.career-detail .item ul li {
	list-style-type: none;
	position: relative;
	padding-left: 25px;
}

.career-detail .item ul li:before {
	content: '\f105';
    font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
	top: 0;
}




/* FAQ */
.faq {
	background: #fff;
}

.faq .panel-body ol li,
.faq .panel-body ul li {
	list-style-position: inside;
}

.faq .panel {
	box-shadow: none!important;
	border-radius: 0!important;
	margin-bottom: 10px;
}

.faq .panel-default>.panel-heading {
	background: #eee;
	color: #333;
	padding: 0;
	border-radius: 0;
	border: 1px solid #eee;
	position: relative;
}

.faq .panel-group .panel-heading a:after {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 600;
	right: 20px;
	top: 10px;
	font-size: 14px;
}

.faq .panel-group .panel-heading a.collapsed:after {
  	content: '\f067';
  	font-family: 'Font Awesome 5 Free';
  	font-size: 14px;
	font-weight: 600;
}


.faq h4.panel-title {
	margin-bottom: 0;
	border: 1px solid #ddd;
}
.faq h4.panel-title a {
	display: block;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 700;
	color: #e00445;
}

.faq .panel-body {
	border-top: 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: 0;
}






/* Contact Form */
.contact-item {
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 30px 20px;
}

.contact-icon {
	text-align: center;
	margin-bottom: 15px;
}

.contact-icon i {
	width: 40px;
	height: 40px;
	color: #e00445;
}

.contact-icon i {
	font-size: 34px;
}

.contact-text {
	margin-top: 0px;
}

.contact-text h4 {
	font-size: 18px;
    font-weight: 700;
	margin-bottom: 5px;
}

.contact-text p {
	margin: 0;
}

.contact-info-grid {
	margin-top: 32px;
}

.contact-info-row {
	position: relative;
	margin-bottom: 28px;
	padding: 24px 24px;
	background: linear-gradient(90deg, #fff 0%, #fff 72%, #fafbfe 100%);
	border: 1px solid #e1e4ee;
	border-left: 5px solid #e00445;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(22, 34, 66, 0.07);
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.contact-info-row + .contact-info-row::before {
	content: "";
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 1px;
	background: #d8dce6;
}

.contact-info-row:nth-child(even) {
	background: linear-gradient(90deg, #fbfcff 0%, #fbfcff 72%, #fff 100%);
	border-left-color: #e00445;
}

.contact-info-row:hover {
	border-color: #d6dbe8;
	box-shadow: 0 10px 24px rgba(22, 34, 66, 0.1);
}

.contact-info-cell {
	padding: 12px 28px;
	min-height: 180px;
}

.contact-info-cell h4 {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	padding-bottom: 6px;
	border-bottom: 2px solid #e00445;
	color: #222;
}

.contact-info-content p {
	margin-bottom: 12px;
	line-height: 1.8;
	word-break: break-word;
	color: #555;
}

.contact-info-content i {
	color: #e00445;
	margin-right: 8px;
	font-size: 14px;
	min-width: 16px;
}

.contact-line {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 12px;
}

.contact-line i {
	margin-top: 4px;
}

.contact-action-link {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	color: #555;
	flex-wrap: wrap;
}

.contact-action-link:hover {
	color: #e00445;
}

.contact-country-code {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 700;
	color: #333;
	white-space: nowrap;
}

.contact-flag-img {
	width: 20px;
	height: 14px;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.contact-line-text {
	line-height: 1.8;
	color: #555;
}

.contact-business-link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}

.contact-business-button {
	display: inline-block;
	padding: 11px 18px;
	border-radius: 6px;
	background: #e00445;
	border: 1px solid #e00445;
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
}

.contact-business-button:hover {
	background: #fff;
	color: #e00445;
}

.contact-form textarea {
	height: 190px
}

@media (max-width: 767px) {
	.contact-info-row {
		padding: 16px 14px;
		border-radius: 8px;
		background: #fff;
	}
	.contact-info-row + .contact-info-row::before {
		left: 10px;
		right: 10px;
	}
	.contact-info-cell {
		min-height: auto;
		padding: 10px 10px 14px;
	}
	.contact-business-link {
		justify-content: flex-start;
	}
}

.contact-form .btn {
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 10px 20px;
	border: 1px solid #e00445;
	background: #e00445;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 8px;
	text-transform: none;
}

.contact-form .btn:hover {
	color: #fff;
	background: #313131;
	border: 1px solid #313131;
}

.map-area iframe {
	width: 100%;
	height: 450px;
	margin-bottom: -5px;
}

h4.contact-form-title {
	font-weight: 700;
	font-size: 24px;
}

.contact-form button {
	background: #e00445;
	border: 2px solid #e00445;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.contact-form button:hover {
	background: transparent;
	border-color: #fff;
}




/* Photo Gallery */
.gallery-photo {
	margin-bottom: 30px;
}

.gallery-photo img {
	width: 100%;
	height: auto;
}

.gallery-photo .gallery-photo-bg {
	position: absolute;
	left: 15px;
	top: 0;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.gallery-photo:hover .gallery-photo-bg {
	opacity: 0.6;
}

.gallery-photo .plus-icon {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

.gallery-photo:hover .plus-icon {
	visibility: visible;
	display: flex;
	align-items: center;
  	justify-content: center;
}



/* Video Gallery */
.video-item {
	margin-bottom: 30px;
}
.video-item iframe {
	width: 100%;
	height: 350px;
}




/* Product */
.product-item {
	margin-bottom: 50px;
}

.product-item .photo img {
	width: 100%;
	height: auto;
}

.product-item .text h3 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 15px;
}

.product-item .text h3 a {
	color: #333;
}

.product-item .text h3 a:hover {
	color: #e00445;
}

.product-item .text .price {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 18px;
}

.product-item .text .price del {
	color: red;
}

.product-item .text .cart-button a {
	background: #e00445;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 14px;
}

.product-item .text .cart-button a:hover {
	background: #333;
}




/* Product Detail */
.product-detail .photo img {
	width: 100%;
}

.product-detail h2 {
	font-size: 22px;
	font-weight: 700;
}

.product-detail p {
	font-size: 16px;
}

.product-detail .price {
	font-size: 28px;
	font-weight: 600;
	color: #e00445;
}

.product-detail .price del {
	color: red;
}

.product-detail .delivery-time {
	font-size: 18px;
}

.product-detail .qty {
	font-size: 18px;
}

.product-detail .qty input[type="number"] {
	width: 100px;
}

.product-detail button {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 30px;
    border: 0;
    border-radius: 50px;
    background: #e00445;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-detail button:hover {
	background: #333;
}

.product-detail .nav-pills .nav-link.active {
	background: #e00445;
	color: #fff;
}

.product-detail .nav-pills .nav-link {
	background: #f1f5f9;
	color: #e00445;
}

.product-detail li.nav-item {
	margin-right: 10px;
}



/* Cart */
.cart table img {
	width: 100px;
	height: auto;
}

.cart input[type="number"] {
	width: 100px;
}

.cart .total {
	font-size: 18px;
	font-weight: 600;
}

.cart-buttons {
	display: flex;
	justify-content: flex-start;
}

.cart-buttons a {
	margin-right: 10px;
}

.checkout-login-form h2 {
	font-size: 24px;
	font-weight: 700;
}

.checkout-login-form .inner {
	display: flex;
	justify-content: center;
}

.checkout-login-form input {
	width: 400px;
}

.checkout-login-form .new-user {
	margin-top: 15px;
	font-weight: 600;
}

.checkout-login-form .new-user a {
	color: #e00445;
}

.checkout-login-form .new-user a:hover {
	color: #333;
}

.checkout h2 {
	font-size: 24px;
	font-weight: 700;
}

.checkout-billing h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.shipping-form {

}



/* Login */
.reg-login-form h2 {
	font-size: 24px;
	font-weight: 700;
}

.reg-login-form .inner {
	display: flex;
	justify-content: center;
}

.reg-login-form input {
	width: 400px;
}

.reg-login-form .new-user {
	margin-top: 15px;
	font-weight: 600;
}

.reg-login-form .new-user a {
	color: #e00445;
}

.reg-login-form .new-user a:hover {
	color: #333;
}

.reg-login-form button {
	background: #e00445;
	border: 0;
}

.reg-login-form button:hover {
	background: #333;
}

.reg-login-form .link {
	color: #e00445;
}

/* =============================================== */
/* =============== Auth Redesign ================== */
/* =============================================== */
.ts-auth-body .navbar-area,
.ts-auth-body .footer-area,
.ts-auth-body .scroll-top {
	display: none!important;
}

.ts-auth {
	min-height: 100vh;
	padding: 28px 18px;
	background: radial-gradient(1200px 700px at 15% 20%, rgba(0, 123, 255, 0.18) 0%, rgba(0, 0, 0, 0) 60%),
		radial-gradient(900px 600px at 85% 40%, rgba(224, 4, 69, 0.14) 0%, rgba(0, 0, 0, 0) 55%),
		#0b1220;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ts-auth__shell {
	width: 100%;
	max-width: 1120px;
	min-height: 640px;
	background: transparent;
	border: none;
	border-radius: 18px;
	box-shadow: 0 18px 70px rgba(0,0,0,0.45);
	overflow: hidden;
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	align-items: stretch;
}

.ts-auth__left {
	position: relative;
	min-height: 640px;
	width: 100%;
	align-self: stretch;
	overflow: hidden;
	border-radius: 18px 0 0 18px;
	/* Same base as .ts-auth so image column matches login/registration page */
	background: #0b1220;
}

.ts-auth__left-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/auth_left.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	/* Letterboxing matches page + .ts-auth__right tone */
	background-color: #0b1220;
}

.ts-auth__left-overlay {
	display: none;
}

.ts-auth__right {
	padding: 28px 28px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 18px;
	background: rgba(9, 14, 27, 0.78);
	border-left: none;
}

.ts-auth__toplinks {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: stretch;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
}

.ts-auth__toplink {
	flex: 1 1 0;
	min-width: 0;
	justify-content: center;
	display: inline-flex;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	color: rgba(255,255,255,0.72);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.06);
	box-sizing: border-box;
}

.ts-auth__toplink:hover {
	color: #fff;
	background: rgba(255,255,255,0.10);
}

.ts-auth__toplink.is-active {
	color: #0b1220;
	background: #f1bb00;
	border-color: #f1bb00;
}

.ts-auth__card {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 18px;
	padding: 26px 22px;
}

.ts-auth__title {
	margin: 0;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
}

.ts-auth__subtitle {
	margin: 6px 0 18px 0;
	color: rgba(255,255,255,0.68);
	font-size: 14px;
}

.ts-auth__field {
	margin-bottom: 14px;
}

.ts-auth__label {
	display: block;
	margin-bottom: 6px;
	color: rgba(255,255,255,0.82);
	font-weight: 700;
	font-size: 13px;
}

.ts-auth__input {
	width: 100%;
	height: 44px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.06);
	color: #fff;
	padding: 10px 12px;
	outline: none;
}

.ts-auth__input:focus {
	border-color: rgba(241, 187, 0, 0.85);
	box-shadow: 0 0 0 4px rgba(241, 187, 0, 0.12);
}

.ts-auth__radios {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.ts-auth__radio {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255,255,255,0.78);
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	user-select: none;
}

.ts-auth__radio input {
	width: 16px;
	height: 16px;
}

.ts-auth__primary-btn {
	width: 100%;
	height: 46px;
	border-radius: 12px;
	border: 0;
	background: #f1bb00;
	color: #0b1220;
	font-weight: 900;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: transform 0.12s ease, filter 0.12s ease;
}

.ts-auth__primary-btn:hover {
	filter: brightness(1.04);
	transform: translateY(-1px);
}

.ts-auth__divider {
	position: relative;
	text-align: center;
	margin: 14px 0;
}

.ts-auth__divider:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: rgba(255,255,255,0.12);
}

.ts-auth__divider span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: rgba(9, 14, 27, 0.72);
	color: rgba(255,255,255,0.6);
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ts-auth__social {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.ts-auth__social-btn {
	height: 44px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.06);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 800;
}

.ts-auth__social-btn:hover {
	background: rgba(255,255,255,0.10);
}

.ts-auth__social-btn.is-google {
	border-color: rgba(243, 74, 56, 0.55);
}

.ts-auth__social-btn.is-facebook {
	border-color: rgba(57, 88, 153, 0.55);
}

.ts-auth__links {
	margin-top: 14px;
	text-align: center;
	color: rgba(255,255,255,0.70);
	font-weight: 700;
	font-size: 13px;
}

.ts-auth__links a {
	color: #f1bb00;
	text-decoration: none;
	font-weight: 900;
	margin-left: 6px;
}

.ts-auth__links a:hover {
	text-decoration: underline;
}

.ts-auth__card--google-only .ts-auth__subtitle {
	margin-bottom: 22px;
}

.ts-auth__google-only-main {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 46px;
	margin-top: 4px;
	padding: 12px 18px;
	border-radius: 12px;
	border: 0;
	background: #f1bb00;
	color: #0b1220;
	font-weight: 900;
	font-size: 15px;
	text-decoration: none;
	letter-spacing: 0.02em;
	box-sizing: border-box;
	transition: transform 0.12s ease, filter 0.12s ease;
}

.ts-auth__google-only-main:hover {
	filter: brightness(1.04);
	transform: translateY(-1px);
	color: #0b1220;
}

.ts-auth__google-only-main .fab {
	font-size: 18px;
}

.ts-auth__links--google-alt {
	margin-top: 20px;
}

@media (max-width: 991px) {
	.ts-auth__shell {
		grid-template-columns: 1fr;
	}
	.ts-auth__left {
		min-height: 280px;
		height: auto;
		max-height: none;
		align-self: stretch;
		border-radius: 18px 18px 0 0;
	}
	.ts-auth__right {
		border-left: 0;
		border-top: 1px solid rgba(255,255,255,0.10);
	}
}

@media (max-width: 575px) {
	.ts-auth__toplink {
		white-space: normal;
		font-size: 13px;
		padding: 10px 8px;
	}
	.ts-auth__social {
		grid-template-columns: 1fr;
	}
}



/* User Panel */
.user-sidebar ul {
	display: flex;
	flex-direction: column;
}

.user-sidebar ul li {
	list-style-type: none;
	margin-bottom: 5px;
}

.user-sidebar ul li.active a {
	background: #333!important;
}

.user-sidebar ul li a {
	background: #7b7c7d!important;
	border: 0;
}
.user-sidebar ul li a:hover {
	background: #333!important;
}


.modal-table {
	font-size: 16px;
}

.modal-table tr th {
	width: 150px;
}


.chosen-drop {
    z-index: 999999 !important;
}



/* Listing Category */
.listing-category-item {
	margin-bottom: 25px;
}

.listing-category-item .heading {
	background: #e00445;
	color: #fff;
	padding: 10px;
	font-weight: 700;
	font-size: 20px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.listing-category-item .heading .name {
	float: left;
}

.listing-category-item .heading .name a {
	color: #fff;
}

.listing-category-item .heading .total {
	float: right;
}

.listing-category-item .text {
	background: #f3f3f3;
	color: #333;
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #c0c0c0;
}

.listing-category-item .text:last-child {
	border-bottom: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.listing-category-item .text .name {
	float: left;
}

.listing-category-item .text .name a {
	color: #333;
}

.listing-category-item .text .name a:hover {
	color: #e00445;
}

.listing-category-item .text .total {
	float: right;
}



/* Listing Single Page */
.listing-single-banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}
.listing-single-banner .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: #4b4b4b;
}
.listing-single-banner h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
}

.listing-single-banner .location {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
}

.listing-single-banner .review {
	color: #fbc715;
	font-size: 16px;
	margin-top: 5px;
	font-weight: 600;
}

.listing-single-banner .call {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin-top: 15px;
}

.listing-single-banner .listing-items {
	margin-top: 20px;
	margin-bottom: 30px;
}

.listing-single-banner .listing-items a {
	background: #fff;
	color: #e00445;
	padding: 6px 15px;
	border: 1px solid #fff;
	margin-right: 10px;
	border-radius: 4px;
	display: inline-block;
}

.listing-single-banner .listing-items a:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.listing-single-banner .social ul li {
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

.listing-single-banner .social a {
	color: #fff;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid #fff;
	display: block;
}
.listing-single-banner .social a:hover {
	background: #e00445;
	color: #fff;
}

@media only screen and (max-width: 991px) {
	.listing-single-banner {
		padding-top: 150px;
	}
}
@media only screen and (max-width: 767px) {
	.listing-single-banner .listing-items a {
		margin-bottom: 15px;
	}
	.listing-single-banner .listing-items {
		margin-bottom: 15px;
	}
}





.listing-page h2 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
}

.listing-page h2 i {
	color: #e00445;
}

.listing-page .sep {
	display: block;
	border-top: 1px solid #c7c7c7;
	margin-top: 40px;
	margin-bottom: 40px;
}

.listing-page .photo-all .item {
	position: relative;
	margin-bottom: 25px;
}

.listing-page .photo-all img {
	width: 100%;
	height: auto;
	height: 140px;
	object-fit: cover;
	border-radius: 6px;
}

.listing-page .video-all .item {
	position: relative;
	margin-bottom: 25px;
}

.listing-page .video-all img {
	width: 100%;
	height: auto;
	height: 140px;
	object-fit: cover;
	border-radius: 6px;
}

.listing-page .photo-all .item .icon,
.listing-page .video-all .item .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
  	justify-content: center;
	align-items: center;
	z-index: 99;
}
.listing-page .photo-all .item .icon {
	font-size: 20px;
}
.listing-page .video-all .item .icon {
	font-size: 40px;
}
.listing-page .photo-all .item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.3;
	border-radius: 6px;
}
.listing-page .video-all .item .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.3;
	border-radius: 6px;
}

@media only screen and (max-width: 1199px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 120px;
	}
}
@media only screen and (max-width: 991px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 90px;
	}
}
@media only screen and (max-width: 767px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 320px;
	}
}
@media only screen and (max-width: 575px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 320px;
	}
}
@media only screen and (max-width: 475px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 280px;
	}
}
@media only screen and (max-width: 400px) {
	.listing-page .photo-all img,
	.listing-page .video-all img {
		height: 220px;
	}
}





.listing-page .map iframe {
	width: 100%;
	height: 400px;
}

@media only screen and (max-width: 991px) {
	.listing-page .map iframe {
		height: 220px;
	}
}
@media only screen and (max-width: 767px) {
	.listing-page .map iframe {
		height: 320px;
	}
}

.listing-page .amenities li {
	list-style-type: none;
	width: 33.33%;
	display: inline-block;
	margin-right: -4px;
	font-size: 16px;
	margin-bottom: 10px;
}
.listing-page .amenities li i {
	color: #e00445;
}
@media only screen and (max-width: 991px) {
	.listing-page .amenities li {
		width: 100%;
	}
}


.listing-page .contact a {
	color: #e00445;
}

.listing-additional-features-table tr.listing-additional-features-group-title th {
	background-color: #fff4d6;
	border-color: #ffe08a;
	font-weight: 700;
}

/* Additional features table — stack rows on mobile so long text is readable */
@media only screen and (max-width: 767px) {
	.listing-additional-features .table-responsive {
		overflow: visible;
	}

	.listing-additional-features-table {
		margin-bottom: 20px;
	}

	.listing-additional-features-table,
	.listing-additional-features-table tbody,
	.listing-additional-features-table tr,
	.listing-additional-features-table td,
	.listing-additional-features-table th {
		display: block;
		width: 100% !important;
	}

	.listing-additional-features-table tr.listing-additional-features-group-title {
		margin-bottom: 16px;
		border: none;
		overflow: visible;
	}

	.listing-additional-features-table tr.listing-additional-features-group-title th {
		background-color: #fff4d6;
		border: 1px solid #ffe08a;
		border-radius: 6px;
	}

	.listing-additional-features-table tr:not(.listing-additional-features-group-title) {
		margin-bottom: 12px;
		border: 1px solid #dee2e6;
		border-radius: 6px;
		overflow: hidden;
		background: #fff;
	}

	.listing-additional-features-table th {
		border: none;
		padding: 10px 12px;
		background: #fff4d6;
		font-size: 16px;
	}

	.listing-additional-features-table td {
		border: none;
		border-top: 1px solid #eee;
		padding: 10px 12px;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: anywhere;
		line-height: 1.5;
	}

	.listing-additional-features-table td.w-300,
	.listing-additional-features-table td:first-child {
		font-weight: 700;
		background: #fafafa;
		border-top: none;
	}

	.listing-additional-features-table td:empty {
		display: none;
		padding: 0;
		border: none;
	}
}

.listing-page .listing-projects {
	margin-bottom: 10px;
}

.listing-page .listing-project-card {
	display: block;
	margin-bottom: 30px;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	overflow: hidden;
	color: #333;
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}

.listing-page .listing-project-card:hover {
	color: #e00445;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	transform: translateY(-2px);
}

.listing-page .listing-project-card img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.listing-page .listing-project-card span {
	display: block;
	padding: 14px 16px;
	font-size: 17px;
	font-weight: 700;
}

.listing-page .review-overall {
	margin-top: 5px;
	font-weight: 700;
	margin-bottom: 40px;
}
.listing-page .review-overall .review {
	display: inline-block;
	color: #fbc715;
	font-size: 16px;
}
.listing-page .review-overall .total {
	display: inline-block;
	margin-left: 10px;
	color: #e00445;
	font-size: 16px;
}



.listing-page .reviews .item {
	margin-bottom: 40px;
}
.listing-page .reviews .photo {
	margin-bottom: 10px;
}
.listing-page .reviews .photo img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.listing-page .reviews .name {
	font-size: 18px;
	font-weight: 700;
}
.listing-page .reviews .score {
	color: #fbc715;
	margin-bottom: 15px;
}
.listing-page .reviews .date-time {
	font-size: 16px;
}
.listing-page .review-form button {
	background: #e00445;
	border: 0;
}

.listing-page a.login-to-review {
	color: #e00445;
}



@media only screen and (max-width: 767px) {
	.listing-sidebar {
		margin-top: 50px;
	}
}

.listing-sidebar .ls-widget {
	background: #f3f3f3;
	padding: 20px;
	border-radius: 6px;
	margin-bottom: 25px;
}
.listing-sidebar .ls-widget h2 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c7c7c7;
}
.listing-sidebar .ls-widget h2 i {
	color: #e00445;
}

.listing-sidebar .ls-widget .agent {
	overflow: hidden;
}

.listing-sidebar .ls-widget .agent .photo {
	display: inline-block;
	margin-right: -4px;
}
.listing-sidebar .ls-widget .agent .photo img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.listing-sidebar .ls-widget .agent .text {
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
	padding-left: 10px;
}

.listing-sidebar .ls-widget .agent .text h3 {
	font-size: 18px;
	font-weight: 700;
}
.listing-sidebar .ls-widget .agent .text h3 a {
	color: #333;
}
.listing-sidebar .ls-widget .agent .text h4 {
	font-size: 16px;
}
.listing-sidebar .ls-widget .agent-contact ul {
	margin-top: 20px;
}
.listing-sidebar .ls-widget .agent-contact li {
	list-style-type: none;
	margin-bottom: 10px;
	color: #e00445;
}
.listing-sidebar .ls-widget .agent-contact li a {
	color: #e00445;
}

.listing-sidebar .ls-widget .agent-business-types {
	border-top: 1px solid #c7c7c7;
	padding-top: 16px;
	margin-top: 4px;
}

.listing-sidebar .ls-widget .agent-business-types ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.listing-sidebar .ls-widget .agent-business-types li {
	margin-bottom: 8px;
	line-height: 1.4;
}

.listing-sidebar .ls-widget .agent-business-types li a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
}

.listing-sidebar .ls-widget .agent-business-types li a:hover {
	color: #e00445;
}

.listing-sidebar .ls-widget .agent-business-types li i {
	color: #2aa1db;
	margin-right: 6px;
}

.listing-sidebar .ls-widget .agent-social {
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	padding-top: 20px;
}
.listing-sidebar .ls-widget a.agent-view-profile {
	background: #e00445;
	border: 0;
	border-top: 1px solid #c7c7c7;
	margin-top: 20px;
}


.listing-sidebar .ls-widget .agent-social ul li {
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

.listing-sidebar .ls-widget .agent-social ul li a {
	color: #fff;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	background: #e00445;
	border: 0;
	display: block;
}
.listing-sidebar .ls-widget .agent-social ul li a:hover {
	background: #333;
	color: #fff;
}

.listing-sidebar .ls-widget .openning-hour table {
	background: #fff;
}

.listing-sidebar .ls-widget .category ul li {
	list-style-type: none;
	margin-bottom: 10px;
}
.listing-sidebar .ls-widget .category ul li a {
	color: #e00445;
}











/* Agent Page */
.agent-banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.agent-banner .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: #4b4b4b;
}
.agent-banner h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
}
.agent-banner .agent {
	overflow: hidden;
}

.agent-banner .agent .photo {
	display: inline-block;
	margin-right: -4px;
}
.agent-banner .agent .photo img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.agent-banner .agent .text {
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
	padding-left: 10px;
}

.agent-banner .agent .text h3 {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.agent-banner .agent .text h4 {
	font-size: 16px;
	color: #fff;
}
.agent-banner .contact {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	float: right;
}
.agent-banner .contact .item {
	margin-bottom: 10px;
}
.agent-banner .social {
	margin-top: 20px;
}
.agent-banner .social ul li {
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

.agent-banner .social a {
	color: #fff;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid #fff;
	display: block;
}
.agent-banner .social a:hover {
	background: #e00445;
	color: #fff;
}

@media only screen and (max-width: 991px) {
	.agent-banner {
		padding-top: 150px;
	}
}
@media only screen and (max-width: 767px) {
	.agent-banner .listing-items a {
		margin-bottom: 15px;
	}
	.agent-banner .listing-items {
		margin-bottom: 15px;
	}
}



.listing-filter .lf-heading {
	color: #e00445;
    padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: 700;
    border-bottom: 1px solid #e00445;
}
.listing-filter .lf-widget {
	background: #f3f3f3;
	padding: 20px;
	border-radius: 6px;
	margin-bottom: 25px;
}
.listing-filter .lf-widget h2 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c7c7c7;
}
.listing-filter .lf-widget .form-check {
	margin-bottom: 10px;
}

.filter-button {
    background: #e00445;
    color: #fff;
    border: 0;
    font-weight: 700;
    font-size: 22px;
}


img.listing-photo-item {
	width: 100%;
	height: 130px;
	object-fit: cover;
}


.invoice-area img {height: 90px;}
.invoice-area .company-info {font-size: 16px;}
.invoice-head {margin-bottom: 30px;border-bottom: 1px solid #efebeb;padding-bottom: 20px;}
.invoice-head .iv-left span {color: #444;}
.invoice-head span {font-size: 21px;font-weight: 700;color: #777;}
.invoice-address h3 {font-size: 24px;text-transform: uppercase;font-weight: 600;color: #333;margin-bottom: 15px;}
.invoice-address h5 {font-size: 17px;margin-bottom: 10px;}
.invoice-address p {font-size: 13px;color: #555;margin-bottom: 3px;}
.invoice-date li {font-size: 15px;color: #555;font-weight: 700;margin-bottom: 5px;}
.invoice-table .table-bordered td,
.invoice-table .table-bordered th {border: 1px solid rgba(120, 130, 140, 0.13) !important;border-left: none!important;border-right: none!important;font-size: 13px!important;}
.invoice-table tr td {color: #666;}
.invoice-table tfoot tr td {text-transform: uppercase;font-weight: 600;color: #444;}
.invoice-buttons a {display: inline-block;font-size: 15px;color: #fff;background: #815ef6;padding: 12px 19px;border-radius: 3px;text-transform: capitalize;font-family: 'Open Sans', sans-serif;font-weight: 600;letter-spacing: 0.03em;margin-left: 6px;}
.invoice-buttons a:hover {background: #574494;}

@media print {
    .page-banner,
    .invoice-sidebar,
    .footer-area,
    .print-invoice-button {display:none!important;}

    .invoice-right {
    	max-width: 100%!important;
    	flex: 0 0 100%!important;
    }
}