body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  color: #444;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 15px;
}
footer h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color: #23a1d1;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  text-decoration: none;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
legend {
  font-size: 18px;
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
.list-unstyled a {
  text-decoration: none;
}
.nav-tabs {
  margin-bottom: 15px;
}
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
#alert {
  z-index: 9999;
  pointer-events: all;
}
#alert .alert {
  min-width: 400px;
  position: relative;
  margin-bottom: 15px;
}
@media (min-width: 1300px) {
  #alert .alert {
    right: 50px;
  }
}
@media (min-width: 1400px) {
  #alert .alert {
    right: 0px;
  }
}
@media (min-width: 1600px) {
  #alert .alert {
    right: 100px;
  }
}
@media (min-width: 1800px) {
  #alert .alert {
    right: 200px;
  }
}
@media (min-width: 2000px) {
  #alert .alert {
    right: 300px;
  }
}
@media (min-width: 2200px) {
  #alert .alert {
    right: 400px;
  }
}
@media (min-width: 2400px) {
  #alert .alert {
    right: 500px;
  }
}
@media (min-width: 2600px) {
  #alert .alert {
    right: 600px;
  }
}
@media (min-width: 2800px) {
  #alert .alert {
    right: 700px;
  }
}
@media (min-width: 3000px) {
  #alert .alert {
    right: 800px;
  }
}
@media (min-width: 3200px) {
  #alert .alert {
    right: 900px;
  }
}
@media (min-width: 3400px) {
  #alert .alert {
    right: 1000px;
  }
}
@media (min-width: 3600px) {
  #alert .alert {
    right: 1100px;
  }
}
@media (min-width: 3800px) {
  #alert .alert {
    right: 1200px;
  }
}
@media (min-width: 4000px) {
  #alert .alert {
    right: 1300px;
  }
}
#header_bc
{
	width:100%; height:150px;
}
#header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: #FFF;
    transition: box-shadow 0.3s ease;
}

#header.scrolled {
    box-shadow: 0 4px 15px rgba(204,127,135,0.5);
}
/* top */
#top {
  background-color: #cc7f87;
  padding: 10px 0;
  margin: 0 0 20px 0;
  min-height: 44px;
  position: relative;
}
#top h1
{
	margin:0px; padding:0px; margin-top:4px;
	font-size:14px; color:#FFF;
}
#top .nav > .list-inline > .list-inline-item, #top .nav > .list-inline .list-inline-item > a, #top .nav > .list-inline .list-inline-item .dropdown > a {
  color: #888;
  text-shadow: 0 1px 0 #FFF;
}
#top .btn-link {
  color: #888;
  text-shadow: 0 1px 0 #FFF;
  text-decoration: none;
}
#top .btn-link:hover {
  color: #444;
}
#top a {
  font-size: 1.1em;
  text-decoration: none;
}
#header_hotline
{
	color:#FFF; font-size:15px; font-family:'Open Sans', sans-serif;
}
#header_hotline a{ color:#FFF; }
#header_hotline a i{ font-size:14px; }
footer a {
  font-size: 1.1em;
  text-decoration: none;
}
/* logo */
#logo {
	width:145px; height:auto; position:absolute; left:50%; top:-0px;
	margin-left:-72.5px;
}
#logo a
{
	width:100%; height:auto; float:left;
	background:#cc7f87;
}
#logo img {
	width:100%; height:auto;
}
#logo a:hover{
	box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.22);
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.22);
}
/* search */

#header_right
{
	float:right;
	margin-top:20px;
	font-size:20px;
}
#header_right a{ color:#111111; cursor:pointer; }
#header_right i{ font-size:24px; }

#header_right .list-inline-item{ margin-left:10px; }

#header_right .list-inline{ float:left; margin-right:25px; }

#cart_btn
{
	float:left;
}
#cart_btn .dropdown-toggle
{
	border:0px;
	background:#FFF;
}
#search {
	width:100%; height:auto; position:absolute; top:0px; left:0px; z-index:999; display:none;
	padding:65px 20%;
	background:#FFF;
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
}
#search_close
{
	width:45px; height:45px; position:absolute; right:0px; top:25px; cursor:pointer;
	font-size:22px; color:#222;
}
#search h3{ margin-bottom:20px; }
#search_div
{
	width:100%; height:auto; position:relative;
}
#search input
{
	width:100%; height:40px; float:left; border:0px; border-bottom:1px solid #DDD;
	padding-left:10px;
}
#search input:focus{ outline:0px; border:0px; border-bottom:1px solid #222; }
#search button
{
	width: auto; height:40px; position:absolute; right:20px; top:0px;
	padding:0px;
	background:none; border:0px;
	font-size:18px;
}
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}

#wishlist-total{ position:relative; font-size:22px; margin-top:1px; }
#wishlist-total span
{
	width:18px; height:18px; position:absolute; top:-8px; right:-8px;
	background:#cc7f87;
	font-size:10px; color:#FFF; text-align:center; line-height:18px;
	border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
}

/* cart */
#cart_btn{ }
#cart_btn button{ position:relative; }
#cart_btn span
{
	width:18px; height:18px; position:absolute; top:-8px; right:-3px;
	background:#cc7f87;
	font-size:10px; color:#FFF; text-align:center; line-height:18px;
	border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
}
#header-cart {
  margin-bottom: 10px;
}
#header-cart .btn-lg {
  color: #FFF;
  height: 40px;
  padding: 0 1rem;
}
#header-cart .btn:hover {
  color: #FFF;
}
#header-cart .dropdown-menu {
  background: #eee;
}
#header-cart .dropdown-menu li {
  min-width: 427px;
}
@media (max-width: 768px) {
  #header-cart .dropdown-menu li {
    min-width: 100%;
  }
}

/* =========================
   CROFTS LUXURY MENU
========================= */

#cg_menu{
	width:100%;
	position:relative;
	z-index:9999;
	margin-top:15px;
}

/* =========================
   DESKTOP MENU
========================= */

.cg_menu_area{
	width:100%;
}

.cg_menu_ul{
	margin:0;
	padding:0;
	list-style:none;

	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}

.cg_menu_ul > li{
	position:relative;
	margin:0px 5px;
}

.cg_menu_link{
	display:block;
	padding:14px 18px;

	font-size:15px;
	font-weight:500;
	color:#222;

	text-decoration:none;

	border-radius:50px;

	position:relative;

	transition:0.3s;
}

.cg_menu_link:hover{
	color:#cc7f87;
	background:rgba(204,127,135,0.08);
}

/* UNDERLINE */

.cg_menu_link:after{
	content:'';

	position:absolute;

	left:50%;
	bottom:6px;

	width:0%;
	height:2px;

	background:#cc7f87;

	transform:translateX(-50%);

	transition:0.3s;
}

.cg_menu_link:hover:after{
	width:60%;
}

/* =========================
   MEGA MENU
========================= */

.cg_mega_menu{
	position:absolute;

	left:0px;
	top:120%;


	width:720px;
	max-width:95vw;

	padding:25px;

	background:#fff;

	border-radius:22px;

	box-shadow:0 15px 45px rgba(0,0,0,0.12);

	opacity:0;
	visibility:hidden;

	transition:0.35s;

	box-sizing:border-box;
}

.cg_has_sub:hover .cg_mega_menu{
	opacity:1;
	visibility:visible;
	top:100%;
}

/* RIGHT SIDE FIX */

.cg_menu_ul > li:last-child .cg_mega_menu{
	left:auto;
	right:0;
	transform:none;
}

.cg_menu_ul > li:nth-last-child(2) .cg_mega_menu{
	left:auto;
	right:0;
	transform:none;
}

/* =========================
   GRID
========================= */

.cg_mega_grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
}

/* =========================
   ITEM
========================= */

.cg_mega_item{
	display:flex;
	align-items:center;

	padding:12px;

	border-radius:18px;

	background:#fff;

	border:1px solid #f2f2f2;

	text-decoration:none;

	transition:0.35s;
}

.cg_mega_item:hover{
	transform:translateY(-5px);

	background:#fff8f9;

	border-color:#cc7f87;

	box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

/* IMAGE */

.cg_mega_image{
	width:70px;
	height:70px;

	border-radius:16px;

	overflow:hidden;

	background:#f8f8f8;

	margin-right:14px;

	flex-shrink:0;
}

.cg_mega_image img{
	width:100%;
	height:100%;

	object-fit:cover;

	transition:0.4s;
}

.cg_mega_item:hover img{
	transform:scale(1.08);
}

/* CONTENT */

.cg_mega_content h4{
	margin:0;

	font-size:14px;
	font-weight:600;

	color:#222;

	line-height:20px;
}

.cg_mega_content span{
	display:block;

	margin-top:4px;

	font-size:12px;

	color:#999;
}

/* SHOW ALL */

.cg_see_all{
	width:100%;

	display:block;

	margin-top:20px;

	padding:14px;

	border-radius:14px;

	background:#f8f8f8;

	text-align:center;

	font-size:14px;
	font-weight:600;

	color:#222;

	text-decoration:none;

	transition:0.3s;
}

.cg_see_all:hover{
	background:#cc7f87;
	color:#fff;
}

/* =========================
   MOBILE BUTTON
========================= */

.cg_mobile_btn{
	display:none;

	width:45px;
	height:45px;

	align-items:center;
	justify-content:center;

	background:#cc7f87;

	color:#fff;

	border-radius:10px;

	cursor:pointer;

	font-size:18px;
}

@media(max-width:1399px){

  #logo{ margin-left: 5px; }
}
/* =========================
   TABLET
========================= */

@media(max-width:1199px){

	.cg_mega_menu{
		width:720px;
	}

	.cg_mega_grid{
		grid-template-columns:repeat(3,1fr);
	}
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

  
  #logo{ margin-left: -72.5px; }

	#cg_menu{
		width:100%;
		margin-top: 0px;
		position: inherit;
	}

	/* MOBILE BUTTON */

	.cg_mobile_btn{
		display:flex;
	}

	/* MENU PANEL */

	.cg_menu_area{
		display:none;

		position:absolute;

		top:115px;
		left:0;
		right:0;

		width:100%;
		max-width:100%;

		background:#fff;

		padding:15px;

		border-radius:20px;

		box-shadow:0 10px 25px rgba(0,0,0,0.08);

		box-sizing:border-box;

		overflow:hidden;
	}

	.cg_menu_area.active{
		display:block;
	}

	/* MENU LIST */

	.cg_menu_ul{
		width:100%;

		flex-direction:column;

		align-items:flex-start;
	}

	.cg_menu_ul > li{
		width:100%;
		margin:0;
	}

	.cg_menu_link{
		width:100%;

		padding:13px 15px;

		font-size:14px;

		border-radius:12px;

		box-sizing:border-box;
	}

	.cg_menu_link:after{
		display:none;
	}

	/* MEGA MENU */

	.cg_mega_menu{
		position:relative !important;

		left:0 !important;
		right:0 !important;
		top:0 !important;

		transform:none !important;

		width:100% !important;
		max-width:100% !important;

		margin-top:10px;

		padding:12px;

		background:#fafafa;

		border-radius:16px;

		box-shadow:none;

		display:none;

		opacity:1 !important;
		visibility:visible !important;

		box-sizing:border-box;

		overflow:hidden;
	}

	.cg_has_sub.active .cg_mega_menu{
		display:block;
	}

	/* GRID */

	.cg_mega_grid{
		grid-template-columns:repeat(2,1fr);

		gap:12px;

		width:100%;
	}

	/* ITEM */

	.cg_mega_item{
		width:100%;

		padding:10px;

		box-sizing:border-box;

		border-radius:14px;
	}

	/* IMAGE */

	.cg_mega_image{
		width:55px;
		height:55px;

		border-radius:12px;

		margin-right:12px;
	}

	/* CONTENT */

	.cg_mega_content{
		width:calc(100% - 70px);

		overflow:hidden;
	}

	.cg_mega_content h4{
		font-size:13px;

		line-height:18px;

		word-break:break-word;
	}

	.cg_mega_content span{
		font-size:11px;
	}

	/* SHOW ALL */

	.cg_see_all{
		padding:12px;

		margin-top:12px;

		border-radius:12px;
	}
}

/* MOBILE ACTIVE */

.cg_menu_area.active{
	display:block !important;
}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:550px){

  .cg_mobile_btn{ float:right; }

	.cg_menu_area{
		top:115px;
		padding:12px;
	}
	.cg_mega_grid{
		grid-template-columns:repeat(1,1fr);

	.cg_menu_link{
		font-size:13px;
		padding:12px;
	}

	.cg_mega_item{
		padding:9px;
	}

	.cg_mega_image{
		width:50px;
		height:50px;
	}

	.cg_mega_content h4{
		font-size:12px;
	}

	.cg_mega_content span{
		font-size:10px;
	}
}

@media(max-width:400px)
{
  #cg_menu{ width: inherit; float:right; margin-right: 95px; }
  
  #header .col-6{ width:100%; }
  #header_right
  {
    width: 90px; float: right;
    margin-top: -55px !important;;
  }
  #header_right .list-inline{ margin: 0px; }
  #header_right .list-inline-item{ width: 40px; height: 40px;; float: left; margin: 0px; text-align: center; line-height: 40px; }

  #cart_btn{ float:right; margin-top: -32px;; }
}

/* content */
#content {
  min-height: 600px;
}
/* footer */
footer {
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 1px;
  background:#f5f5f5;
  color: #222;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
  color: #222; font-size:14px;
}
footer a:hover {
  color: #000;
}
footer h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer_news
{
	width:100%; height:auto;
	border-bottom:1px solid #CCC;
	padding-bottom:15px; margin-bottom:45px;
}
#footer_news h3
{
	margin:0px; padding:0px;
	margin-bottom:4px;
	font-size:18px; color:#000; font-weight:600;
}
#footer_news p
{
	margin:0px; padding:0px;
	font-size:14px; color:#222;
}
#footer_news form {
  width: 100%;
  overflow: hidden;
}
#footer_news input
{
	width:75%; height:45px; float:left;
	padding-left:20px;
	border:1px solid #222;
}
#footer_news input:focus{ outline:0px; }
#footer_news input.is-invalid {
  border-color: #dc3545;
}
#footer_news form .invalid-feedback {
  width: 100%;
  clear: both;
  padding-top: 6px;
  color: #842029;
}
#footer_news button
{
	width:25%; height:45px; float:left;
	border:1px solid #222; background:#222;
	font-size:14px; color:#FFF;
}
#footer-newsletter-feedback {
  clear: both;
  color: #222;
  line-height: 1.5;
}
#footer-newsletter-feedback.text-success {
  color: #198754;
}
#footer-newsletter-feedback.text-danger a {
  color: #222;
  font-weight: 600;
  text-decoration: underline;
}
#footer-newsletter-feedback.text-danger a:hover {
  color: #000;
}

#footer_url ul li{ margin-bottom:4px; }
#footer_url ul li a:hover{ text-decoration:underline; }

#footer_copy
{
	width:100%; height:auto;
	margin-top:25px;
	border-top:1px solid #CCC;
	font-size:14px;
	padding-top:20px; padding-bottom:20px;
}
#footer_copy a{ float:right; }
#footer_copy a:hover{ text-decoration:underline; }
/* breadcrumb */
.breadcrumb {
  margin: 0 0 40px 0;
  padding: 8px 0;
  background-color: #f5f5f5;
  font-size:13px;
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
  color:#222;
}
.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 26px;
  height: 26px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
/* =====================================
   CROFTS LUXURY PAGINATION
===================================== */

.pagination{
	width:100%;

	display:flex;

	align-items:center;
	justify-content:center;

	flex-wrap:wrap;

	gap:10px;

	margin:40px 0 20px 0 !important;

	padding:0;

	list-style:none;
}

/* PAGE ITEM */

.pagination .page-item{
	margin:0;
	padding:0;
}

/* LINK */

.pagination .page-link{
	min-width:48px;
	height:48px;

	display:flex;
	align-items:center;
	justify-content:center;

	padding:0 18px;

	border:none !important;

	border-radius:16px !important;

	background:#ffffff;

	color:#222;

	font-size:15px;
	font-weight:600;

	text-decoration:none;

	box-shadow:
	0 5px 18px rgba(0,0,0,0.05);

	transition:all 0.35s ease;
}

/* HOVER */

.pagination .page-link:hover{
	background:#cc7f87;

	color:#ffffff;

	transform:
	translateY(-3px)
	scale(1.05);

	box-shadow:
	0 12px 25px rgba(204,127,135,0.30);
}

/* ACTIVE */

.pagination .active .page-link{
	background:#cc7f87;

	color:#ffffff;

	box-shadow:
	0 10px 25px rgba(204,127,135,0.35);

	transform:scale(1.06);
}

/* DISABLED */

.pagination .disabled .page-link{
	background:#f5f5f5;

	color:#aaa;

	cursor:not-allowed;

	box-shadow:none;
}

/* NEXT / PREV */

.pagination .page-link[aria-label="Previous"],
.pagination .page-link[aria-label="Next"]{
	font-size:18px;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

	.pagination{
		gap:8px;

		margin:30px 0 15px 0 !important;
	}

	.pagination .page-link{
		min-width:42px;
		height:42px;

		font-size:14px;

		border-radius:14px !important;
	}
}

/* =====================================
   SMALL MOBILE
===================================== */

@media(max-width:480px){

	.pagination{
		gap:6px;
	}

	.pagination .page-link{
		min-width:38px;
		height:38px;

		padding:0 12px;

		font-size:13px;

		border-radius:12px !important;
	}
}
/* buttons */
.btn-light {
 border: 0px;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    color: #777;
    line-height: 28px;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-position: 0;
}

/* =====================================
   CROFTS CLEAN LUXURY BUTTONS
===================================== */

.btn{
	border:none !important;

	border-radius:16px !important;

	font-weight:600;

	font-size:14px;

	padding:12px 24px;

	transition:all 0.35s ease;

	position:relative;

	overflow:hidden;
}

/* SHINE EFFECT */

.btn:before{
	content:'';

	position:absolute;

	top:-120%;
	left:-40%;

	width:40%;
	height:300%;

	background:rgba(255,255,255,0.12);

	transform:rotate(25deg);

	transition:0.8s;
}

.btn:hover:before{
	left:120%;
}

/* =====================================
   PRIMARY
===================================== */

.btn-primary{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#cc7f87,
		#b96d75
	) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background:linear-gradient(
		135deg,
		#d88a92,
		#c1767e
	) !important;

	transform:
	translateY(-2px)
	scale(1.01);
}

/* =====================================
   WARNING
===================================== */

.btn-warning{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#f7b34d,
		#e79a22
	) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{
	background:linear-gradient(
		135deg,
		#ffc15d,
		#f0a62f
	) !important;

	transform:translateY(-2px);
}

/* =====================================
   DANGER
===================================== */

.btn-danger{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#f16b67,
		#d64139
	) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{
	background:linear-gradient(
		135deg,
		#ff7c77,
		#e44a42
	) !important;

	transform:translateY(-2px);
}

/* =====================================
   SUCCESS
===================================== */

.btn-success{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#5ccf8a,
		#34b86a
	) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active{
	background:linear-gradient(
		135deg,
		#6ad998,
		#3dc774
	) !important;

	transform:translateY(-2px);
}

/* =====================================
   INFO
===================================== */

.btn-info{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#e67858,
		#d95d38
	) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active{
	background:linear-gradient(
		135deg,
		#f08665,
		#e56b46
	) !important;

	transform:translateY(-2px);
}

/* =====================================
   INVERSE
===================================== */

.btn-inverse{
	color:#fff !important;

	background:linear-gradient(
		135deg,
		#444,
		#222
	) !important;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active{
	background:linear-gradient(
		135deg,
		#555,
		#333
	) !important;

	transform:translateY(-2px);
}

/* =====================================
   LINK BUTTON
===================================== */

.btn-link{
	background:none !important;

	color:#cc7f87 !important;

	padding:0 !important;

	border:none !important;

	border-radius:0 !important;
}

.btn-link:hover{
	color:#b96d75 !important;

	transform:none;
}

/* =====================================
   SMALL BUTTON
===================================== */

.btn-sm{
	padding:9px 16px;

	font-size:12px;

	border-radius:12px !important;
}

/* =====================================
   LARGE BUTTON
===================================== */

.btn-lg{
	padding:15px 34px;

	font-size:16px;

	border-radius:20px !important;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

	.btn{
		padding:11px 20px;

		font-size:13px;

		border-radius:14px !important;
	}
}

/* =====================================
   CROFTS PREMIUM PRODUCT CARD
===================================== */

.product-thumb{
	position:relative;
	height:100%;

	background:#ffffff;

	border-radius:28px;

	overflow:hidden;

	border:1px solid #f3f3f3;

	transition:all 0.45s cubic-bezier(.2,.85,.4,1);

	box-shadow:0 5px 18px rgba(0,0,0,0.04);
}

/* HOVER */

.product-thumb:hover{
	transform:translateY(-12px);

	box-shadow:
	0 25px 50px rgba(0,0,0,0.10),
	0 10px 20px rgba(204,127,135,0.08);

	border-color:#f0d7da;
}

/* =====================================
   IMAGE AREA
===================================== */

.product-thumb .image{
	position:relative;

	background:linear-gradient(to bottom,#fafafa,#f4f4f4);

	overflow:hidden;
}

/* IMAGE */

.product-thumb .image img{
	width:100%;
	height:auto;

	transition:transform 0.9s ease;
}

/* IMAGE ZOOM */

.product-thumb:hover .image img{
	transform:scale(1.12);
}

/* OVERLAY */

.product-thumb .image:before{
	content:'';

	position:absolute;
	left:0;
	top:0;

	width:100%;
	height:100%;

	background:
	linear-gradient(
		to top,
		rgba(0,0,0,0.12),
		rgba(0,0,0,0)
	);

	opacity:0;

	z-index:2;

	transition:0.45s;
}

.product-thumb:hover .image:before{
	opacity:1;
}

/* SHINE EFFECT */

.product-thumb .image:after{
	content:'';

	position:absolute;

	top:-120%;
	left:-60%;

	width:50%;
	height:300%;

	background:rgba(255,255,255,0.18);

	transform:rotate(25deg);

	transition:0.9s;
}

.product-thumb:hover .image:after{
	left:130%;
}

/* =====================================
   FLOATING BUTTONS
===================================== */

.product-thumb .button-group{
	position:absolute;

	left:50%;
	bottom:25px;

	transform:
	translateX(-50%)
	translateY(30px);

	display:flex;

	gap:12px;

	opacity:0;

	z-index:10;

	width:auto;
	height:auto;

	padding:0;
	margin:0;

	background:none;

	overflow:visible;

	transition:all 0.45s ease;
}

/* SHOW */

.product-thumb:hover .button-group{
	opacity:1;

	transform:
	translateX(-50%)
	translateY(0px);
}

/* BUTTON */

.product-thumb .button-group button{
	width:48px;
	height:48px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:none;

	background:#ffffff;

	color:#222;

	border-radius:50%;

	font-size:15px;

	backdrop-filter:blur(5px);

	box-shadow:
	0 10px 25px rgba(0,0,0,0.12);

	transition:all 0.35s ease;
}

/* HOVER */

.product-thumb .button-group button:hover{
	background:#cc7f87;

	color:#ffffff;

	transform:
	translateY(-4px)
	scale(1.08);

	box-shadow:
	0 15px 30px rgba(204,127,135,0.35);
}

/* REMOVE OLD BORDER */

.product-thumb .button-group button + button{
	border:none;
}

/* =====================================
   CONTENT
===================================== */

.product-thumb .content{
	padding:22px;
	position:relative;
}

/* TITLE */

.product-thumb h4{
	margin:0 0 12px 0;

	font-size:16px;
	font-weight:600;

	line-height:24px;

	min-height:48px;
}

/* LINK */

.product-thumb h4 a{
	color:#222;

	text-decoration:none;

	transition:0.3s;
}

.product-thumb h4 a:hover{
	color:#cc7f87;
}

/* =====================================
   PRICE
===================================== */

.product-thumb .price{
	font-size:20px;

	font-weight:700;

	color:#cc7f87;

	letter-spacing:0.3px;
}

.product-thumb .price-new{
	color:#cc7f87;
}

.product-thumb .price-old{
	color:#999;

	font-size:14px;

	margin-right:8px;

	text-decoration:line-through;
}

/* =====================================
   OPTIONAL BADGE
===================================== */

.product-thumb .sale-badge{
	position:absolute;

	left:15px;
	top:15px;

	z-index:12;

	padding:7px 12px;

	background:#cc7f87;

	color:#fff;

	font-size:12px;
	font-weight:600;

	border-radius:50px;

	box-shadow:
	0 5px 15px rgba(204,127,135,0.3);
}

/* =====================================
   RATING
===================================== */

.rating{
	margin-bottom:10px;
}

.rating .fa-star{
	color:#ffb400;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

	.product-thumb{
		border-radius:22px;
	}

	.product-thumb .content{
		padding:16px;
	}

	.product-thumb h4{
		font-size:14px;
		line-height:22px;
		min-height:auto;
	}

	.product-thumb .price{
		font-size:17px;
	}

	.product-thumb .button-group{
		bottom:18px;
		gap:8px;
	}

	.product-thumb .button-group button{
		width:42px;
		height:42px;

		font-size:14px;
	}
}

/* =====================================
   SMALL MOBILE
===================================== */

@media(max-width:480px){

	.product-thumb{
		border-radius:18px;
	}

	.product-thumb .content{
		padding:14px;
	}

	.product-thumb .button-group{
		opacity:1;

		transform:translateX(-50%);
	}

	.product-thumb .button-group button{
		width:38px;
		height:38px;
	}
}
.rating .fa-stack {
  width: 20px;
}
.rating.fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: #444;
  font-family:Verdana, Geneva, sans-serif; font-weight:300;
}
.price-new {
  font-weight: 300;
}
.price-old {
  color: #dc512c;
  text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* BS4 Changes */
.navbar-light .navbar-toggler {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 10px 20px;
  background-color: #222;
  border-color: #1f90bb #1f90bb #145e7a;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
/* Theme Custom CSS */
#display-control #compare-total.a {
  margin-top: -2px;
  padding: 0.35rem 0.565rem;
}
#product-product h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#information-contact .card {
  margin-bottom: 20px;
}
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}



#home_cat
{
	position:relative;
	padding:40px 0px;
}

#home_cat_header h2
{
	font-size:28px;
	text-align:center;
	margin-bottom:15px;
	animation: fadeDown 1s ease;
}

#home_cat_cont
{
}

#home_cat_cont .owl-carousel
{
	margin:0px;
	display:block;
}

#home_cat_cont .owl-carousel .owl-buttons div
{
	opacity:1;
	transition:all 0.3s ease;
}

#home_cat_cont .owl-wrapper-outer
{
    border:0px solid #fff;
    border-radius:0px;
    box-shadow:none;
}

#home_cat_cont .owl-controls
{
	width:94px;
	position:absolute;
	z-index:99;
	left:-34.33%;
	bottom:80px;
}

#home_cat_cont .owl-theme .owl-controls .owl-buttons div
{
	width:40px;
	height:40px;
	color:#c7c7c7;
	text-align:center;
	opacity:1;
	border-radius:200px;
	background:#FFF;
	border:1px solid #c7c7c7;
	line-height:46px;
	transition:all 0.3s ease;
}

#home_cat_cont .owl-theme .owl-controls .owl-buttons div:hover
{
	color:#000;
	border:1px solid #000;
	transform:scale(1.1);
	box-shadow:0px 0px 12px -2px rgba(0,0,0,0.35);
}

#home_cat_cont .owl-controls .owl-buttons .owl-prev
{
	left:0;
}

#home_cat_cont .owl-next
{
	right:0%;
}

#home_cat_cont .owl-theme .owl-controls .owl-buttons div i
{
	font-size:22px;
}

#home_cat_cont ul
{
	margin:0px;
	padding:0px;
}

#home_cat_cont ul li
{
	list-style:none;
	padding:5px;
	transition:all 0.4s ease;
}

#home_cat_cont ul li:hover
{
	transform:translateY(-8px);
}

#home_cat_cont ul li img
{
	width:100%;
	height:auto;
	border-radius:50%;
	background:#f8f8f8;
	padding:10px;
	margin-bottom:25px;
	transition:all 0.4s ease;
}

#home_cat_cont ul li:hover img
{
	transform:scale(1.08) rotate(3deg);
	box-shadow:0px 10px 20px rgba(0,0,0,0.12);
	background:#fff;
}

#home_cat_cont ul li a
{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	text-decoration:none;
}

#home_cat_cont ul li a h3
{
	height:35px;
	font-size:14px;
	transition:all 0.3s ease;
}

#home_cat_cont ul li:hover a h3
{
	color:#cc7f87;
	letter-spacing:1px;
}

/* Animations */

@keyframes fadeDown
{
	from
	{
		opacity:0;
		transform:translateY(-30px);
	}
	to
	{
		opacity:1;
		transform:translateY(0px);
	}
}


#carousel-banner-1{ margin-top:45px; }




.home_featured
{
	position:relative;
	margin-top:55px;
}
.home_featured_header h2
{
	font-size:28px; text-align:left;
	margin-bottom:15px; margin-left:5%;
}
.home_featured_cont
{
}
.home_featured_cont ul
{
	margin:0px; padding:0px;
}

.home_featured_cont ul li
{
	margin:0px; padding:0px;
}

.home_featured_cont .owl-carousel{ margin:0px; display:block; }
.home_featured_cont .owl-carousel .owl-buttons div{ opacity:1; }

.home_featured_cont .owl-wrapper-outer
{
    border: 0px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


.home_featured_cont .owl-controls
{
	width:94px; position:absolute; z-index:99; left:-34.33%; bottom:80px;
}

.home_featured_cont .owl-theme .owl-controls .owl-buttons div{
	width:40px; height:40px;
	color: #c7c7c7;
	text-align:center;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	background:#FFF; border:1px solid #c7c7c7;
	line-height:46px;
}
.home_featured_cont .owl-theme .owl-controls .owl-buttons div:hover
{
	color:#000; border:1px solid #000;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
}


.home_featured_cont .owl-controls .owl-buttons .owl-prev
{
	left:0;
}
.home_featured_cont .owl-next
{
	right:0%;
}
.home_featured_cont .owl-theme .owl-controls .owl-buttons div i
{
	font-size:22px;
}
.home_featured_cont ul{ margin:0px; padding:0px; }

.home_featured_cont ul li
{
	list-style:none;
}
.home_featured_cont ul li img
{
	width:100%; height:auto;
	padding:10px;
	background:#f8f8f8;
}
.home_featured_cont ul li h4
{
	margin-top:5px;
	height:25px;
	font-size:14px; font-weight:500; text-align:left;
}

.home_featured_cont ul li a
{
	color:#222;
}
.home_featured_cont ul li a h3{ height:35px; font-size:14px; }
.home_featured_cont ul li a:hover img
{
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
}

#carousel-banner-1{ margin-top:45px; }

#home_html{ margin-top:55px; margin-bottom:55px; }
#home_html img{ width:80%; }
#home_html h2
{
	margin-top:55px; margin-bottom:25px;
	font-size:42px;
}
#home_html p
{
	margin-bottom:25px;
	font-size:16px; text-align:justify; line-height:26px;
}
#home_html a
{
	width:150px; height:45px; position:relative;
	margin-top:20px;
	display:inline-block;
	border:1px solid #222;
	margin-bottom:25px; padding-left:15px;
	font-size:16px; text-align:justify; line-height:43px; color:#222;
}
#home_html a:after
{
	position:absolute; right:15px; top:1px;
	font-family: FontAwesome;
    content: "\f0da";
}
#home_html a:hover{ background:#222; color:#FFF; }

.home_content_category_m
{
	width:100%; height:auto; display:inline-block;
	margin-top:-20px;
}
.home_content_category
{
	width:100%; height:auto; position:relative;
}
.home_content_category img
{
	width:100%; height:auto;
}

.home_content_category_cont
{
	width:45%; height:auto; position:absolute; left:5%; bottom:85px;
	color:#FFF;
}
.home_content_category_cont h2
{
	font-size:42px; color:#FFF;
	margin-bottom:25px;
}
.home_content_category_cont ul
{
	margin:0px; padding:0px; margin-top:40px;
}
.home_content_category_cont ul li
{
	margin:0px; padding:0px; display:inline-block;
	margin-right:20px;
}
.home_content_category_cont ul li a
{
	padding:14px 25px 14px 25px; display:inline-block;
	margin-bottom:20px;
	background:#FFF; border:1px solid #FFF;
	font-size:14px; color:#222;
}
.home_content_category_cont ul li a:hover{ background:#222; color:#FFF; }

#home_blog{ position:relative; width:100%; height:auto; margin-bottom:75px; margin-top:65px; }
#home_blog_head
{
	position:absolute; left:0px; top:55px; z-index:99;
}
#home_blog_head h2
{
	font-size:52px; font-weight:600; color:#222;
}


.home_blog_cont_text
{
	margin-top:195px;
	font-size:16px; line-height:24px; text-align:justify;
}

.home_blog_cont_text_a
{
	width:150px; height:45px; position:relative;
	margin-top:20px;
	display:inline-block;
	border:1px solid #222;
	margin-bottom:25px; padding-left:15px;
	font-size:16px; text-align:justify; line-height:43px; color:#222;
}
.home_blog_cont_text_a:after
{
	position:absolute; right:15px; top:1px;
	font-family: FontAwesome;
    content: "\f0da";
}
.home_blog_cont_text_a:hover{ background:#222; color:#FFF; }

.home_blog_cont_image{ position:relative; }
.home_blog_cont_image h3
{
	width:96%; height:auto; margin:0px; padding:15px 25px;
	position:absolute; bottom:0px; left:2%;
	background:rgba(0,0,0,0.7);
	font-size:18x; color:#FFF; font-weight:600;
}

.home_blog_cont img{ width:100%; height:auto; }


#home_blog .owl-carousel{ margin:0px; display:block; }
#home_blog .owl-carousel .owl-buttons div{ opacity:1; }

#home_blog .owl-wrapper-outer
{
    border: 0px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


#home_blog .owl-controls
{
	width:94px; position:absolute; z-index:99; right:30px; top:30px;
}

#home_blog .owl-theme .owl-controls .owl-buttons div{
	width:40px; height:40px;
	color: #c7c7c7;
	text-align:center;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#FFF; border:1px solid #c7c7c7;
	line-height:46px;
}
#home_blog .owl-theme .owl-controls .owl-buttons div:hover
{
	color:#000; border:1px solid #000;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
}


#home_blog .owl-controls .owl-buttons .owl-prev
{
	left:0;
}
#home_blog .owl-next
{
	right:0%;
}
#home_blog .owl-theme .owl-controls .owl-buttons div i
{
	font-size:22px;
}

.category_banner img
{
	width:100%; height:auto;
}


#left_cat
{
	width:100%; height:auto; margin-bottom:25px !important;
	display:inline-block; padding-bottom:25px;
	border-bottom:2px solid #DDD;
}
#left_cat h3
{
	font-size:16px; font-weight:600;
}
#left_cat a
{
	width:100%; height:auto; display:inline-block;
	font-size:14px; color:#222;
	margin-top:10px;
}
#left_cat a.active{ font-weight:600; }

#left_filter label{ font-size:14px; }
#left_filter .list-group-flush > .list-group-item{ padding-left:0px; font-size:16px; }



.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
}
.thumbnails {
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	width:100%; height:auto;
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional a img
{
	width:100%; height:auto;
}
.image-additional {
	max-width: 78px;
}
.image-additional ul { margin:0px; padding:0px; }
.thumbnails .image-additional {
	float: left;
	margin-right: 5px !important;;
}

.thumbnew{ overflow:hidden; border:1px solid #EEE; position:relative; margin-bottom:15px; }
.thumbnew li{ list-style:none; }
.thumbnew .img-thumbnail{ border:0px; float:left; }

#product_details h2{ font-size:26px; }
#product_details .wishbtn{ margin-bottom:10px; margin-top:5px; }
#product_details .wishbtn button
{
	border:1px solid #EEE;
	background:#FFF;
}

.product_order_right
{
	background:#EEE;
	padding:10px;
}

#button-cart
{
	width:100%; height:55px;
}

#gmap iframe
{
	width:100%; height:300px;
}

#display-control{ margin-top:35px;}


/* Table */
#tab-description table
{
	width:100%; height:auto;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
	border:1px solid #dddddd;
}
#tab-description table thead
{
	background:#EEE;
	font-size:13px; font-weight:bold;
}
#tab-description table td
{
	padding:4px; padding-left:8px;
	border: 1px solid #ddd;
}
#tab-description table thead
{
	background:#EEE;
}
#tab-description table tbody td
{
	border-top: 1px solid #ddd;
	font-size:12px;
}
#tab-description table tbody tr th{ width:150px; padding:10px; }
#tab-description table tbody tr td:first-child{ width:120px; }
#tab-description table tbody tr td:second-child{ width:120px; }

#product_view_special{
	width:100%; height:auto;
	margin-bottom:20px;
}
#product_view_special ul{
	width:100%; height:auto;
	margin:0px; padding:0px;
}
#product_view_special ul li{
	width:100%; height:auto;
	margin:0px; padding:0px;
	list-style:none;
	background:#EEE;
	margin-bottom:5px;
	padding:10px;
}

#information-information{ text-align:justify; }
#information-information h1{ margin-bottom:25px; }
#information-information h3{ margin-bottom:25px; }
#information-information p{ line-height:28px; margin-bottom:30px; }

#carousel-banner-0{ overflow:hidden; }

@media(max-width:1399px)
{
	#menu .navbar-nav > li > a
	{
		padding:10px 8px 10px 8px;
	}
	
	.home_content_category_cont{ width:65%; }
	
}
@media(max-width:1199px)
{
	#menu .navbar-nav > li > a
	{
		padding:10px 7px 10px 7px;
		font-size:14px;
	}
		
	#home_cat_header h2{ margin-bottom:0px; }
	
	.home_content_category_cont{ width:85%; bottom:20px; }
	.home_content_category_cont h2{ font-size:22px; margin-bottom:10px; margin-top:85px; }
	.home_content_category p{ font-size:13px; margin-bottom:0px; }
	
}
@media(max-width:1024px)
{
}
@media(max-width:991px)
{
	#menu .navbar-nav > li > a
	{
		padding:14px 10px 10px 10px;
		font-size:14px; text-align:left;
	}
	
	#home_html h2{ margin-top:0px; font-size:22px; }
	
	.home_content_category_cont ul li a{ padding:8px 15px 8px 15px; }
	.home_content_category p{ font-size:13px; margin-bottom:0px; line-height:14px; }
	
	.home_content_category_cont ul{ margin-top:15px; }
	
	.home_content_category{ overflow:hidden; }
	.home_content_category img{ height:350px; width:auto; float:right; }
	
	#home_blog{ margin-top:25px; }
	#home_html h2{ font-size:24px; }
	#home_blog_head h2{ font-size:24px; }
	#home_blog_head h3{ font-size:18px; }
	
	.home_blog_cont_text{ margin-top:120px; }
	
	.carousel{ margin-bottom:25px; }
	
}
@media(max-width:768px)
{
	#top h1{ font-size:13px; }
	
	.home_content_category_cont ul li{ margin-right:5px; margin-bottom:0px; }
}
@media(max-width:550px)
{
	#header_bc{ height:130px; }
	#top h1{ margin-left:130px; font-size:12px; }
	#logo
	{
		width:120px;
		left:2%;
		margin-left:0px;
	}
	
	#menu{ margin-left:120px; margin-top:0px; }
	
	#header_right{ margin-top:14px; }
	#header_right .list-inline-item{ margin-left:5px; }
	#header_right i{ font-size:16px; }
	
	
	
}
@media(max-width:340px)
{
	#top h1{ margin-left:115px; font-size:10px; }
}
@media(max-width:300px)
{
	#top h1{ margin-left:115px; font-size:10px; }

}



@media(max-width:1024px)
{
	#home_cat{ padding:0px; margin-top:25px; }
  .carousel-indicators{ margin: 0px;}

  #carousel-banner-1{ margin-top:25px; }
  .carousel{ margin-bottom: 0px;;}

}

/* =========================
   CONTACT PAGE ADVANCED UI
========================= */

.contact-page {
    padding: 60px 0;
    background: #f8f9fb;
}


/* =========================
   LEFT INFO SECTION
========================= */

.contact-info-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    height: 100%;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.contact-info-box h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.contact-info-box p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

.contact-detail {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.contact-detail i {
    width: 55px;
    height: 55px;
    display: inline-block;
    float: left;
    line-height: 55px;
    background: #cc7f87;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    margin-right: 18px;
}

.contact-detail h5 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.contact-detail span,
.contact-detail a {
    color: #666;
    text-decoration: none;
}


/* =========================
   CONTACT FORM
========================= */

.contact-form-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.contact-form-box h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #111;
}

.contact-form-box .form-control {
    height: 58px;
    border-radius: 12px;
    border: 1px solid #ddd;
    padding-left: 18px;
    font-size: 15px;
    box-shadow: none;
    transition: all 0.3s ease;
}

.contact-form-box textarea.form-control {
    height: 160px;
    padding-top: 15px;
    resize: none;
}

.contact-form-box .form-control:focus {
    border-color: #cc7f87;
    box-shadow: 0 0 0 0.2rem rgba(200,164,93,0.15);
}

.contact-form-box .btn-primary {
    background: #cc7f87;
    border: none;
    height: 55px;
    padding: 0 35px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

.contact-form-box .btn-primary:hover {
    background: #111;
    transform: translateY(-2px);
}


/* =========================
   MAP SECTION
========================= */

.contact-map {
    margin-top: 60px;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.contact-map iframe {
    width: 100%;
    height: 450px;
    border: 0;
}


/* =========================
   SOCIAL ICONS
========================= */

.contact-social {
    margin-top: 30px;
}

.contact-social a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background: #f3f3f3;
    color: #111;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    transition: 0.3s;
}

.contact-social a:hover {
    background: #cc7f87;
    color: #fff;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .contact-info-box,
    .contact-form-box {
        padding: 30px;
        margin-bottom: 30px;
    }

    .contact-info-box h2,
    .contact-form-box h3 {
        font-size: 28px;
    }
}

@media (max-width: 576px) {

    .contact-page {
        padding: 40px 0;
    }

    .contact-info-box,
    .contact-form-box {
        padding: 25px;
        border-radius: 15px;
    }

    .contact-detail {
        flex-direction: column;
    }

    .contact-detail i {
        margin-bottom: 15px;
    }
}

/* =========================
   ACCOUNT DASHBOARD
========================= */

.account-dashboard {
    background: #f8f9fb;
    padding-bottom: 60px;
}


/* HEADER */

.dashboard-header {
    position: relative;
    background: #cc7f87;
    padding: 100px 20px;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    margin-bottom: 50px;
}

.dashboard-overlay {
    position: absolute;
    inset: 0;
}

.dashboard-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.dashboard-content h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.dashboard-content p {
    font-size: 18px;
    opacity: 0.9;
}


/* CARDS */

.dashboard-card {
    background: #fff;
    border-radius: 25px;
    padding: 35px;
    height: 100%;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

.dashboard-card:hover {
    transform: translateY(-5px);
}

.dashboard-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #cc7f87;
}


/* ICON */

.card-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #cc7f87;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 28px;
    margin-bottom: 25px;
}


/* TITLES */

.dashboard-card h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #111;
}


/* LINKS */

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

.dashboard-card ul li {
    margin-bottom: 15px;
}

.dashboard-card ul li:last-child {
    margin-bottom: 0;
}

.dashboard-card ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-radius: 12px;
    background: #f8f9fb;
    color: #333;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 500;
}

.dashboard-card ul li a:hover {
    background: #cc7f87;
    color: #fff;
    transform: translateX(5px);
}


/* SUCCESS ALERT */

.alert-success {
    border-radius: 15px;
    border: none;
    background: #e7f7ee;
    color: #198754;
    padding: 18px 20px;
    font-weight: 500;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .dashboard-header {
        padding: 70px 20px;
    }

    .dashboard-content h1 {
        font-size: 38px;
    }

    .dashboard-card {
        padding: 30px;
    }
}

@media (max-width: 576px) {

    .dashboard-header {
        padding: 60px 20px;
        border-radius: 0 0 25px 25px;
    }

    .dashboard-content h1 {
        font-size: 30px;
    }

    .dashboard-content p {
        font-size: 15px;
    }

    .dashboard-card {
        padding: 25px;
        border-radius: 18px;
    }

    .card-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
}